<%!-- Back Button --%> <.link navigate={Routes.path("/admin/media")} class="btn btn-outline btn-sm mb-4" > <.icon name="hero-arrow-left" class="w-4 h-4 mr-2" /> Back to Media <%= if @file_data do %> <%!-- Main Layout: 3/4 Preview + 1/4 Info --%>

<%!-- Left: Image Preview (3/4) --%>

<%= if String.starts_with?(@file_data.mime_type, "image/") do %> ${@file_data.filename}$ <% else %> <%= if String.starts_with?(@file_data.mime_type, "video/") do %>

<% else %>

<.icon name={file_icon(@file_data.file_type)} class="w-32 h-32 mb-4" />

{String.upcase(@file_data.file_type)}

{@file_data.mime_type}

<% end %> <% end %>

<%!-- Right: Info Panel (1/4) --%>

<%!-- File Title Card --%>

{@file_data.filename}

{String.capitalize(@file_data.status)} {String.upcase(@file_data.file_type)}

<%!-- Metadata Card --%>

Metadata

<%= if @edit_mode do %> <% 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 ID:

{@file_data.file_id}

<%!-- 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)} <% 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"> Back to Media Library

<% end %>