{% extends "layouts/dashboard.html" %}
{% block title %}Verification queues · SME-Hub admin{% endblock %}
{% block breadcrumbs %}
<nav class="flex items-center gap-1.5 font-meta text-xs text-ruforum-text-muted" aria-label="Breadcrumb">
  <a href="{% url 'core:dashboard' %}" class="hover:text-ruforum-primary transition-colors">Dashboard</a>
  <svg class="crumb-sep" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M9 18l6-6-6-6"/></svg>
  <a href="{% url 'smehub_onboarding:my_dashboard' %}" class="hover:text-ruforum-primary transition-colors">SME-Hub</a>
  <svg class="crumb-sep" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M9 18l6-6-6-6"/></svg>
  <span class="text-ruforum-text">Admin · Verification</span>
</nav>
{% endblock %}
{% block content %}

<section class="hero-strip mb-6">
  <div class="hero-strip__lead">
    <p class="hero-strip__eyebrow">RUFORUM · SME-Hub admin</p>
    <h1 class="hero-strip__title">Verification queues</h1>
    <p class="hero-strip__lede">
      A single landing for every party that needs admin signoff before they can act on the platform.
      Counts are live; click a queue to verify, reject, or request more information.
    </p>
  </div>
  <div class="hero-strip__side">
    <p class="font-meta text-[10px] font-semibold uppercase tracking-[0.14em] text-ruforum-text-muted">Total waiting</p>
    <p class="mt-2 font-display text-3xl font-bold text-ruforum-primary tabular-nums">
      {{ counts.entrepreneurs_pending|add:counts.businesses_pending|add:counts.innovations_pending|add:counts.partners_pending|add:counts.providers_pending|add:counts.buyers_pending|add:counts.investors_pending }}
    </p>
    <p class="text-xs text-ruforum-text-muted">items across all queues</p>
  </div>
</section>

<section>
  <div class="mb-2"><p class="font-meta text-[10px] font-semibold uppercase tracking-[0.18em] text-ruforum-text-muted">Onboarding · SP1</p></div>
  <div class="grid gap-3 md:grid-cols-3 mb-5">
    <a href="{% url 'smehub_onboarding:entrepreneur_queue' %}" class="ed-card group {% if counts.entrepreneurs_pending %}is-warn{% endif %}">
      <span class="ed-card__edge"></span>
      <div class="px-4 py-3 pl-5">
        <div class="flex items-center justify-between gap-2">
          <p class="font-medium text-ruforum-text group-hover:text-ruforum-primary transition-colors">Entrepreneurs</p>
          <span class="badge {% if counts.entrepreneurs_pending %}badge-amber{% else %}badge-green{% endif %} tabular-nums">{{ counts.entrepreneurs_pending }}</span>
        </div>
        <p class="text-xs text-ruforum-text-muted mt-1">Verify, reject, request more info</p>
      </div>
    </a>
    <a href="{% url 'smehub_onboarding:business_queue' %}" class="ed-card group {% if counts.businesses_pending %}is-warn{% endif %}">
      <span class="ed-card__edge"></span>
      <div class="px-4 py-3 pl-5">
        <div class="flex items-center justify-between gap-2">
          <p class="font-medium text-ruforum-text group-hover:text-ruforum-primary transition-colors">Businesses</p>
          <span class="badge {% if counts.businesses_pending %}badge-amber{% else %}badge-green{% endif %} tabular-nums">{{ counts.businesses_pending }}</span>
        </div>
        <p class="text-xs text-ruforum-text-muted mt-1">Verify, revoke, baseline review</p>
      </div>
    </a>
    <a href="{% url 'smehub_onboarding:vetting_queue' %}" class="ed-card group {% if counts.innovations_pending %}is-warn{% endif %}">
      <span class="ed-card__edge"></span>
      <div class="px-4 py-3 pl-5">
        <div class="flex items-center justify-between gap-2">
          <p class="font-medium text-ruforum-text group-hover:text-ruforum-primary transition-colors">Innovations</p>
          <span class="badge {% if counts.innovations_pending %}badge-amber{% else %}badge-green{% endif %} tabular-nums">{{ counts.innovations_pending }}</span>
        </div>
        <p class="text-xs text-ruforum-text-muted mt-1">Score, recommend, finalise</p>
      </div>
    </a>
  </div>

  <div class="mb-2"><p class="font-meta text-[10px] font-semibold uppercase tracking-[0.18em] text-ruforum-text-muted">Network · SP3</p></div>
  <div class="grid gap-3 md:grid-cols-3 mb-5">
    <a href="{% url 'smehub_linkage:admin_directory_management' %}" class="ed-card group {% if counts.partners_pending %}is-warn{% endif %}">
      <span class="ed-card__edge"></span>
      <div class="px-4 py-3 pl-5">
        <div class="flex items-center justify-between gap-2">
          <p class="font-medium text-ruforum-text group-hover:text-ruforum-primary transition-colors">Partners</p>
          <span class="badge {% if counts.partners_pending %}badge-amber{% else %}badge-green{% endif %} tabular-nums">{{ counts.partners_pending }}</span>
        </div>
        <p class="text-xs text-ruforum-text-muted mt-1">Verify partner organisations</p>
      </div>
    </a>
    <a href="{% url 'smehub_linkage:admin_directory_management' %}" class="ed-card group {% if counts.providers_pending %}is-warn{% endif %}">
      <span class="ed-card__edge"></span>
      <div class="px-4 py-3 pl-5">
        <div class="flex items-center justify-between gap-2">
          <p class="font-medium text-ruforum-text group-hover:text-ruforum-primary transition-colors">Service providers</p>
          <span class="badge {% if counts.providers_pending %}badge-amber{% else %}badge-green{% endif %} tabular-nums">{{ counts.providers_pending }}</span>
        </div>
        <p class="text-xs text-ruforum-text-muted mt-1">Vet legal / finance / advisory firms</p>
      </div>
    </a>
    <a href="{% url 'smehub_marketplace:admin_buyer_list' %}" class="ed-card group {% if counts.buyers_pending %}is-warn{% endif %}">
      <span class="ed-card__edge"></span>
      <div class="px-4 py-3 pl-5">
        <div class="flex items-center justify-between gap-2">
          <p class="font-medium text-ruforum-text group-hover:text-ruforum-primary transition-colors">Buyers</p>
          <span class="badge {% if counts.buyers_pending %}badge-amber{% else %}badge-green{% endif %} tabular-nums">{{ counts.buyers_pending }}</span>
        </div>
        <p class="text-xs text-ruforum-text-muted mt-1">Approve buyer registry submissions</p>
      </div>
    </a>
  </div>

  <div class="mb-2"><p class="font-meta text-[10px] font-semibold uppercase tracking-[0.18em] text-ruforum-text-muted">Investment · SP5</p></div>
  <div class="grid gap-3 md:grid-cols-3">
    <a href="{% url 'smehub_investment:investor_admin_queue' %}" class="ed-card group {% if counts.investors_pending %}is-warn{% endif %}">
      <span class="ed-card__edge"></span>
      <div class="px-4 py-3 pl-5">
        <div class="flex items-center justify-between gap-2">
          <p class="font-medium text-ruforum-text group-hover:text-ruforum-primary transition-colors">Investors</p>
          <span class="badge {% if counts.investors_pending %}badge-amber{% else %}badge-green{% endif %} tabular-nums">{{ counts.investors_pending }}</span>
        </div>
        <p class="text-xs text-ruforum-text-muted mt-1">Pending self-registrations</p>
      </div>
    </a>
  </div>
</section>

{% endblock %}