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

{gettext("Title")} * <%= if @form[:title].errors != [] do %>

<%= for error <- @form[:title].errors do %>

{translate_error(error)}

<% end %>

<%!-- Priority --%>

{gettext("Priority")}

<%!-- Description --%>

{gettext("Description")} * <%= if @form[:description].errors != [] do %>

<%= for error <- @form[:description].errors do %>

{translate_error(error)}

<% end %>

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

{gettext("Attachments")}

<.icon name="hero-cloud-arrow-up" class="w-12 h-12 mx-auto text-base-content/40 mb-3" />

{gettext("Drag and drop files here, or click to browse")}

{gettext("Max 5 files, 10MB each. Supported: images, PDF, DOC, TXT")}

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

<%!-- Upload errors --%> <%= for error <- @upload_errors do %>

{error}

<% end %> <%!-- Pending uploads preview --%> <%= if @uploads.attachments.entries != [] do %>

<%= for entry <- @uploads.attachments.entries do %>

<.icon name="hero-document" class="w-5 h-5 text-base-content/60" /> {entry.client_name}

<% end %>

<% end %> <%!-- Already uploaded pending files --%> <%= if @pending_files != [] do %>

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

<.icon name="hero-document-check" class="w-5 h-5 text-success" /> {file.original_name}

<% end %>

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

<.link navigate={Routes.path("/admin/customer-service/tickets")} class="btn btn-outline"> {gettext("Cancel")}