defmodule ArcanaWeb.CollectionsLive do
  @moduledoc """
  LiveView for managing collections in Arcana.
  """
  use Phoenix.LiveView

  import ArcanaWeb.DashboardComponents

  alias Arcana.Collection

  @impl true
  def mount(_params, session, socket) do
    repo = get_repo_from_session(session)

    {:ok,
     socket
     |> assign(repo: repo)
     |> assign(editing_collection: nil, confirm_delete_collection: nil)
     |> assign(stats: nil, collections: [])}
  end

  @impl true
  def handle_params(_params, _uri, socket) do
    {:noreply, load_data(socket)}
  end

  defp load_data(socket) do
    repo = socket.assigns.repo

    socket
    |> assign(stats: load_stats(repo))
    |> assign(collections: load_collections(repo))
  end

  @impl true
  def handle_event("create_collection", %{"collection" => params}, socket) do
    repo = socket.assigns.repo
    name = params["name"] || ""
    description = params["description"]

    case Collection.get_or_create(name, repo, description) do
      {:ok, _collection} ->
        {:noreply, load_data(socket)}

      {:error, changeset} ->
        {:noreply,
         put_flash(socket, :error, "Failed to create collection: #{inspect(changeset.errors)}")}
    end
  end

  def handle_event("edit_collection", %{"id" => id}, socket) do
    repo = socket.assigns.repo
    collection = repo.get(Collection, id)
    {:noreply, assign(socket, editing_collection: collection)}
  end

  def handle_event("cancel_edit_collection", _params, socket) do
    {:noreply, assign(socket, editing_collection: nil)}
  end

  def handle_event("update_collection", %{"id" => id, "collection" => params}, socket) do
    repo = socket.assigns.repo
    collection = repo.get!(Collection, id)

    changeset =
      Collection.changeset(collection, %{
        name: params["name"] || collection.name,
        description: params["description"]
      })

    case repo.update(changeset) do
      {:ok, _updated} ->
        {:noreply, socket |> assign(editing_collection: nil) |> load_data()}

      {:error, changeset} ->
        {:noreply, put_flash(socket, :error, "Failed to update: #{inspect(changeset.errors)}")}
    end
  end

  def handle_event("confirm_delete_collection", %{"id" => id}, socket) do
    {:noreply, assign(socket, confirm_delete_collection: id)}
  end

  def handle_event("cancel_delete_collection", _params, socket) do
    {:noreply, assign(socket, confirm_delete_collection: nil)}
  end

  def handle_event("delete_collection", %{"id" => id}, socket) do
    repo = socket.assigns.repo

    case repo.get(Collection, id) do
      nil ->
        {:noreply, assign(socket, confirm_delete_collection: nil)}

      collection ->
        repo.delete!(collection)
        {:noreply, socket |> assign(confirm_delete_collection: nil) |> load_data()}
    end
  end

  @impl true
  def render(assigns) do
    ~H"""
    <.dashboard_layout stats={@stats} current_tab={:collections}>
      <div class="arcana-collections">
        <h2>Collections</h2>
        <p class="arcana-tab-description">
          Organize documents into collections for scoped searches and better organization.
        </p>

        <div class="arcana-ingest-form">
          <h3>Create Collection</h3>
          <form id="new-collection-form" phx-submit="create_collection">
            <div class="arcana-form-row" style="margin-bottom: 0.75rem;">
              <input
                type="text"
                name="collection[name]"
                placeholder="Collection name"
                class="arcana-input"
                style="flex: 1; max-width: 300px;"
                required
              />
            </div>
            <div class="arcana-form-row">
              <input
                type="text"
                name="collection[description]"
                placeholder="Description (optional) - helps the agent select the right collection"
                class="arcana-input"
                style="flex: 1;"
              />
              <button type="submit" class="arcana-btn arcana-btn-primary">
                Create
              </button>
            </div>
          </form>
        </div>

        <div class="arcana-doc-list">
          <%= if Enum.empty?(@collections) do %>
            <div class="arcana-empty">No collections yet. Create one above.</div>
          <% else %>
            <table class="arcana-table">
              <thead>
                <tr>
                  <th>Name</th>
                  <th>Description</th>
                  <th>Documents</th>
                  <th style="width: 120px;">Actions</th>
                </tr>
              </thead>
              <tbody>
                <%= for collection <- @collections do %>
                  <tr id={"collection-#{collection.name}"}>
                    <%= if @editing_collection && @editing_collection.id == collection.id do %>
                      <td colspan="4">
                        <form
                          id={"edit-collection-form-#{collection.id}"}
                          phx-submit="update_collection"
                          phx-value-id={collection.id}
                          class="arcana-edit-form"
                        >
                          <div class="arcana-form-row">
                            <input
                              type="text"
                              name="collection[name]"
                              value={collection.name}
                              class="arcana-input"
                              disabled
                            />
                            <input
                              type="text"
                              name="collection[description]"
                              value={collection.description || ""}
                              placeholder="Description"
                              class="arcana-input"
                              style="flex: 2;"
                            />
                            <button type="submit" class="arcana-btn arcana-btn-primary">Save</button>
                            <button
                              type="button"
                              class="arcana-btn"
                              phx-click="cancel_edit_collection"
                            >
                              Cancel
                            </button>
                          </div>
                        </form>
                      </td>
                    <% else %>
                      <td><code><%= collection.name %></code></td>
                      <td><%= collection.description || "-" %></td>
                      <td>
                        <%= collection.document_count %> <%= if collection.document_count == 1, do: "document", else: "documents" %>
                      </td>
                      <td>
                        <%= if @confirm_delete_collection == collection.id do %>
                          <div class="arcana-confirm-delete">
                            <span>Delete?</span>
                            <button
                              id="confirm-delete"
                              class="arcana-btn arcana-btn-danger"
                              phx-click="delete_collection"
                              phx-value-id={collection.id}
                            >
                              Yes
                            </button>
                            <button
                              class="arcana-btn"
                              phx-click="cancel_delete_collection"
                            >
                              No
                            </button>
                          </div>
                        <% else %>
                          <div class="arcana-actions-cell">
                            <button
                              id={"edit-collection-#{collection.id}"}
                              class="arcana-icon-btn"
                              phx-click="edit_collection"
                              phx-value-id={collection.id}
                              title="Edit collection"
                            >
                              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path>
                                <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path>
                              </svg>
                            </button>
                            <button
                              id={"delete-collection-#{collection.id}"}
                              class="arcana-delete-btn"
                              phx-click="confirm_delete_collection"
                              phx-value-id={collection.id}
                              title="Delete collection"
                            >
                              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                <polyline points="3 6 5 6 21 6"></polyline>
                                <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path>
                                <line x1="10" y1="11" x2="10" y2="17"></line>
                                <line x1="14" y1="11" x2="14" y2="17"></line>
                              </svg>
                            </button>
                          </div>
                        <% end %>
                      </td>
                    <% end %>
                  </tr>
                <% end %>
              </tbody>
            </table>
          <% end %>
        </div>
      </div>
    </.dashboard_layout>
    """
  end
end