{% extends "layouts/dashboard.html" %}
{% block title %}Operations · 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 · Operations</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">Operations</h1>
    <p class="hero-strip__lede">
      Programme &amp; cohort delivery, linkage portfolio, regulatory authoring, and assisted onboarding — the day-to-day operating surfaces.
    </p>
  </div>
</section>

<div class="kpi-band mb-6 grid grid-cols-1 sm:grid-cols-4">
  <div class="kpi-tile">
    <p class="kpi-tile__label">Drafts</p>
    <p class="kpi-tile__num kpi-tile__num--muted">{{ counts.draft_programmes }}</p>
    <p class="kpi-tile__hint">programmes pending</p>
  </div>
  <div class="kpi-tile">
    <p class="kpi-tile__label">Published</p>
    <p class="kpi-tile__num kpi-tile__num--accent">{{ counts.published_programmes }}</p>
    <p class="kpi-tile__hint">programmes live</p>
  </div>
  <div class="kpi-tile">
    <p class="kpi-tile__label">App review</p>
    <p class="kpi-tile__num {% if counts.open_applications %}kpi-tile__num--accent{% else %}kpi-tile__num--muted{% endif %}">{{ counts.open_applications }}</p>
    <p class="kpi-tile__hint">first-level triage</p>
  </div>
  <div class="kpi-tile">
    <p class="kpi-tile__label">MoU review</p>
    <p class="kpi-tile__num {% if counts.pending_mou_review %}kpi-tile__num--accent{% else %}kpi-tile__num--muted{% endif %}">{{ counts.pending_mou_review }}</p>
    <p class="kpi-tile__hint">awaiting party confirmation</p>
  </div>
</div>

<section>
  <div class="mb-2"><p class="font-meta text-[10px] font-semibold uppercase tracking-[0.18em] text-ruforum-text-muted">Incubation · SP2</p></div>
  <div class="grid gap-3 md:grid-cols-3 mb-5">
    <a href="{% url 'smehub_incubation:programme_manage_list' %}" class="ed-card group">
      <span class="ed-card__edge"></span>
      <div class="px-4 py-3 pl-5">
        <p class="font-medium text-ruforum-text group-hover:text-ruforum-primary transition-colors">Programme management</p>
        <p class="text-xs text-ruforum-text-muted mt-0.5 tabular-nums">{{ counts.draft_programmes }} draft · {{ counts.published_programmes }} published</p>
      </div>
    </a>
    <a href="{% url 'smehub_incubation:application_review_queue' %}" class="ed-card group {% if counts.open_applications %}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">Application review</p>
          <span class="badge {% if counts.open_applications %}badge-amber{% else %}badge-green{% endif %} tabular-nums">{{ counts.open_applications }}</span>
        </div>
        <p class="text-xs text-ruforum-text-muted mt-1">First-level officer triage</p>
      </div>
    </a>
    <a href="{% url 'smehub_incubation:cohort_list' %}" class="ed-card group {% if counts.failed_enrolments %}is-bad{% 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">Cohorts</p>
          {% if counts.failed_enrolments %}
            <span class="badge badge-red tabular-nums">{{ counts.failed_enrolments }} enrol error{{ counts.failed_enrolments|pluralize }}</span>
          {% endif %}
        </div>
        <p class="text-xs text-ruforum-text-muted mt-0.5">Members, mentors, certificates{% if counts.failed_enrolments %} · {{ counts.failed_enrolments }} REP enrolment failure{{ counts.failed_enrolments|pluralize }} to triage{% endif %}</p>
      </div>
    </a>
  </div>

  <div class="mb-2"><p class="font-meta text-[10px] font-semibold uppercase tracking-[0.18em] text-ruforum-text-muted">Linkage · SP3</p></div>
  <div class="grid gap-3 md:grid-cols-2 mb-5">
    <a href="{% url 'smehub_linkage:admin_dashboard' %}" class="ed-card group {% if counts.pending_mou_review or counts.open_connections %}is-warn{% endif %}">
      <span class="ed-card__edge"></span>
      <div class="px-4 py-3 pl-5">
        <p class="font-medium text-ruforum-text group-hover:text-ruforum-primary transition-colors">Linkage dashboard</p>
        <p class="text-xs text-ruforum-text-muted mt-0.5 tabular-nums">{{ counts.pending_mou_review }} MoU pending review · {{ counts.open_connections }} open connection request{{ counts.open_connections|pluralize }}</p>
      </div>
    </a>
    <a href="{% url 'smehub_linkage:regulatory_admin_list' %}" class="ed-card group">
      <span class="ed-card__edge"></span>
      <div class="px-4 py-3 pl-5">
        <p class="font-medium text-ruforum-text group-hover:text-ruforum-primary transition-colors">Regulatory guides</p>
        <p class="text-xs text-ruforum-text-muted mt-0.5">Curate sector standards &amp; policy</p>
      </div>
    </a>
  </div>

  <div class="mb-2"><p class="font-meta text-[10px] font-semibold uppercase tracking-[0.18em] text-ruforum-text-muted">Marketplace &amp; onboarding</p></div>
  <div class="grid gap-3 md:grid-cols-2">
    <a href="{% url 'smehub_marketplace:admin_buyer_list' %}" class="ed-card group {% if counts.awarded_responses %}is-good{% endif %}">
      <span class="ed-card__edge"></span>
      <div class="px-4 py-3 pl-5">
        <p class="font-medium text-ruforum-text group-hover:text-ruforum-primary transition-colors">Demand &amp; awards</p>
        <p class="text-xs text-ruforum-text-muted mt-0.5 tabular-nums">{{ counts.open_demand }} open demand · {{ counts.awarded_responses }} award{{ counts.awarded_responses|pluralize }}</p>
      </div>
    </a>
    <a href="{% url 'smehub_onboarding:backend_register' %}" class="ed-card group">
      <span class="ed-card__edge"></span>
      <div class="px-4 py-3 pl-5">
        <p class="font-medium text-ruforum-text group-hover:text-ruforum-primary transition-colors">Backend register</p>
        <p class="text-xs text-ruforum-text-muted mt-0.5">Assisted onboarding · bulk cohort intake</p>
      </div>
    </a>
  </div>
</section>

{% endblock %}