<div class="container">
  <h1>Content</h1>

  <div class="content-section">
    <h2>Create New Content</h2>
    <div class="schema-selector">
      <%= if Enum.empty?(@schemas) do %>
        <p class="empty-state">No schemas available. <a href={@base_path}>Create a schema first</a>.</p>
      <% else %>
        <div class="schema-cards">
          <%= for schema <- @schemas do %>
            <% content_count = Map.get(@content_counts, schema.id, 0) %>
            <% can_create = !schema.unique || content_count == 0 %>

            <%= if can_create do %>
              <a href={"#{@base_path}/content/new?schema_id=#{schema.id}"} class="schema-card">
                <h3>
                  <%= schema.name %>
                  <%= if schema.unique do %>
                    <span class="badge-small unique">unique</span>
                  <% end %>
                </h3>
                <p>Create new <%= schema.name %></p>
              </a>
            <% end %>
          <% end %>
        </div>
      <% end %>
    </div>
  </div>

  <div class="content-list-section">
    <h2>Existing Content</h2>
    <%= if Enum.empty?(@contents_with_titles) do %>
      <p class="empty-state">No content yet. Create some above!</p>
    <% else %>
      <ul class="content-list">
        <%= for {content, title} <- @contents_with_titles do %>
          <li>
            <a href={"#{@base_path}/content/#{content.id}"} class="content-link">
              <div class="content-info">
                <span class="content-schema"><%= content.schema.name %></span>
                <%= if title do %>
                  <span class="content-title">- <%= title %></span>
                <% end %>
              </div>
              <span class="content-date">Created: <%= Calendar.strftime(content.inserted_at, "%Y-%m-%d %H:%M") %></span>
            </a>
          </li>
        <% end %>
      </ul>
    <% end %>
  </div>
</div>
