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

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

{% block content %}
<div class="page-header">
    <div>
        <h1 class="page-title">Minimal Accessioning</h1>
        <p class="page-subtitle">Scanner-first recursive package capture. Receive once, then register nested packages, kits, tubes, paperwork, TRFs, and tests on one screen.</p>
    </div>
    <div class="flex gap-sm">
        <a href="/accessioning" class="btn btn-secondary">Open Full Workbench</a>
    </div>
</div>

<div class="card" style="max-width: 960px;">
    <div class="card-header">
        <div>
            <h2 class="card-title">Receive Root Package</h2>
            <p class="text-sm text-muted">Scan the inbound package or hand-delivery context, then stay in the recursive capture editor.</p>
        </div>
    </div>
    <form method="POST" action="/accessioning/minimal/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 }}">
        <div>
            <label class="form-label">Tracking Number</label>
            <input class="form-input" type="text" name="tracking_number" placeholder="Scan tracking number" autofocus>
        </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 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">Received At</label>
            <input class="form-input" type="datetime-local" name="received_at">
        </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 and 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">Receive And Open Minimal Editor</button>
        </div>
    </form>
</div>
{% endblock %}