<.admin_page_header back={PhoenixKit.Utils.Routes.path("/admin/settings/media/dimensions")} title={@page_title} subtitle={gettext("Configure dimension presets for automatic file variant generation")} /> <.form for={@changeset} phx-change="validate" phx-submit="save" class="space-y-6"> <%!-- Basic Information --%>

<.icon name="hero-tag" class="w-5 h-5" /> {gettext("Basic Information")}

{gettext("Dimension Name")} * {render_error(@changeset, :name)}

{gettext("A unique name to identify this dimension preset")}

<%!-- Size Configuration --%>

<.icon name="hero-arrows-pointing-out" class="w-5 h-5" /> {gettext("Size Configuration")}

<%!-- Aspect Ratio Toggle --%>

<.checkbox name="dimension[maintain_aspect_ratio]" checked={get_field_value(@changeset, :maintain_aspect_ratio) != false} > {gettext("Maintain Aspect Ratio")} <:description> <%= if get_field_value(@changeset, :maintain_aspect_ratio) != false do %> {gettext("Only width is used, height is calculated automatically")} <% else %> {gettext("Both width and height are used for fixed dimensions")} <% end %>

<%= if get_field_value(@changeset, :maintain_aspect_ratio) != false do %> {gettext("Target Width (px)")} * <% else %> {gettext("Width (px)")} * <% end %> {render_error(@changeset, :width)}

<%= if get_field_value(@changeset, :maintain_aspect_ratio) == false do %>

{gettext("Height (px)")} * {render_error(@changeset, :height)}

<% end %>

<%!-- Quality & Format --%>

<.icon name="hero-adjustments-horizontal" class="w-5 h-5" /> {gettext("Quality & Format")}

<%= if @dimension_type == "video" do %> {gettext("Quality (CRF)")} <% else %> {gettext("Quality")} <% end %> {render_error(@changeset, :quality)}

<%= if @dimension_type == "video" do %> {gettext("CRF 0-51, lower = higher quality. 18-28 recommended.")} <% else %> {gettext("1-100, higher = better quality. 80-90 recommended.")} <% end %>

<%= if @dimension_type == "video" do %> {gettext("Codec Override")} <% else %> {gettext("Format Override")} <% end %> <% format_value = get_field_value(@changeset, :format) %> {render_error(@changeset, :format)}

{gettext("Leave empty to preserve the original file format")}

<%!-- Alternative Formats (image dimensions only) --%> <%= if @dimension_type != "video" do %>

<.icon name="hero-document-duplicate" class="w-5 h-5" /> {gettext("Alternative Formats")}

{gettext( "Generate additional format variants alongside the primary format. Modern formats like WebP and AVIF offer better compression." )}

<%= for {fmt, label} <- [{"webp", "WebP"}, {"avif", "AVIF"}, {"png", "PNG"}, {"jpg", "JPEG"}] do %> <%= if fmt != @primary_format do %> {label} <% end %> <% end %>

{render_error(@changeset, :alternative_formats)}

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

<.link navigate={PhoenixKit.Utils.Routes.path("/admin/settings/media/dimensions")} class="btn btn-ghost" > {gettext("Cancel")}