<% content_for(:page_title, t('service.title', page_title: 'Book an appointment')) %>
<%= breadcrumb({ title: 'Book an appointment' }) %>

<h1>Book an appointment</h1>
<%= rebooked_from_heading(@appointment) %>

<%= render 'shared/required_fields_note' %>
<%= form_for @appointment, url: preview_appointments_path, layout: :basic do |f| %>
  <%= f.hidden_field :rebooked_from_id %>
  <div class="row form-group">
    <div class="col-md-12">
      <h2>Date of birth</h2>
      <%= render 'shared/date_of_birth_form_field', form: f %>
    </div>
    <%= render 'schedule_form', form: f %>
  </div>
  <%= render partial: 'personal_details_form', locals: { f: f } %>
  <div class="row form-group">
    <div class="col-md-12">
      <%= f.submit "Continue", class: 't-preview-appointment' %>
    </div>
  </div>
<% end %>

<% content_for(:page_title, t('service.title', page_title: 'Book an appointment')) %>
<%= breadcrumb({ title: 'Book an appointment' }) %>

<h1>Book an appointment</h1>
<%= rebooked_from_heading(@appointment) %>

<%= render 'shared/required_fields_note' %>
<%= form_for @appointment, url: preview_appointments_path, layout: :basic do |f| %>
  <%= f.hidden_field :rebooked_from_id %>
  <div class="row form-group">
    <div class="col-md-12">
      <h2>Date of birth</h2>
      <%= render 'shared/date_of_birth_form_field', form: f %>
    </div>
  </div>

  <hr>
  <%= render partial: 'personal_details_form', locals: { f: f } %>
  <hr>

  <div class="row form-group">
    <%= render 'schedule_form', form: f %>
  </div>

  <div class="row form-group">
    <div class="col-md-12">
      <%= f.submit "Continue", class: 't-preview-appointment' %>
    </div>
  </div>
<% end %>

Move slot picker below customer details
Move slot picker below customer details

Moves the date picker under the customer details form. This is to
mitigate slots being taken during the time it takes for the agent to
complete the customer details.
