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

{% block title %}Accessioning Workbench - LSMC Atlas{% endblock %}

{% block content %}
<div class="page-header">
    <div>
        <h1 class="page-title">Accessioning Workbench</h1>
        <p class="page-subtitle">Atlas-first receipt, package processing, matching, and intake outcome handling</p>
    </div>
    <div class="flex gap-sm">
        <a href="/accessioning/minimal" class="btn btn-secondary">Minimal Accessioning</a>
        <a href="/accessioning?mode=queue" class="btn {% if mode == 'queue' %}btn-primary{% else %}btn-secondary{% endif %}">Queue Mode</a>
        <a href="/accessioning?mode=combined" class="btn {% if mode == 'combined' %}btn-primary{% else %}btn-secondary{% endif %}">Combined Mode</a>
    </div>
</div>

<div class="card mb-lg">
    <div class="card-header">
        <div>
            <h2 class="card-title">Stage 1: Receipt Registration</h2>
            <p class="text-sm text-muted">Register a shipment or normalize hand delivery into a shipment object.</p>
        </div>
    </div>
    <form method="POST" action="/accessioning/receipt" class="grid" style="display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
        <input type="hidden" name="mode" value="{{ mode }}">

        <div>
            <label class="form-label">Tracking Number</label>
            <input class="form-input" type="text" name="tracking_number" placeholder="Scan or enter tracking number">
        </div>
        <div>
            <label class="form-label">Carrier</label>
            <input class="form-input" type="text" name="carrier" placeholder="UPS, FedEx, HAND_DELIVERY">
        </div>
        <div>
            <label class="form-label">Received At</label>
            <input class="form-input" type="datetime-local" name="received_at">
        </div>
        <div>
            <label class="form-label">Received By</label>
            <input class="form-input" type="text" name="received_by" placeholder="Operator">
        </div>
        <div>
            <label class="form-label">Origin Site</label>
            <select class="form-select" name="origin_site_id">
                <option value="">Unknown</option>
                {% for site in site_options %}
                <option value="{{ site.id }}">{{ site.name }}{% if site.site_code %} ({{ site.site_code }}){% endif %}</option>
                {% endfor %}
            </select>
        </div>
        <div>
            <label class="form-label">Package Condition</label>
            <input class="form-input" type="text" name="package_condition" placeholder="OK, damaged, warm">
        </div>
        <div style="grid-column: 1 / -1;">
            <label class="form-label">Notes</label>
            <textarea class="form-textarea" name="notes" rows="2" placeholder="Receipt notes, hand-delivery details, packaging observations"></textarea>
        </div>
        <label class="checkbox-label">
            <input type="checkbox" name="hand_delivery" value="true">
            <span>Hand delivery</span>
        </label>
        <div style="grid-column: 1 / -1;">
            <button type="submit" class="btn btn-primary">Register Receipt</button>
        </div>
    </form>
</div>

<div class="stats-grid mb-lg">
    {% for queue_name in queue_order %}
    <div class="stat-card">
        <div class="stat-value">{{ dashboard.counts[queue_name] or 0 }}</div>
        <div class="stat-label">{{ queue_labels[queue_name] }}</div>
    </div>
    {% endfor %}
</div>

<div class="grid" style="display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));">
    {% with queue_name='RECEIPT_PENDING', queue_title=queue_labels['RECEIPT_PENDING'], queue_description=queue_descriptions['RECEIPT_PENDING'], items=receipt_items, mode=mode %}
    {% include "accessioning/_queue_list.html" %}
    {% endwith %}

    {% with queue_name='PACKAGE_PROCESSING_PENDING', queue_title=queue_labels['PACKAGE_PROCESSING_PENDING'], queue_description=queue_descriptions['PACKAGE_PROCESSING_PENDING'], items=package_items, mode=mode %}
    {% include "accessioning/_queue_list.html" %}
    {% endwith %}

    {% with queue_name='MATCHING_PENDING', queue_title=queue_labels['MATCHING_PENDING'], queue_description=queue_descriptions['MATCHING_PENDING'], items=matching_items, mode=mode %}
    {% include "accessioning/_queue_list.html" %}
    {% endwith %}

    {% with queue_name='HOLD_INVESTIGATE', queue_title=queue_labels['HOLD_INVESTIGATE'], queue_description=queue_descriptions['HOLD_INVESTIGATE'], items=hold_items, mode=mode %}
    {% include "accessioning/_queue_list.html" %}
    {% endwith %}
</div>
{% endblock %}