<%!-- Header Section --%>

<%!-- Back Button (Left aligned) --%> <.link navigate={PhoenixKit.Utils.Routes.path("/admin/entities")} class="btn btn-outline btn-primary btn-sm" > <.icon name="hero-arrow-left" class="w-4 h-4 mr-2" /> {gettext("Back to Entities")} <%!-- Title Section --%>

<%= if @selected_entity do %>

{@selected_entity.display_name_plural || @selected_entity.display_name}

{gettext("Browse and manage your %{entity}", entity: String.downcase( @selected_entity.display_name_plural || @selected_entity.display_name ) )}

<% else %>

{gettext("Data Navigator")}

{gettext("Browse and manage all entity data records across your system")}

<% end %>

<%!-- Stats Cards --%>

<.icon name="hero-circle-stack" class="w-6 h-6" />

{@total_records}

{gettext("Total Records")}

{gettext("All data records")}

<.icon name="hero-bolt" class="w-6 h-6" />

{@published_records}

{gettext("Published")}

{gettext("Live content")}

<.icon name="hero-pencil" class="w-6 h-6" />

{@draft_records}

{gettext("Drafts")}

{gettext("Work in progress")}

<.icon name="hero-archive-box" class="w-6 h-6" />

{@archived_records}

{gettext("Archived")}

{gettext("Stored content")}

<%!-- Action Bar --%>

<%!-- View Mode Toggle --%>

<%= if @selected_entity do %> <.link navigate={ PhoenixKit.Utils.Routes.path("/admin/entities/#{@selected_entity.uuid}/edit") } class="btn btn-outline" > <.icon name="hero-cog-6-tooth" class="w-4 h-4 mr-2" /> {gettext("Edit Entity")} <% end %> <%= if not Enum.empty?(@entities) do %> <%= if @selected_entity do %> <%!-- Direct add button when viewing specific entity --%> <.link navigate={ PhoenixKit.Utils.Routes.path("/admin/entities/#{@selected_entity.name}/data/new") } class="btn btn-primary" > <.icon name="hero-plus" class="w-4 h-4 mr-2" /> {gettext("Add")} <% else %> <%!-- Dropdown to select entity when viewing all data --%> <% end %> <% end %>

<%!-- Filters Section --%>

<.icon name="hero-funnel" class="w-5 h-5" /> {gettext("Filters & Search")}

<%!-- Status Filter --%>

{gettext("Filter by Status")} <.form for={%{}} phx-change="filter_by_status">

<%!-- Category Filter --%>

{gettext("Filter by Category")} <.form for={%{}} phx-change="filter_by_category">

<%!-- Search --%>

{gettext("Search Records")} <.form for={%{}} phx-change="search" phx-submit="search" class="join w-full">

<%!-- Clear Filters --%> <%= if @selected_status != "all" || @selected_category != "all" || @search_term != "" do %>

<% end %>

<%!-- Bulk Actions Bar --%> <%= if MapSet.size(@selected_ids) > 0 do %>

{MapSet.size(@selected_ids)} {gettext("selected")}

<%!-- Quick Actions --%>

<%!-- Change Status Dropdown --%> <%!-- Change Category Dropdown --%> <%= if length(@available_categories) > 0 do %> <% end %>

<% end %> <%!-- Results Section --%> <%= if Enum.empty?(@entity_data_records) do %> <%!-- Empty State --%>

📄

<%= if Enum.empty?(@entities) do %> <%!-- No entities exist --%>

{gettext("No Entities Created Yet")}

{gettext("Create your first entity to start managing data records.")}

<.link navigate={PhoenixKit.Utils.Routes.path("/admin/entities")} class="btn btn-primary btn-lg" > <.icon name="hero-plus" class="w-5 h-5 mr-2" /> {gettext("Create Your First Entity")} <% else %> <%= if @total_records == 0 do %> <%!-- Entities exist but no data records at all --%>

{gettext("No Data Records Yet")}

{gettext("Get started by adding your first data record.")}

<%= if @selected_entity do %> <%!-- Direct add button when viewing specific entity --%> <.link navigate={ PhoenixKit.Utils.Routes.path( "/admin/entities/#{@selected_entity.name}/data/new" ) } class="btn btn-primary btn-lg" > <.icon name="hero-plus" class="w-5 h-5 mr-2" /> {gettext("Add")} <% else %> <%!-- Dropdown to select entity when viewing all data --%> <% end %> <% else %> <%= if @selected_entity_id || @selected_status != "all" || @search_term != "" do %> <%!-- Data exists but filters exclude everything --%>

{gettext("No Data Records Found")}

{gettext( "No data records match your current filters. Try adjusting your search criteria or clearing the filters." )}

<% end %> <% end %> <% end %>

