<div class="container pb-5">
  <div class="text-center">
    <h1>Contact Form</h1>
  </div>
  <%= form_for @contact, url: home_index_path, method: :create, data: { turbo: false } do |f| %>
    <hr class="color-dark-blue" />
    <div class="form-group">
      <%= f.label :name %></br>
      <%= f.text_field  :name, required: true, class: "form-control" %></br>
    </div>

    <div class="form-group">
      <%= f.label :email %></br>
      <%= f.text_field :email, required: true, class: "form-control" %></br>
    </div>

    <div class="form-group">
      <%= f.label :organization %></br>
      <%= f.text_field :organization, required: true, class: "form-control" %></br>
    </div>

    <div class="form-group">
      <%= f.label :message %></br>
      <%= f.text_area :message, rows: 8, cols: 40, required: true, class: "form-control", 
        placeholder: "Send us a message"%></br>
    </div>

    <div class= "d-none">
      <%= f.label :nickname %>
      <%= f.text_field :nickname, :hint => 'Leave this field blank!' %>
    </div>

    <%= f.submit 'Send Message', class: 'btn btn-primary' %>
  <% end %>
</div>
