<div class="bg-deepcove h-full w-full flex flex-col">
  <div class="flex justify-between">
    <h1 class="font-bold text-4xl text-platinum my-5">New Employer</h1>
    <%= form_with model: @employer, url: import_employers_path, data: { turbo: false }, local: true, multipart: true do |form| %>
      <div class="flex items-end space-x-4">
        <div class="flex flex-col">
          <%= form.label :import_from_word, 'ID Card Setup Word Doc', class: "block text-platinum font-bold mb-1 md:mb-0 pr-4" %>
          <%= form.file_field :import_from_word %>
        </div>
        <%= form.submit "Import", class: "h-[40px]" %>
      </div>
    <% end %>
  </div>
  <%= form_with model: @employer, local: true, multipart: true do |f| %>
    <div class="flex flex-col space-y-6 pb-10">
      <div class="flex w-full items-end" data-controller="logo-upload">
        <div class="flex flex-col space-y-6 w-2/5">
          <div class="flex space-x-10">
            <div class="w-full">
              <%= f.text_field :name, label: { text: "Employer Name" }, data: { logo_upload_target: "employer" }, class: "w-full" %>
            </div>
            <div class="w-full">
              <%= f.text_field :effective_date, label: { text: "Effective Date" }, class: "w-full" %>
            </div>
            <div class="w-full">
              <%= f.text_field :group_number, label: { text: "Group/Medical Number" }, class: "w-full" %>
            </div>
          </div>
        </div>
      </div>
      <div class="py-8">
        <%= f.submit "Create New Employer" %>
      </div>
    </div>
  <% end %>
</div>
