<div class="bg-deepcove h-full w-full flex flex-col">
  <div class="flex items-center">
      <%= link_to employer_path(@employer.slug), class: "flex items-center h-14 space-x" do %>
        <div class="flex items-center h-14 text-bluemana hover:text-bronze">
          <%= icon "arrow-big-left-dash", library: "lucide", class: "h-full w-20 text-center" %>
          <div class="w-full pb-1 font-bold text-2xl">
              <%= "Back to Employer" %>
          </div>
        </div>
      <% end %>
  </div>
  <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-4/5">
          <div class="flex items-end 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="w-full flex items-center pt-6">
              <h3 class="flex-none font-bold text-2xl text-brightlava">Admin</h3>
              <div class="grow h-[1px] mt-2 ml-1 bg-brightlava"></div>
          </div>
          <div class="flex items-end space-x-10">
            <div class="w-full">
              <%= f.text_field :slug, label: { text: "URL Slug" }, class: "w-full pointer-events-none opacity-65 cursor-not-allowed" %>
            </div>
            <div class="w-full">
              <%= f.text_field :pl_plan_key, label: { text: "Pl Plan Key" }, class: "w-full pointer-events-none opacity-65 cursor-not-allowed" %>
            </div>
          </div>
        </div>
      </div>
      <div class="flex py-8 space-x-4">
        <%= f.submit "Save Employer" %>
      </div>
    </div>
  <% end %>
</div>
