<%!-- Browser-back so the user returns to exactly where they were before opening this file — the folder grid they came from (the MediaBrowser keeps the open folder in the `?folder=` query, and the click here was a push_navigate, so the previous history entry is that folder view). Falls back to the media root for a direct/shared load with no history. Left-aligned (not the toolbar's default right-alignment): a lone back affordance flush against the right edge reads oddly with nothing else in the row. --%>
<%= if @file_data do %> <%!-- Main Layout: 3/4 Preview + 1/4 Info --%>
<%!-- Left: Fresco canvas + Etcher annotations (3/4). The viewer --%> <%!-- column from MediaCanvasViewer in `viewer_only` mode — gives us --%> <%!-- the same Fresco + Etcher rendering, composer popover, and --%> <%!-- annotation persistence as the in-place modal, without its --%> <%!-- sidebar (we keep MediaDetail's admin-specific sidebar to the --%> <%!-- right) or modal chrome (the page header carries the back nav). --%>
<.live_component module={PhoenixKitWeb.Components.MediaCanvasViewer} id={"media-detail-canvas-" <> @file_data.file_uuid} file={@file_data} current_user={assigns[:phoenix_kit_current_user]} parent_id="media-detail-root" has_prev={false} has_next={false} viewer_only={true} persist_rotation={true} />
<%!-- Right: Info Panel (1/4) --%>
<%!-- File Title Card --%>

{@file_data.filename}

{String.capitalize(@file_data.status)} {String.upcase(@file_data.file_type)}
<%= if @file_data.status == "trashed" do %> <% else %> <% end %>
<%!-- Metadata Card --%>

Metadata

<%= if @edit_mode do %>
<.input type="text" id="title" name="title" value={@file_data.title} label="Title" placeholder="Enter title" class="input-sm" />
<.textarea id="description" name="description" value={@file_data.description} label="Description" placeholder="Enter description" rows="3" class="textarea-sm" />
<.input type="text" id="tags" name="tags" value={Enum.join(@file_data.tags, ", ")} label="Tags (comma-separated)" placeholder="tag1, tag2" class="input-sm" />
<% else %>
Title:

<%= if String.length(@file_data.title) > 0 do %> {@file_data.title} <% else %> None <% end %>

Description:

<%= if String.length(@file_data.description) > 0 do %> {@file_data.description} <% else %> None <% end %>

Tags:
<%= if Enum.empty?(@file_data.tags) do %> None <% else %> <%= for tag <- @file_data.tags do %> {tag} <% end %> <% end %>
<% end %>
<%!-- File Details Card --%>

File Details

Size:

{format_file_size(@file_data.size)}

MIME Type:

{@file_data.mime_type}

Uploaded By:

{@file_data.user_name}

Uploaded:

{UtilsDate.format_datetime_with_user_format(@file_data.inserted_at)}

Updated:

{UtilsDate.format_datetime_with_user_format(@file_data.updated_at)}

File UUID:

{@file_data.file_uuid}

<%= if @file_data.mime_type == "application/pdf" and is_map(@file_data.metadata) do %> <% pdf_meta = @file_data.metadata %> <%= if pdf_meta["page_count"] do %>
Pages:

{pdf_meta["page_count"]}

<% end %> <%= if pdf_meta["author"] && pdf_meta["author"] != "" do %>
Author:

{pdf_meta["author"]}

<% end %> <%= if pdf_meta["title"] && pdf_meta["title"] != "" do %>
PDF Title:

{pdf_meta["title"]}

<% end %> <% end %>
<%!-- Comments Card — mirrors MediaCanvasViewer's sidebar embed. --%> <%!-- `parent_module` / `parent_id` route inline annotation-title --%> <%!-- edits back to the embedded MediaCanvasViewer LiveComponent --%> <%!-- (already wired to handle `:annotation_title_updated`), --%> <%!-- which writes the row, reloads its viewer_annotations, and --%> <%!-- pushes etcher:patch-shape so the canvas tooltip refreshes. --%> <%!-- MediaDetail's own @viewer_annotations stays as the --%> <%!-- decoration source until next page load — acceptable since --%> <%!-- the canvas remains the primary surface for annotations. --%> <%= if MediaCanvasViewer.comments_enabled?() and assigns[:phoenix_kit_current_user] do %>
<.live_component module={PhoenixKitComments.Web.CommentsComponent} id={"media-detail-comments-" <> @file_data.file_uuid} resource_type="file" resource_uuid={@file_data.file_uuid} current_user={assigns[:phoenix_kit_current_user]} show_likes={true} title={gettext("Comments")} comment_decorations={ MediaCanvasViewer.build_comment_decorations(@viewer_annotations) } parent_module={MediaCanvasViewer} parent_id={"media-detail-canvas-" <> @file_data.file_uuid} />
<% end %> <%!-- Storage Locations Card --%> <%= if not Enum.empty?(@file_data.locations) do %>

Storage Locations

<%= for location <- @file_data.locations do %>

{location.bucket_name}

{location.path}

{String.upcase(location.bucket_provider)}

<% end %>
<% end %> <%!-- Download Variants Card --%> <%= if map_size(@file_data.urls) > 0 do %>

Download Variants

<%!-- Sort variants with original first --%> <% variant_order = ["original", "large", "medium", "small", "thumbnail"] %> <% sorted_variants = @file_data.urls |> Enum.sort_by(fn {name, _url} -> Enum.find_index(variant_order, &(&1 == name)) || 999 end) %> <%= for {variant, url} <- sorted_variants do %> <.icon name="hero-arrow-down-tray" class="w-4 h-4" /> {String.capitalize(variant)} <%= if info = @file_data.variant_dimensions[variant] do %> <%= if info.dimensions do %> {elem(info.dimensions, 0)}x{elem(info.dimensions, 1)} <% end %> <%= if info.size do %> · {format_file_size(info.size)} <% end %> <% end %> <% end %>
<% end %>
<% else %> <%!-- File Not Found --%>
<.icon name="hero-photo" class="w-16 h-16 mx-auto mb-4 text-base-content/50" />

File Not Found

The file you're looking for doesn't exist or has been deleted.

<.link navigate={Routes.path("/admin/media")} class="btn btn-primary btn-sm mt-4"> <.icon name="hero-arrow-left" class="w-4 h-4" /> Library
<% end %>
<%!-- Delete Confirmation Modal --%> <%= if @show_delete_modal do %>

Move to Trash

Move {@file_data && @file_data.filename} to trash?

You can restore it from the trash at any time.

<% end %>