defmodule MvWeb.MemberLive.Index do
  use MvWeb, :live_view

  @impl true
  def render(assigns) do
    ~H"""
    <Layouts.app flash={@flash}>
      <.header>
        {gettext("Listing Members")}
        <:actions>
          <.button variant="primary" navigate={~p"/members/new"}>
            <.icon name="hero-plus" /> {gettext("New Member")}
          </.button>
        </:actions>
      </.header>

      <.table
        id="members"
        rows={@streams.members}
        row_click={fn {_id, member} -> JS.navigate(~p"/members/#{member}") end}
      >
        <!-- <:col :let={{_id, member}} label="Id">{member.id}</:col> -->
        <:col :let={{_id, member}} label={gettext("First Name")}>{member.first_name}</:col>
        <:col :let={{_id, member}} label={gettext("Last Name")}>{member.last_name}</:col>
        <:col :let={{_id, member}} label={gettext("Email")}>{member.email}</:col>
        <:col :let={{_id, member}} label={gettext("City")}>{member.city}</:col>
        <:col :let={{_id, member}} label={gettext("Join Date")}>{member.join_date}</:col>

        <:action :let={{_id, member}}>
          <div class="sr-only">
            <.link navigate={~p"/members/#{member}"}>{gettext("Show")}</.link>
          </div>

          <.link navigate={~p"/members/#{member}/edit"}>{gettext("Edit")}</.link>
        </:action>

        <:action :let={{id, member}}>
          <.link
            phx-click={JS.push("delete", value: %{id: member.id}) |> hide("##{id}")}
            data-confirm={gettext("Are you sure?")}
          >
            {gettext("Delete")}
          </.link>
        </:action>
      </.table>
    </Layouts.app>
    """
  end

  @impl true
  def mount(_params, _session, socket) do
    {:ok,
     socket
     |> assign(:page_title, gettext("Listing Members"))
     |> stream(:members, Ash.read!(Mv.Membership.Member))}
  end

  @impl true
  def handle_event("delete", %{"id" => id}, socket) do
    member = Ash.get!(Mv.Membership.Member, id)
    Ash.destroy!(member)

    {:noreply, stream_delete(socket, :members, member)}
  end
end