<section class="section">
  <p class="eyebrow">Admin</p>
  <h1>Setari platforma</h1>
  <p>Privire generala asupra categoriilor, oraselor si feature flags.</p>

  <div class="cards-grid">
    <article class="card"><h3>Categorii</h3><p><%= counts.categories_count || 0 %></p></article>
    <article class="card"><h3>Orase</h3><p><%= counts.cities_count || 0 %></p></article>
    <article class="card"><h3>Feature flags</h3><p><%= counts.feature_flags_count || 0 %></p></article>
  </div>
</section>

<section class="section">
  <h2>Categorii</h2>
  <div class="chip-grid">
    <% categories.forEach((category) => { %>
      <span class="chip"><strong><%= category.name %></strong><span><%= category.status %></span></span>
    <% }) %>
  </div>
</section>

<section class="section">
  <h2>Orase</h2>
  <div class="chip-grid">
    <% cities.forEach((city) => { %>
      <span class="chip"><strong><%= city.name %></strong><span><%= city.county || city.country %></span></span>
    <% }) %>
  </div>
</section>

<section class="section">
  <h2>Feature flags</h2>
  <div class="table-wrap">
    <table>
      <thead><tr><th>Cheie</th><th>Activ</th><th>Config</th></tr></thead>
      <tbody>
        <% flags.forEach((flag) => { %>
          <tr><td><%= flag.key_name %></td><td><%= flag.enabled ? 'Da' : 'Nu' %></td><td><code><%= flag.config_json || '{}' %></code></td></tr>
        <% }) %>
      </tbody>
    </table>
  </div>
</section>
