<.header>
  Server <%= @server.name %>
  <:subtitle>From here, you can view your server details</:subtitle>
  <:actions>
    <.link navigate={~p"/servers/#{@server}/edit"}>
      <.button>Edit server</.button>
    </.link>
  </:actions>
</.header>

<.list>
  <:item title="Name"><%= @server.name %></:item>
  <:item title="IPv4"><%= @server.ipv4 || "Not available" %></:item>
  <:item title="IPv6"><%= @server.ipv6 || "Not available" %></:item>
</.list>

<.back navigate={~p"/servers"}>Back to servers</.back>

<.modal
  :if={@live_action == :edit}
  id="server-modal"
  show
  on_cancel={JS.patch(~p"/servers/#{@server}")}
>
  <.live_component
    module={PrymnWeb.ServerLive.FormComponent}
    id={@server.id}
    title={@page_title}
    action={@live_action}
    server={@server}
    patch={~p"/servers/#{@server}"}
  />
</.modal>