defmodule MvWeb.CustomFieldLive.Index do
  @moduledoc """
  LiveView for managing custom field definitions (admin).

  ## Features
  - List all custom fields
  - Display type information (name, value type, description)
  - Show immutable and required flags
  - Create new custom fields
  - Edit existing custom fields
  - Delete custom fields with confirmation (cascades to all custom field values)

  ## Displayed Information
  - Name: Unique identifier for the custom field
  - Value type: Data type constraint (string, integer, boolean, date, email)
  - Description: Human-readable explanation
  - Immutable: Whether custom field values can be changed after creation
  - Required: Whether all members must have this custom field (future feature)

  ## Events
  - `prepare_delete` - Opens deletion confirmation modal with member count
  - `confirm_delete` - Executes deletion after slug verification
  - `cancel_delete` - Cancels deletion and closes modal
  - `update_slug_confirmation` - Updates slug input state

  ## Security
  Custom field management is restricted to admin users.
  Deletion requires entering the custom field's slug to prevent accidental deletions.
  """
  use MvWeb, :live_view

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

      <.table
        id="custom_fields"
        rows={@streams.custom_fields}
        row_click={fn {_id, custom_field} -> JS.navigate(~p"/custom_fields/#{custom_field}") end}
      >
        <:col :let={{_id, custom_field}} label="Name">{custom_field.name}</:col>

        <:col :let={{_id, custom_field}} label="Description">{custom_field.description}</:col>

        <:action :let={{_id, custom_field}}>
          <div class="sr-only">
            <.link navigate={~p"/custom_fields/#{custom_field}"}>Show</.link>
          </div>

          <.link navigate={~p"/custom_fields/#{custom_field}/edit"}>Edit</.link>
        </:action>

        <:action :let={{_id, custom_field}}>
          <.link phx-click={JS.push("prepare_delete", value: %{id: custom_field.id})}>
            Delete
          </.link>
        </:action>
      </.table>

      <%!-- Delete Confirmation Modal --%>
      <dialog :if={@show_delete_modal} id="delete-custom-field-modal" class="modal modal-open">
        <div class="modal-box">
          <h3 class="font-bold text-lg">{gettext("Delete Custom Field")}</h3>

          <div class="py-4 space-y-4">
            <div class="alert alert-warning">
              <.icon name="hero-exclamation-triangle" class="h-5 w-5" />
              <div>
                <p class="font-semibold">
                  {ngettext(
                    "%{count} member has a value assigned for this custom field.",
                    "%{count} members have values assigned for this custom field.",
                    @custom_field_to_delete.assigned_members_count,
                    count: @custom_field_to_delete.assigned_members_count
                  )}
                </p>
                <p class="text-sm mt-2">
                  {gettext(
                    "All custom field values will be permanently deleted when you delete this custom field."
                  )}
                </p>
              </div>
            </div>

            <div>
              <label for="slug-confirmation" class="label">
                <span class="label-text">
                  {gettext("To confirm deletion, please enter this text:")}
                </span>
              </label>
              <div class="font-mono font-bold text-lg mb-2 p-2 bg-base-200 rounded break-all">
                {@custom_field_to_delete.slug}
              </div>
              <form phx-change="update_slug_confirmation">
                <input
                  id="slug-confirmation"
                  name="slug"
                  type="text"
                  value={@slug_confirmation}
                  placeholder={gettext("Enter the text above to confirm")}
                  autocomplete="off"
                  phx-mounted={JS.focus()}
                  class="input input-bordered w-full"
                />
              </form>
            </div>
          </div>

          <div class="modal-action">
            <button phx-click="cancel_delete" class="btn">
              {gettext("Cancel")}
            </button>
            <button
              phx-click="confirm_delete"
              class="btn btn-error"
              disabled={@slug_confirmation != @custom_field_to_delete.slug}
            >
              {gettext("Delete Custom Field and All Values")}
            </button>
          </div>
        </div>
      </dialog>
    </Layouts.app>
    """
  end

  @impl true
  def mount(_params, _session, socket) do
    {:ok,
     socket
     |> assign(:page_title, "Listing Custom fields")
     |> assign(:show_delete_modal, false)
     |> assign(:custom_field_to_delete, nil)
     |> assign(:slug_confirmation, "")
     |> stream(:custom_fields, Ash.read!(Mv.Membership.CustomField))}
  end

  @impl true
  def handle_event("prepare_delete", %{"id" => id}, socket) do
    custom_field = Ash.get!(Mv.Membership.CustomField, id, load: [:assigned_members_count])

    {:noreply,
     socket
     |> assign(:custom_field_to_delete, custom_field)
     |> assign(:show_delete_modal, true)
     |> assign(:slug_confirmation, "")}
  end

  @impl true
  def handle_event("update_slug_confirmation", %{"slug" => slug}, socket) do
    {:noreply, assign(socket, :slug_confirmation, slug)}
  end

  @impl true
  def handle_event("confirm_delete", _params, socket) do
    custom_field = socket.assigns.custom_field_to_delete

    if socket.assigns.slug_confirmation == custom_field.slug do
      # Delete the custom field (CASCADE will handle custom field values)
      case Ash.destroy(custom_field) do
        :ok ->
          {:noreply,
           socket
           |> put_flash(:info, "Custom field deleted successfully")
           |> assign(:show_delete_modal, false)
           |> assign(:custom_field_to_delete, nil)
           |> assign(:slug_confirmation, "")
           |> stream_delete(:custom_fields, custom_field)}

        {:error, error} ->
          {:noreply,
           socket
           |> put_flash(:error, "Failed to delete custom field: #{inspect(error)}")}
      end
    else
      {:noreply,
       socket
       |> put_flash(:error, "Slug does not match. Deletion cancelled.")}
    end
  end

  @impl true
  def handle_event("cancel_delete", _params, socket) do
    {:noreply,
     socket
     |> assign(:show_delete_modal, false)
     |> assign(:custom_field_to_delete, nil)
     |> assign(:slug_confirmation, "")}
  end
end