<div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
  <div class="sm:flex sm:items-center">
    <div class="sm:flex-auto">
      <h1 class="text-2xl font-semibold text-slate-900">Edit IP Address Role</h1>
      <p class="mt-2 text-sm text-slate-700">
        Modify an existing IP address role for <code class="bg-slate-100 px-1 py-0.5 rounded text-slate-800"><%= @ip_address_role.ip_address %></code>
      </p>
    </div>
    <div class="mt-4 space-x-3 sm:ml-16 sm:mt-0 sm:flex-none">
      <%= link_to 'View Details',
                  state_ip_address_role_path(@ip_address_role),
                  class: "bg-sky-500 hover:bg-sky-700 text-white font-bold py-2 px-4 rounded" %>
      <%= link_to 'Back to List',
                  state_ip_address_roles_path,
                  class: "bg-slate-500 hover:bg-slate-700 text-white font-bold py-2 px-4 rounded" %>
    </div>
  </div>
  <div class="mt-6 bg-white shadow sm:rounded-lg">
    <div class="px-4 py-5 sm:p-6">
      <%= render 'form', ip_address_role: @ip_address_role %>
    </div>
  </div>
</div>
