{% extends "admin/index.html" %}
{% load i18n admin_extras %}

{% block coltype %}colM{% endblock %}
{% block extrastyle %}{{ block.super }}
<style>
  .rt{max-width:1300px}
  .rt *{box-sizing:border-box}
  #content.colM,#content.colMS,.dashboard #content{margin-right:0;max-width:none;width:auto}
  #content-related{display:none}
  .rt h2.rt-h{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--body-quiet-color);margin:22px 0 10px;background:none;padding:0}
  .rt-todo{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
  .rt-todo a{display:flex;gap:12px;align-items:center;padding:14px 16px;border:1px solid var(--hairline-color);border-left:4px solid var(--hairline-color);border-radius:8px;text-decoration:none;color:var(--body-fg);background:var(--body-bg)}
  .rt-todo a.hot{border-left-color:#b34a2e}
  .rt-todo strong{font-size:24px;min-width:32px}
  .rt-todo a.hot strong{color:#b34a2e}
  .rt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
  .rt-card{border:1px solid var(--hairline-color);border-radius:10px;background:var(--body-bg);padding:14px 16px}
  .rt-card h3{margin:0 0 8px;font-size:15px}
  .rt-card p.rt-note{margin:0 0 8px;color:var(--body-quiet-color);font-size:12px}
  .rt-card ul{list-style:none;margin:0;padding:0}
  .rt-card li{list-style:none;padding:0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--hairline-color)}
  .rt-card li:last-child{border-bottom:0}
  .rt-card li a.main{flex:1;padding:9px 4px;text-decoration:none}
  .rt-card li a.add{font-size:12px;padding:4px 8px;border:1px solid var(--hairline-color);border-radius:6px;text-decoration:none;white-space:nowrap}
  .rt-card .n{font-size:11px;color:var(--body-quiet-color);margin-left:6px}
  .rt-quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
  .rt-quick a{padding:9px 14px;border-radius:8px;background:var(--primary);color:#fff!important;text-decoration:none;font-weight:600;font-size:13px}
  .rt-quick a.alt{background:transparent;color:var(--link-fg)!important;border:1px solid var(--hairline-color)}
</style>
{% endblock %}

{% block content %}
{% admin_counts as c %}
<div id="content-main" class="rt">
  <h2 class="rt-h">Needs your attention</h2>
  <div class="rt-todo">
    <a class="{% if c.access %}hot{% endif %}" href="/admin/store/digitalaccess/?status__exact=pending"><strong>{{ c.access }}</strong><span>Magazine readers to approve</span></a>
    <a class="{% if c.orders %}hot{% endif %}" href="/admin/store/order/?status__exact=pending"><strong>{{ c.orders }}</strong><span>New shop orders</span></a>
    <a class="{% if c.messages %}hot{% endif %}" href="/admin/core/contactmessage/?status__exact=new"><strong>{{ c.messages }}</strong><span>Unread messages</span></a>
    <a href="/admin/submissions/submission/?status__exact=pending"><strong>{{ c.submissions }}</strong><span>Writer submissions</span></a>
    <a href="/admin/articles/article/?status__exact=draft"><strong>{{ c.drafts }}</strong><span>Drafts &amp; in review</span></a>
  </div>

  <h2 class="rt-h">Quick actions</h2>
  <div class="rt-quick">
    <a href="/admin/articles/article/add/">+ New article</a>
    <a href="/admin/store/magazineissue/add/">+ New magazine issue</a>
    <a href="/admin/store/wearablehistoryproduct/add/">+ Wearable History product</a>
    <a href="/admin/store/nostalgicitem/add/">+ Nostalgic item</a>
    <a href="{% url 'admin_analytics' %}">📈 Website analytics</a>
    <a class="alt" href="/admin/core/homepageblock/">Edit homepage sections</a>
    <a class="alt" href="/" target="_blank" rel="noopener">View website ↗</a>
  </div>

  <h2 class="rt-h">Manage</h2>
  <div class="rt-grid">
    <div class="rt-card"><h3>📰 Blog &amp; articles</h3><ul>
      <li><a class="main" href="/admin/articles/article/">Articles</a><a class="add" href="/admin/articles/article/add/">+ Add</a></li>
      <li><a class="main" href="/admin/articles/category/">Categories</a><a class="add" href="/admin/articles/category/add/">+ Add</a></li>
      <li><a class="main" href="/admin/articles/author/">Authors</a><a class="add" href="/admin/articles/author/add/">+ Add</a></li>
      <li><a class="main" href="/admin/taggit/tag/">Tags</a></li>
      <li><a class="main" href="/admin/articles/todayexclusive/">Today Exclusive</a><a class="add" href="/admin/articles/todayexclusive/add/">+ Set</a></li>
      <li><a class="main" href="/admin/core/youtubevideo/">YouTube videos</a><a class="add" href="/admin/core/youtubevideo/add/">+ Add</a></li>
    </ul></div>

    <div class="rt-card"><h3>📖 Magazine</h3><p class="rt-note">Print, free digital, or paid digital with chosen free pages.</p><ul>
      <li><a class="main" href="/admin/store/magazineissue/">Magazine issues <span class="n">{{ c.issues }}</span></a><a class="add" href="/admin/store/magazineissue/add/">+ Add</a></li>
      <li><a class="main" href="/admin/store/digitalaccess/">Digital access — approve readers{% if c.access %} <span class="n" style="color:#b34a2e">{{ c.access }} waiting</span>{% endif %}</a></li>
      <li><a class="main" href="/admin/store/storepagecontent/">Magazine page text, payment number &amp; SEO</a></li>
    </ul></div>

    <div class="rt-card"><h3>🛍️ Shop</h3><ul>
      <li><a class="main" href="/admin/store/wearablehistoryproduct/">Wearable History <span class="n">{{ c.merch }}</span></a><a class="add" href="/admin/store/wearablehistoryproduct/add/">+ Add</a></li>
      <li><a class="main" href="/admin/store/nostalgicitem/">Nostalgic items <span class="n">{{ c.nostalgic }}</span></a><a class="add" href="/admin/store/nostalgicitem/add/">+ Add</a></li>
      <li><a class="main" href="/admin/store/order/">Orders{% if c.orders %} <span class="n" style="color:#b34a2e">{{ c.orders }} new</span>{% endif %}</a></li>
      <li><a class="main" href="/admin/store/coupon/">Coupons</a><a class="add" href="/admin/store/coupon/add/">+ Add</a></li>
      <li><a class="main" href="/admin/store/storepagecontent/">Shop page text, delivery &amp; SEO</a></li>
    </ul></div>

    <div class="rt-card"><h3>🏠 Homepage</h3><p class="rt-note">Add, reorder or hide homepage sections — each with its own “See all” button.</p><ul>
      <li><a class="main" href="/admin/core/homepageblock/">Homepage sections (magazine, shop, custom)</a><a class="add" href="/admin/core/homepageblock/add/">+ Add</a></li>
      <li><a class="main" href="/admin/core/homepagesection/">Category article rows</a></li>
      <li><a class="main" href="/admin/core/homepagecontent/">Homepage labels</a></li>
      <li><a class="main" href="/admin/core/sitesettings/">Hero layout</a></li>
      <li><a class="main" href="/admin/core/popupmodal/">Pop-up announcement</a></li>
    </ul></div>

    <div class="rt-card"><h3>👥 Readers &amp; customers</h3><ul>
      <li><a class="main" href="/admin/accounts/customerprofile/">Accounts — who reads / buys <span class="n">{{ c.customers }}</span></a></li>
      <li><a class="main" href="/admin/newsletter/newslettersubscriber/">Newsletter subscribers</a></li>
      <li><a class="main" href="/admin/core/contactmessage/">Contact messages{% if c.messages %} <span class="n" style="color:#b34a2e">{{ c.messages }} new</span>{% endif %}</a></li>
      <li><a class="main" href="/admin/submissions/submission/">Writer submissions</a></li>
    </ul></div>

    <div class="rt-card"><h3>📄 Pages</h3><ul>
      <li><a class="main" href="/admin/core/aboutpagecontent/">About page</a></li>
      <li><a class="main" href="/admin/core/teampagecontent/">Team page</a></li>
      <li><a class="main" href="/admin/core/editorialboardmember/">Editorial board</a></li>
      <li><a class="main" href="/admin/core/contributor/">Contributors</a></li>
      <li><a class="main" href="/admin/core/contactpagecontent/">Contact page</a></li>
      <li><a class="main" href="/admin/core/submitpagecontent/">Submit page</a></li>
      <li><a class="main" href="/admin/core/staticpage/">Privacy, terms &amp; other pages</a></li>
    </ul></div>

    <div class="rt-card"><h3>⚙️ Settings &amp; SEO</h3><ul>
      <li><a class="main" href="/admin/core/sitesettings/">Site settings, social links, Search Console</a></li>
      <li><a class="main" href="/admin/core/navcontent/">Menu text</a></li>
      <li><a class="main" href="/admin/core/footercontent/">Footer</a></li>
      <li><a class="main" href="/admin/core/subscribecontent/">Subscribe box</a></li>
      <li><a class="main" href="/admin/auth/user/">Staff &amp; user logins</a></li>
      <li><a class="main" href="/admin/auth/group/">Permission groups</a></li>
    </ul></div>
  </div>
</div>
{% endblock %}
{% block sidebar %}{% endblock %}