<%!-- Header Section --%>
<%!-- Back Button (Left aligned) --%> <.link navigate={PhoenixKit.Utils.Routes.path("/admin/entities")} class="btn btn-outline btn-primary btn-sm absolute left-0 top-0 -mb-12" > <.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.id}/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 --%>
  • {gettext("Select Entity Type")}
    • <%= for entity <- @entities do %> <%= if entity.status == "published" do %>
  • <.link navigate={ PhoenixKit.Utils.Routes.path("/admin/entities/#{entity.name}/data/new") } class="flex items-center justify-between" > {entity.display_name} {entity.name}
    • <% end %> <% end %> <%= if Enum.all?(@entities, & &1.status != "published") do %>
  • {gettext("No published entities available. Publish an entity first.")}
    • <% end %>
<% end %> <% end %>
<%!-- Filters Section --%>

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

<%!-- Status Filter --%>
<.form for={%{}} phx-change="filter_by_status">
<%!-- Search --%>
<.form for={%{}} phx-change="search" phx-submit="search" class="join w-full">
<%!-- 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 --%>
  • {gettext("Select Entity Type")}
    • <%= for entity <- @entities do %> <%= if entity.status == "published" do %>
  • <.link navigate={ PhoenixKit.Utils.Routes.path( "/admin/entities/#{entity.name}/data/new" ) } class="flex items-center justify-between" > {entity.display_name} {entity.name}
    • <% end %> <% end %> <%= if Enum.all?(@entities, & &1.status != "published") do %>
  • {gettext( "No published entities available. Publish an entity first to create data." )}
    • <% end %>
<% 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>{gettext("Title")} <%= if !@selected_entity do %> <.table_default_header_cell>{gettext("Entity")} <% end %> <.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> <.link navigate={ PhoenixKit.Utils.Routes.path( "/admin/entities/#{get_entity_slug(@entities, data_record.entity_id)}/data/#{data_record.id}" ) } 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> <.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.id}" ) } 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.id}/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.id}" ) } 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 %> <%!-- 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.id}" ) } 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.id}/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 %>