<%!-- Back Button --%>

<.link navigate={PhoenixKit.Utils.Routes.path("/dashboard/tickets")} class="btn btn-ghost btn-sm gap-2" > <.icon name="hero-arrow-left" class="h-4 w-4" /> {gettext("Back to Tickets")}

{gettext("Create New Ticket")}

<.form for={@form} phx-change="validate" phx-submit="save" class="space-y-6"> <%!-- Title Field --%>

{gettext("Subject")} * <.error :for={msg <- @form[:title].errors |> Enum.map(&elem(&1, 0))}>{msg}

<%!-- Description Field --%>

{gettext("Description")} * <.error :for={msg <- @form[:description].errors |> Enum.map(&elem(&1, 0))}> {msg}

<%!-- Attachments Section --%> <%= if @attachments_enabled do %>

{gettext("Attachments")} {gettext("Optional")} <%!-- Already Uploaded Files Preview --%> <%= if Enum.any?(@pending_files) do %>

<%= for file <- @pending_files do %>

<.icon name="hero-document" class="w-6 h-6 text-base-content/50 flex-shrink-0" />

{file.original_file_name}

<% end %>

<% end %> <%!-- Upload Progress --%> <%= if Map.has_key?(assigns, :uploads) do %> <%= for entry <- @uploads.attachments.entries do %>

<.icon name="hero-document" class="w-5 h-5 text-base-content/50" />

{entry.client_name}

<% end %> <%!-- Upload Errors --%> <%= for {_ref, msg} <- @uploads.attachments.errors do %>

<.icon name="hero-exclamation-circle" class="w-5 h-5" /> <%= case msg do %> <% :too_large -> %> {gettext("File is too large")} <% :too_many_files -> %> {gettext("Too many files")} <% :not_accepted -> %> {gettext("File type not accepted")} <% _ -> %> {inspect(msg)} <% end %>

<% end %> <% end %> <%!-- Drag and Drop Zone --%> <%= if Map.has_key?(assigns, :uploads) do %>

<.icon name="hero-cloud-arrow-up" class="w-8 h-8 text-primary" /> {gettext("Drop files here or click to upload")} {gettext("Images, PDFs, documents (max 10MB each, up to 5 files)")}

<.live_file_input upload={@uploads.attachments} class="hidden" />

<% end %>

<% end %> <%!-- Form Actions --%>

<.link navigate={PhoenixKit.Utils.Routes.path("/dashboard/tickets")} class="btn btn-ghost" > {gettext("Cancel")}