{% extends "layouts/dashboard.html" %}
{% block title %}Pipeline · 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 · Pipeline</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">Pipeline operations</h1>
    <p class="hero-strip__lede">
      Showcasing, investment and deal-room orchestration — the demand-side levers that move SMEs from visibility to capital.
    </p>
  </div>
</section>

<div class="kpi-band mb-6 grid grid-cols-1 sm:grid-cols-3">
  <div class="kpi-tile">
    <p class="kpi-tile__label">Live events</p>
    <p class="kpi-tile__num kpi-tile__num--accent">{{ counts.live_events }}</p>
    <p class="kpi-tile__hint">published or live now</p>
  </div>
  <div class="kpi-tile">
    <p class="kpi-tile__label">Open deal rooms</p>
    <p class="kpi-tile__num">{{ counts.open_deal_rooms }}</p>
    <p class="kpi-tile__hint">active counterparty discussions</p>
  </div>
  <div class="kpi-tile">
    <p class="kpi-tile__label">Awaiting decision</p>
    <p class="kpi-tile__num {% if counts.submitted_apps %}kpi-tile__num--accent{% else %}kpi-tile__num--muted{% endif %}">{{ counts.submitted_apps }}</p>
    <p class="kpi-tile__hint">submitted funding applications</p>
  </div>
</div>

<section>
  <div class="mb-2"><p class="font-meta text-[10px] font-semibold uppercase tracking-[0.18em] text-ruforum-text-muted">Showcasing · SP4</p></div>
  <div class="grid gap-3 md:grid-cols-2 mb-5">
    <a href="{% url 'smehub_showcasing:admin_dashboard' %}" 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">Showcasing dashboard</p>
        <p class="text-xs text-ruforum-text-muted mt-0.5 tabular-nums">{{ counts.live_events }} live event{{ counts.live_events|pluralize }} · {{ counts.open_challenges }} open challenge{{ counts.open_challenges|pluralize }}</p>
      </div>
    </a>
    <a href="{% url 'smehub_showcasing:deal_room_open' %}" 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">Open a deal room</p>
        <p class="text-xs text-ruforum-text-muted mt-0.5 tabular-nums">{{ counts.open_deal_rooms }} rooms currently open</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:admin_dashboard' %}" 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">Investment dashboard</p>
        <p class="text-xs text-ruforum-text-muted mt-0.5">Investors, calls, pitch traffic</p>
      </div>
    </a>
    <a href="{% url 'smehub_investment:funding_call_manage' %}" class="ed-card group {% if counts.submitted_apps %}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">Funding-call management</p>
        <p class="text-xs text-ruforum-text-muted mt-0.5 tabular-nums">{{ counts.published_calls }} published · {{ counts.submitted_apps }} awaiting decision</p>
      </div>
    </a>
    <a href="{% url 'smehub_investment:manual_funding_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">Manual funding entries</p>
        <p class="text-xs text-ruforum-text-muted mt-0.5 tabular-nums">{{ counts.manual_records }} off-system records</p>
      </div>
    </a>
  </div>
</section>

{% endblock %}