{% extends "base.html" %}
{% set active_nav = "dashboard" %}

{% block title %}Dashboard - LSMC Atlas{% endblock %}

{% block content %}
<div class="page-stack">
    <section class="brand-hero dashboard-hero">
        <div class="brand-hero-copy">
            <p class="brand-eyebrow">LSMC Atlas</p>
            <h1 class="brand-title">Welcome back, {{ user.email or user.name }}</h1>
            <p class="brand-description">
                Track TRFs, shipments, results, and support activity from one operational view.
            </p>
            <div class="brand-actions">
                {% if user.can_write %}
                <a href="/trfs/new" class="btn btn-primary">New TRF</a>
                {% endif %}
                <a href="/support" class="btn btn-ghost">Support Queue</a>
            </div>
        </div>
        <aside class="brand-panel">
            <div class="brand-mark brand-mark-lg" aria-hidden="true"></div>
            <p class="brand-panel-kicker">Clinical sequencing portal</p>
            <p class="brand-panel-copy">
                Operational visibility for partner sites, internal teams, and case follow-up.
            </p>
        </aside>
    </section>

    <div class="stats-grid">
        <div class="stat-card">
            <div class="stat-value">{{ stats.orders_total or 0 }}</div>
            <div class="stat-label">Total TRFs</div>
        </div>
        <div class="stat-card">
            <div class="stat-value">{{ stats.orders_active or 0 }}</div>
            <div class="stat-label">Active TRFs</div>
        </div>
        <div class="stat-card">
            <div class="stat-value">{{ stats.shipments_in_transit or 0 }}</div>
            <div class="stat-label">Shipments In Transit</div>
        </div>
        <div class="stat-card">
            <div class="stat-value">{{ stats.results_ready or 0 }}</div>
            <div class="stat-label">Results Ready</div>
        </div>
    </div>

    <div class="dashboard-layout">
        <div class="card dashboard-primary">
            <div class="card-header">
                <h2 class="card-title">Recent TRFs</h2>
                <a href="/trfs" class="btn btn-ghost btn-sm">View All</a>
            </div>
            {% if recent_orders %}
            <div class="table-container">
                <table class="table">
                    <thead>
                        <tr>
                            <th>TRF</th>
                            <th>Patient</th>
                            <th>Status</th>
                            <th>Created</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for order in recent_orders %}
                        <tr>
                            <td>
                                <a href="/trfs/{{ order.order_number }}" class="text-mono">{{ order.order_number }}</a>
                            </td>
                            <td>{{ order.patient_name or "—" }}</td>
                            <td>
                                <span class="status-pill status-{{ order.status|lower }}">{{ order.status }}</span>
                            </td>
                            <td class="text-muted text-sm">{{ order.created_at | format_dt(user_preferences) }}</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
            {% else %}
            <div class="empty-state">
                <div class="empty-state-icon">📋</div>
                <p>No TRFs yet</p>
                {% if user.can_write %}
                <a href="/trfs/new" class="btn btn-primary mt-md">Create Your First TRF</a>
                {% endif %}
            </div>
            {% endif %}
        </div>

        <div class="card dashboard-secondary">
            <div class="card-header">
                <h2 class="card-title">Quick Actions</h2>
            </div>
            <div class="flex flex-col gap-sm">
                {% if user.can_write %}
                <a href="/trfs/new" class="btn btn-secondary">+ New TRF</a>
                <a href="/shipments/new" class="btn btn-secondary">+ New Shipment</a>
                {% endif %}
                <a href="/results" class="btn btn-secondary">View Results</a>
                {% if user.is_internal %}
                <a href="/intake" class="btn btn-secondary">Scan & Match</a>
                {% endif %}
                {% if show_api_docs %}
                <hr style="border: none; border-top: 1px solid var(--border-color); margin: 0.5rem 0;">
                <a href="/api/docs" class="btn btn-ghost" target="_blank">API Docs ↗</a>
                {% endif %}
            </div>
        </div>
    </div>

    {% if user.is_internal and pending_exceptions %}
    <div class="card">
        <div class="card-header">
            <h2 class="card-title">⚠️ Pending Exceptions</h2>
            <a href="/intake/exceptions" class="btn btn-ghost btn-sm">View All</a>
        </div>
        <div class="table-container">
            <table class="table">
                <thead>
                    <tr>
                        <th>Barcode</th>
                        <th>Type</th>
                        <th>Issue</th>
                        <th>Since</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    {% for exc in pending_exceptions %}
                    <tr>
                        <td class="text-mono">{{ exc.barcode }}</td>
                        <td>{{ exc.type }}</td>
                        <td>{{ exc.issue }}</td>
                        <td class="text-muted text-sm">{{ exc.created_at | format_dt(user_preferences) }}</td>
                        <td><a href="/intake/exceptions" class="btn btn-sm btn-ghost">Open Queue</a></td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
    {% endif %}
</div>
{% endblock %}