<div class="bg-deepcove h-full w-full flex flex-col">
  <h1 class="font-bold text-4xl text-platinum my-5">Edit Employer</h1>
  <%= form_with model: @employer, local: true, multipart: true do |f| %>
    <div class="flex flex-col space-y-6">
      <div class="flex w-full items-end" data-controller="logo-upload">
        <div class="flex flex-col space-y-6 w-3/5">
          <div class="flex space-x-10">
            <div class="w-full">
              <%= f.text_field :name, label: { text: "Employer Name" }, 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 class="flex space-x-10">
            <div class="w-full">
              <%= f.text_field :slug, label: { text: "Slug" }, class: "w-full" %>
            </div>
            <div class="w-full">
              <%= f.text_field :pl_plan_key, label: { text: "Pl Plan Key" }, class: "w-full" %>
            </div>
          </div>
        </div>
      </div>
      <div class="flex py-8 space-x-4">
        <%= f.submit "Save Employer" %>
        <%= link_to "Back", employer_path(@employer.slug), class: "flex justify-center items-center cursor-pointer bg-atmosphere hover:bg-deepcove border-2 border-atmosphere text-platinum font-bold px-3 rounded-sm h-10 transition duration-100" %>
      </div>
    </div>
  <% end %>
</div>