<% else %> <%!-- Data Records View --%> <%= if @view_mode == "table" do %> <%!-- Table View --%> <.table_default variant="zebra" size="sm"> <.table_default_header> <.table_default_row> <.table_default_header_cell class="w-12"> <%= if length(@entity_data_records) > 0 do %> 0 } phx-click={ if MapSet.size(@selected_ids) == length(@entity_data_records), do: "deselect_all", else: "select_all" } title={gettext("Select all")} /> <% end %> <.table_default_header_cell>{gettext("Title")} <%= if !@selected_entity do %> <.table_default_header_cell>{gettext("Entity")} <% end %> <.table_default_header_cell>{gettext("Category")} <.table_default_header_cell>{gettext("Status")} <.table_default_header_cell>{gettext("Created")} <.table_default_header_cell>{gettext("Actions")} <.table_default_body> <%= for data_record <- @entity_data_records do %> <.table_default_row> <.table_default_cell> <.table_default_cell> <.link navigate={ PhoenixKit.Utils.Routes.path( "/admin/entities/#{get_entity_slug(@entities, data_record.entity_id)}/data/#{data_record.uuid}" ) } class="block hover:text-primary transition-colors cursor-pointer" >

{data_record.title}

<%= if data_record.slug do %>

<.icon name="hero-link" class="w-3 h-3 inline" /> {data_record.slug}

<% end %> <%= if !@selected_entity do %> <.table_default_cell> {get_entity_name(@entities, data_record.entity_id)} <% end %> <.table_default_cell> <%= case Multilang.get_primary_data(data_record.data)["category"] do %> <% nil -> %> {gettext("Uncategorized")} <% "" -> %> {gettext("Uncategorized")} <% category -> %> <.icon name="hero-tag" class="w-3 h-3 mr-1" /> {category} <% end %> <.table_default_cell> <.icon name={status_icon(data_record.status)} class="w-3 h-3 mr-1" /> {status_label(data_record.status)} <.table_default_cell>

{PhoenixKit.Utils.Date.format_date_with_user_format(data_record.date_created)}

<%= if data_record.creator do %>

{data_record.creator.email}

<% end %> <.table_default_cell>

<.link navigate={ PhoenixKit.Utils.Routes.path( "/admin/entities/#{get_entity_slug(@entities, data_record.entity_id)}/data/#{data_record.uuid}" ) } class="btn btn-ghost btn-xs" title={gettext("View")} > <.icon name="hero-eye" class="w-4 h-4" /> <.link navigate={ PhoenixKit.Utils.Routes.path( "/admin/entities/#{get_entity_slug(@entities, data_record.entity_id)}/data/#{data_record.uuid}/edit" ) } class="btn btn-ghost btn-xs" title={gettext("Edit")} > <.icon name="hero-pencil" class="w-4 h-4" /> <%= if data_record.status == "archived" do %> <% else %> <% end %>

<% end %> <% else %> <%!-- Card View --%>

<%= for data_record <- @entity_data_records do %>

<.link navigate={ PhoenixKit.Utils.Routes.path( "/admin/entities/#{get_entity_slug(@entities, data_record.entity_id)}/data/#{data_record.uuid}" ) } class="flex-1 hover:text-primary transition-colors cursor-pointer" > <%!-- Title and Entity Info --%>

{data_record.title}

<%= if !@selected_entity do %> {get_entity_name(@entities, data_record.entity_id)} <% end %>

<%!-- Slug --%> <%= if data_record.slug do %>

<.icon name="hero-link" class="w-4 h-4 inline mr-1" /> {data_record.slug}

<% end %> <%!-- Category --%> <%= case Multilang.get_primary_data(data_record.data)["category"] do %> <% nil -> %> <.icon name="hero-tag" class="w-3 h-3 mr-1" /> {gettext("Uncategorized")} <% "" -> %> <.icon name="hero-tag" class="w-3 h-3 mr-1" /> {gettext("Uncategorized")} <% category -> %> <.icon name="hero-tag" class="w-3 h-3 mr-1" /> {category} <% end %> <%!-- Data Preview --%> <%= if data_record.data && map_size(data_record.data) > 0 do %>

{format_data_preview(data_record.data)}

<% end %> <%!-- Status Badge --%>

<.icon name={status_icon(data_record.status)} class="w-3 h-3 mr-1" /> {status_label(data_record.status)} <%!-- Status Toggle Button --%>

<%!-- Metadata Row --%>

<%= if data_record.creator do %> <.icon name="hero-user" class="w-3 h-3 inline mr-1" /> {data_record.creator.email} <% end %> <.icon name="hero-calendar" class="w-3 h-3 inline mr-1" /> {gettext("Created")} {PhoenixKit.Utils.Date.format_date_with_user_format( data_record.date_created )} <%= if data_record.date_updated != data_record.date_created do %> <.icon name="hero-clock" class="w-3 h-3 inline mr-1" /> {gettext("Updated")} {PhoenixKit.Utils.Date.format_date_with_user_format( data_record.date_updated )} <% end %>

<%!-- Actions --%>

<.link navigate={ PhoenixKit.Utils.Routes.path( "/admin/entities/#{get_entity_slug(@entities, data_record.entity_id)}/data/#{data_record.uuid}" ) } class="btn btn-outline btn-sm" > <.icon name="hero-eye" class="w-4 h-4 mr-1" /> {gettext("View")} <.link navigate={ PhoenixKit.Utils.Routes.path( "/admin/entities/#{get_entity_slug(@entities, data_record.entity_id)}/data/#{data_record.uuid}/edit" ) } class="btn btn-primary btn-sm" > <.icon name="hero-pencil" class="w-4 h-4 mr-1" /> {gettext("Edit")} <%!-- Archive/Restore Button --%> <%= if data_record.status == "archived" do %> <% else %> <% end %>

<% end %>

<% end %> <% end %>