{% extends "base.html" %}
{% block title %}Reviews Dashboard - ICDEV™{% endblock %}
{% block content %}
{% from "includes/classification_macros.html" import design_classification_banner %}
{{ design_classification_banner('CUI') }}
<div class="page-header">
    <h1>Color Review Executive Dashboard</h1>
    <div>
        <a href="/proposals" class="btn btn-secondary">&larr; All Opportunities</a>
    </div>
</div>

<div class="stat-grid" style="grid-template-columns: repeat(5, 1fr); margin-bottom:20px;">
    <div class="stat-card">
        <div class="stat-value">{{ opportunities|length }}</div>
        <div class="stat-label">Active Proposals</div>
    </div>
    <div class="stat-card">
        <div class="stat-value" style="color:var(--status-red);">{{ unresolved_critical }}</div>
        <div class="stat-label">Critical Open Findings</div>
    </div>
    <div class="stat-card">
        <div class="stat-value" style="color:var(--status-yellow, #ffc107);">{{ pass_with_findings }}</div>
        <div class="stat-label">Pass w/ Findings</div>
    </div>
    <div class="stat-card">
        <div class="stat-value" style="color:var(--status-green);">{{ passed }}</div>
        <div class="stat-label">Passed Reviews</div>
    </div>
    <div class="stat-card">
        <div class="stat-value" style="color:var(--status-red);">{{ failed }}</div>
        <div class="stat-label">Failed Reviews</div>
    </div>
</div>

<div class="table-container">
    <table>
        <thead>
            <tr>
                <th>Solicitation #</th>
                <th>Title</th>
                <th>Agency</th>
                <th>Due Date</th>
                <th style="text-align:center;">Pink Team</th>
                <th style="text-align:center;">Red Team</th>
                <th style="text-align:center;">Gold Team</th>
                <th style="text-align:center;">White Glove</th>
                <th>Open Crit Findings</th>
                <th>Win %</th>
            </tr>
        </thead>
        <tbody>
            {% for opp in opportunities %}
            {% set rev_map = opp.review_map %}
            <tr>
                <td><a href="/proposals/{{ opp.id }}">{{ opp.solicitation_number }}</a></td>
                <td><a href="/proposals/{{ opp.id }}">{{ opp.title[:50] }}{% if opp.title|length > 50 %}...{% endif %}</a></td>
                <td>{{ opp.agency }}</td>
                <td>{{ opp.due_date }}</td>
                {% for gate, color in [('pink_team','#ff69b4'), ('red_team','#dc3545'), ('gold_team','#ffc107'), ('white_team','#ffffff'), ('white_glove','#e0e0e0')] %}
                {% set rev = rev_map.get(gate) %}
                <td style="text-align:center;">
                    {% if rev %}
                        {% set ring_colors = {'pass': '#28a745', 'pass_with_findings': '#ffc107', 'major_rework': '#fd7e14', 'fail': '#dc3545'} %}
                        {% set ring = ring_colors.get(rev.overall_rating, 'transparent') %}
                        <div style="width:28px;height:28px;border-radius:50%;background:{{ color }};margin:0 auto;display:flex;align-items:center;justify-content:center;
                             {% if rev.status == 'completed' %}box-shadow:0 0 0 3px {{ ring }};{% else %}opacity:0.5;{% endif %}"
                             title="{{ gate | replace('_',' ') | title }}: {{ rev.status }}{% if rev.overall_rating %} ({{ rev.overall_rating | replace('_',' ') }}){% endif %}">
                            {% if rev.status == 'completed' %}<span style="font-size:12px;color:#000;">&#10003;</span>
                            {% elif rev.status == 'in_progress' %}<span style="font-size:10px;color:#000;">&#9654;</span>
                            {% endif %}
                        </div>
                    {% else %}
                        <div style="width:28px;height:28px;border-radius:50%;background:{{ color }};margin:0 auto;opacity:0.15;" title="Not scheduled"></div>
                    {% endif %}
                </td>
                {% endfor %}
                <td style="{% if opp.critical_open > 0 %}color:var(--status-red); font-weight:bold;{% endif %}">
                    {{ opp.critical_open or 0 }}
                </td>
                <td>
                    {% if opp.win_probability is not none %}
                        {% if opp.win_probability >= 70 %}<span style="color:var(--status-green);font-weight:bold;">{{ opp.win_probability }}%</span>
                        {% elif opp.win_probability >= 40 %}<span style="color:var(--status-yellow,#ffc107);font-weight:bold;">{{ opp.win_probability }}%</span>
                        {% else %}<span style="color:var(--status-red);font-weight:bold;">{{ opp.win_probability }}%</span>{% endif %}
                    {% else %}<span style="color:var(--text-secondary);">—</span>{% endif %}
                </td>
            </tr>
            {% else %}
            <tr><td colspan="10" style="text-align:center;color:var(--text-secondary);">No active proposals.</td></tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}