phoenix_kit_ecommerce

defmodule PhoenixKitEcommerce.Web.CartPage do
  @moduledoc """
  Public cart page LiveView for E-Commerce module.

  Supports real-time cart synchronization across multiple browser tabs
  via PubSub subscription. When cart is updated in one tab, all other
  tabs receive the update automatically.
  """

  use PhoenixKitEcommerce.Web, :live_view

  alias PhoenixKit.Modules.Languages.DialectMapper
  alias PhoenixKitEcommerce, as: Shop
  alias PhoenixKitEcommerce.Events
  alias PhoenixKitEcommerce.ShippingMethod
  alias PhoenixKitEcommerce.Translations
  alias PhoenixKitEcommerce.Web.Components.ShopLayouts

  import PhoenixKitEcommerce.Web.Helpers,
    only: [format_price: 2, humanize_key: 1, get_current_user: 1]

  @impl true
  def mount(_params, session, socket) do
    # Get session_id from session (for guest users)
    session_id = session["shop_session_id"] || generate_session_id()

    # Get current language for localized URLs
    current_language = socket.assigns[:current_locale] || Translations.default_language()

    # Get current user if logged in
    user = get_current_user(socket)
    user_uuid = if user, do: user.uuid, else: nil

    # Get or create cart
    {:ok, cart} =
      Shop.get_or_create_cart(user_uuid: user_uuid, session_id: session_id)

    # Subscribe to cart events for real-time sync across tabs
    if connected?(socket) do
      Events.subscribe_to_cart(cart)
    end

    # Get available shipping methods
    shipping_methods = Shop.get_available_shipping_methods(cart)

    # Auto-select cheapest shipping method if none selected
    {:ok, cart} = Shop.auto_select_shipping_method(cart, shipping_methods)

    # Get default currency from Billing
    currency = Shop.get_default_currency()

    # Check if user is authenticated
    authenticated = not is_nil(socket.assigns[:phoenix_kit_current_user])

    socket =
      socket
      |> assign(:page_title, "Shopping Cart")
      |> assign(:cart, cart)
      |> assign(:session_id, session_id)
      |> assign(:shipping_methods, shipping_methods)
      |> assign(:currency, currency)
      |> assign(:authenticated, authenticated)
      |> assign(:current_language, current_language)

    {:ok, socket}
  end

  @impl true
  def handle_event("update_quantity", %{"item_uuid" => item_uuid, "quantity" => quantity}, socket) do
    quantity = max(1, String.to_integer(quantity))

    update_item_quantity(socket, item_uuid, quantity)
  end

  @impl true
  def handle_event("remove_item", %{"item_uuid" => item_uuid}, socket) do
    item = Enum.find(socket.assigns.cart.items, &(&1.uuid == item_uuid))

    if item do
      case Shop.remove_from_cart(item) do
        {:ok, updated_cart} ->
          shipping_methods = Shop.get_available_shipping_methods(updated_cart)

          {:noreply,
           socket
           |> assign(:cart, updated_cart)
           |> assign(:shipping_methods, shipping_methods)
           |> put_flash(:info, "Item removed from cart")}

        {:error, _} ->
          {:noreply, put_flash(socket, :error, "Failed to remove item")}
      end
    else
      {:noreply, socket}
    end
  end

  @impl true
  def handle_event("select_shipping", %{"method_uuid" => method_uuid}, socket) do
    method = Enum.find(socket.assigns.shipping_methods, &(&1.uuid == method_uuid))
    cart = socket.assigns.cart

    if method do
      # Country will be set at checkout based on billing info
      case Shop.set_cart_shipping(cart, method, nil) do
        {:ok, updated_cart} ->
          {:noreply, assign(socket, :cart, updated_cart)}

        {:error, _} ->
          {:noreply, put_flash(socket, :error, "Failed to set shipping method")}
      end
    else
      {:noreply, socket}
    end
  end

  @impl true
  def handle_event("proceed_to_checkout", _params, socket) do
    cart = socket.assigns.cart

    cond do
      cart.items == [] ->
        {:noreply, put_flash(socket, :error, "Your cart is empty")}

      is_nil(cart.shipping_method_uuid) ->
        {:noreply, put_flash(socket, :error, "Please select a shipping method")}

      true ->
        {:noreply, push_navigate(socket, to: Shop.checkout_url(socket.assigns.current_language))}
    end
  end

  defp update_item_quantity(socket, item_uuid, quantity) do
    item = Enum.find(socket.assigns.cart.items, &(&1.uuid == item_uuid))

    if item do
      case Shop.update_cart_item(item, quantity) do
        {:ok, updated_cart} ->
          shipping_methods = Shop.get_available_shipping_methods(updated_cart)

          {:noreply,
           socket
           |> assign(:cart, updated_cart)
           |> assign(:shipping_methods, shipping_methods)}

        {:error, _} ->
          {:noreply, put_flash(socket, :error, "Failed to update quantity")}
      end
    else
      {:noreply, socket}
    end
  end

  # ============================================
  # PUBSUB EVENT HANDLERS
  # ============================================

  @impl true
  def handle_info({:cart_updated, cart}, socket) do
    shipping_methods = Shop.get_available_shipping_methods(cart)

    {:noreply,
     socket
     |> assign(:cart, cart)
     |> assign(:shipping_methods, shipping_methods)}
  end

  @impl true
  def handle_info({:item_added, cart, _item}, socket) do
    shipping_methods = Shop.get_available_shipping_methods(cart)

    {:noreply,
     socket
     |> assign(:cart, cart)
     |> assign(:shipping_methods, shipping_methods)}
  end

  @impl true
  def handle_info({:item_removed, cart, _item_id}, socket) do
    shipping_methods = Shop.get_available_shipping_methods(cart)

    {:noreply,
     socket
     |> assign(:cart, cart)
     |> assign(:shipping_methods, shipping_methods)}
  end

  @impl true
  def handle_info({:quantity_updated, cart, _item}, socket) do
    shipping_methods = Shop.get_available_shipping_methods(cart)

    {:noreply,
     socket
     |> assign(:cart, cart)
     |> assign(:shipping_methods, shipping_methods)}
  end

  @impl true
  def handle_info({:shipping_selected, cart}, socket) do
    {:noreply, assign(socket, :cart, cart)}
  end

  @impl true
  def handle_info({:payment_selected, cart}, socket) do
    {:noreply, assign(socket, :cart, cart)}
  end

  @impl true
  def handle_info({:cart_cleared, cart}, socket) do
    shipping_methods = Shop.get_available_shipping_methods(cart)

    {:noreply,
     socket
     |> assign(:cart, cart)
     |> assign(:shipping_methods, shipping_methods)}
  end

  @impl true
  def render(assigns) do
    ~H"""
    <ShopLayouts.shop_layout {assigns}>
      <div>
        <%!-- Header --%>
        <header class="mb-6">
          <div class="flex items-start gap-4">
            <.link
              navigate={Shop.catalog_url(@current_language)}
              class="btn btn-ghost btn-sm"
            >
              <.icon name="hero-arrow-left" class="w-4 h-4" />
            </.link>
            <div class="flex-1 min-w-0">
              <h1 class="text-3xl font-bold text-base-content">Shopping Cart</h1>
              <p class="text-base-content/70 mt-1">Review your items before checkout</p>
            </div>
          </div>
        </header>

        <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
          <%!-- Cart Items --%>
          <div class="lg:col-span-2">
            <%= if @cart.items == [] do %>
              <div class="card bg-base-100 shadow-xl">
                <div class="card-body text-center py-16">
                  <.icon name="hero-shopping-cart" class="w-16 h-16 mx-auto mb-4 opacity-30" />
                  <h2 class="text-xl font-medium text-base-content/60">Your cart is empty</h2>
                  <p class="text-base-content/50 mb-6">Add some products to get started</p>
                  <.link navigate={Shop.catalog_url(@current_language)} class="btn btn-primary">
                    Browse Products
                  </.link>
                </div>
              </div>
            <% else %>
              <div class="card bg-base-100 shadow-xl">
                <div class="card-body p-0">
                  <div class="overflow-x-auto">
                    <table class="table">
                      <thead>
                        <tr>
                          <th class="w-1/2">Product</th>
                          <th class="text-center">Quantity</th>
                          <th class="text-right">Price</th>
                          <th></th>
                        </tr>
                      </thead>
                      <tbody>
                        <%= for item <- @cart.items do %>
                          <tr>
                            <td>
                              <div class="flex items-center gap-4">
                                <%= if item.product_image do %>
                                  <%= if item.product_slug do %>
                                    <.link
                                      navigate={product_item_url(item, @current_language)}
                                      class="w-16 h-16 bg-base-200 rounded-lg overflow-hidden flex-shrink-0 block"
                                    >
                                      <img
                                        src={item.product_image}
                                        alt={item.product_title}
                                        class="w-full h-full object-cover"
                                      />
                                    </.link>
                                  <% else %>
                                    <div class="w-16 h-16 bg-base-200 rounded-lg overflow-hidden flex-shrink-0">
                                      <img
                                        src={item.product_image}
                                        alt={item.product_title}
                                        class="w-full h-full object-cover"
                                      />
                                    </div>
                                  <% end %>
                                <% else %>
                                  <%= if item.product_slug do %>
                                    <.link
                                      navigate={product_item_url(item, @current_language)}
                                      class="w-16 h-16 bg-base-200 rounded-lg flex items-center justify-center flex-shrink-0 block"
                                    >
                                      <.icon name="hero-cube" class="w-8 h-8 opacity-30" />
                                    </.link>
                                  <% else %>
                                    <div class="w-16 h-16 bg-base-200 rounded-lg flex items-center justify-center flex-shrink-0">
                                      <.icon name="hero-cube" class="w-8 h-8 opacity-30" />
                                    </div>
                                  <% end %>
                                <% end %>
                                <div>
                                  <div class="font-medium">
                                    <%= if item.product_slug do %>
                                      <.link
                                        navigate={product_item_url(item, @current_language)}
                                        class="hover:text-primary transition-colors"
                                      >
                                        {item.product_title}
                                      </.link>
                                    <% else %>
                                      {item.product_title}
                                    <% end %>
                                  </div>
                                  <%= if item.product_sku do %>
                                    <div class="text-xs text-base-content/50">
                                      SKU: {item.product_sku}
                                    </div>
                                  <% end %>
                                  <%= if item.selected_specs && item.selected_specs != %{} do %>
                                    <div class="text-xs text-base-content/60 mt-1">
                                      <%= for {key, value} <- item.selected_specs do %>
                                        <span class="inline-block mr-2">
                                          <span class="font-medium">{humanize_key(key)}:</span>
                                          <span>{value}</span>
                                        </span>
                                      <% end %>
                                    </div>
                                  <% end %>
                                  <%= if item.compare_at_price && Decimal.compare(item.compare_at_price, item.unit_price) == :gt do %>
                                    <div class="text-xs">
                                      <span class="line-through text-base-content/40">
                                        {format_price(item.compare_at_price, @currency)}
                                      </span>
                                      <span class="text-success ml-1">On sale!</span>
                                    </div>
                                  <% end %>
                                </div>
                              </div>
                            </td>
                            <td class="text-center">
                              <form phx-change="update_quantity" class="inline">
                                <input type="hidden" name="item_uuid" value={item.uuid} />
                                <input
                                  type="number"
                                  name="quantity"
                                  value={item.quantity}
                                  min="1"
                                  class="input input-sm w-20 text-center"
                                />
                              </form>
                            </td>
                            <td class="text-right">
                              <div class="font-semibold">
                                {format_price(item.line_total, @currency)}
                              </div>
                              <div class="text-xs text-base-content/50">
                                {format_price(item.unit_price, @currency)} each
                              </div>
                            </td>
                            <td>
                              <button
                                phx-click="remove_item"
                                phx-value-item_uuid={item.uuid}
                                class="btn btn-ghost btn-sm text-error"
                              >
                                <.icon name="hero-trash" class="w-4 h-4" />
                              </button>
                            </td>
                          </tr>
                        <% end %>
                      </tbody>
                    </table>
                  </div>
                </div>
              </div>
            <% end %>

            <%!-- Shipping Section --%>
            <%= if @cart.items != [] do %>
              <div class="card bg-base-100 shadow-xl mt-6">
                <div class="card-body">
                  <h2 class="card-title mb-4">Shipping Method</h2>

                  <%= if @shipping_methods == [] do %>
                    <div class="alert alert-warning">
                      <.icon name="hero-exclamation-triangle" class="w-5 h-5" />
                      <span>No shipping methods available for your selection</span>
                    </div>
                  <% else %>
                    <div class="space-y-3">
                      <%= for method <- @shipping_methods do %>
                        <label class={[
                          "flex items-center gap-4 p-4 border rounded-lg cursor-pointer transition-colors",
                          if(@cart.shipping_method_uuid == method.uuid,
                            do: "border-primary bg-primary/5",
                            else: "border-base-300 hover:border-primary/50"
                          )
                        ]}>
                          <input
                            type="radio"
                            name="shipping_method"
                            value={method.uuid}
                            checked={@cart.shipping_method_uuid == method.uuid}
                            phx-click="select_shipping"
                            phx-value-method_uuid={method.uuid}
                            class="radio radio-primary"
                          />
                          <div class="flex-1">
                            <div class="font-medium">{method.name}</div>
                            <%= if method.description do %>
                              <div class="text-sm text-base-content/60">{method.description}</div>
                            <% end %>
                            <%= if estimate = ShippingMethod.delivery_estimate(method) do %>
                              <div class="text-sm text-base-content/50">{estimate}</div>
                            <% end %>
                          </div>
                          <div class="text-right">
                            <%= if ShippingMethod.free_for?(method, @cart.subtotal || Decimal.new("0")) do %>
                              <span class="badge badge-success">FREE</span>
                            <% else %>
                              <span class="font-semibold">
                                {format_price(method.price, @currency)}
                              </span>
                            <% end %>
                          </div>
                        </label>
                      <% end %>
                    </div>
                  <% end %>
                </div>
              </div>
            <% end %>
          </div>

          <%!-- Order Summary --%>
          <div class="lg:col-span-1">
            <div class="card bg-base-100 shadow-xl sticky top-6">
              <div class="card-body">
                <h2 class="card-title mb-4">Order Summary</h2>

                <div class="space-y-3 text-sm">
                  <div class="flex justify-between">
                    <span class="text-base-content/70">
                      Subtotal ({@cart.items_count || 0} items)
                    </span>
                    <span>{format_price(@cart.subtotal, @currency)}</span>
                  </div>

                  <div class="flex justify-between">
                    <span class="text-base-content/70">Shipping</span>
                    <%= if is_nil(@cart.shipping_method_uuid) do %>
                      <span class="text-base-content/50">Select method</span>
                    <% else %>
                      <%= if Decimal.compare(@cart.shipping_amount || Decimal.new("0"), Decimal.new("0")) == :eq do %>
                        <span class="text-success">FREE</span>
                      <% else %>
                        <span>{format_price(@cart.shipping_amount, @currency)}</span>
                      <% end %>
                    <% end %>
                  </div>

                  <%= if @cart.discount_amount && Decimal.compare(@cart.discount_amount, Decimal.new("0")) == :gt do %>
                    <div class="flex justify-between text-success">
                      <span>Discount</span>
                      <span>-{format_price(@cart.discount_amount, @currency)}</span>
                    </div>
                  <% end %>

                  <%= if @cart.tax_amount && Decimal.compare(@cart.tax_amount, Decimal.new("0")) == :gt do %>
                    <div class="flex justify-between">
                      <span class="text-base-content/70">Tax</span>
                      <span>{format_price(@cart.tax_amount, @currency)}</span>
                    </div>
                  <% end %>

                  <div class="divider my-2"></div>

                  <div class="flex justify-between text-lg font-bold">
                    <span>Total</span>
                    <span>{format_price(@cart.total, @currency)}</span>
                  </div>
                </div>

                <button
                  phx-click="proceed_to_checkout"
                  class="btn btn-primary btn-block mt-6"
                  disabled={@cart.items == [] || is_nil(@cart.shipping_method_uuid)}
                >
                  <.icon name="hero-credit-card" class="w-5 h-5 mr-2" /> Proceed to Checkout
                </button>

                <%= if @cart.items != [] do %>
                  <p class="text-xs text-center text-base-content/50 mt-3">
                    Secure checkout powered by PhoenixKit
                  </p>
                <% end %>
              </div>
            </div>
          </div>
        </div>
      </div>
    </ShopLayouts.shop_layout>
    """
  end

  # Private helpers

  defp generate_session_id do
    :crypto.strong_rand_bytes(32) |> Base.url_encode64(padding: false)
  end

  defp product_item_url(item, language) do
    base = DialectMapper.extract_base(language)
    Routes.path("/shop/product/#{item.product_slug}", locale: base)
  end
end