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

Dimension Name * Unique name for this dimension preset {render_error(@changeset, :name)}

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

<.icon name="hero-photo" class="w-4 h-4 inline mr-2" /> Maintain Aspect Ratio <%!-- Hidden input sends "false" by default, checkbox overrides with "true" --%>

<%= if get_field_value(@changeset, :maintain_aspect_ratio) != false do %> When enabled: Only width is used, height is calculated automatically <% else %> When disabled: Both width and height are used for fixed dimensions (crops/thumbnails) <% end %>

<%= if get_field_value(@changeset, :maintain_aspect_ratio) != false do %> Target Width (px) * <% else %> Width (px) * <% end %> <%= if get_field_value(@changeset, :maintain_aspect_ratio) != false do %> Target width for responsive sizing <% else %> Width in pixels <% end %> {render_error(@changeset, :width)}

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

Height (px) * Required for fixed dimensions {render_error(@changeset, :height)}

<% end %>

<%!-- Quality and Format --%>

<%= if @dimension_type == "video" do %> Quality (CRF) <% else %> Quality <% end %> <%= if @dimension_type == "video" do %> Compression quality (0-51, lower = higher quality) <% else %> Compression quality (1-100) <% end %> {render_error(@changeset, :quality)} <%= if @dimension_type == "video" do %> Videos use CRF 0-51 (lower = higher quality, 18-28 recommended) <% else %> Images use 1-100 (higher = better quality, 80-90 recommended) <% end %>

<%= if @dimension_type == "video" do %> Codec Override <% else %> Format Override <% end %> Leave empty to preserve original <%!-- Get format value safely --%> <% format_value = get_field_value(@changeset, :format) %> {render_error(@changeset, :format)}

<%!-- Hidden field for applies_to (auto-set based on dimension type) --%> <%!-- Form Actions --%>

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

<.icon name="hero-light-bulb" class="w-5 h-5" />

Dimension Configuration Guide

Maintain Aspect Ratio (Default ON): When enabled, only the width is used and height is calculated automatically to preserve the image's aspect ratio. Perfect for responsive images.
Fixed Dimensions (When Aspect Ratio OFF): Both width and height are used for exact dimensions. Images are center-cropped to fit. Great for thumbnails and square previews.
Quality Settings: Images use 1-100 (compression quality), Videos use CRF 0-51 (constant rate factor)
Format Override: Use to convert files to a specific format, or leave empty to preserve original