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

{% block title %}Edit Collection Event {{ collection_event.id }} - LSMC Atlas{% endblock %}

{% block content %}
<div class="page-header">
    <div>
        <h1 class="page-title">Edit Collection Event <code>{{ collection_event.id }}</code></h1>
        <p class="page-subtitle">Atlas collection metadata mirrored to Bloom specimen references</p>
    </div>
    <div class="flex gap-md">
        <a href="/collection-events/{{ collection_event.id }}" class="btn btn-ghost">← Back to Collection Event</a>
    </div>
</div>

<div class="card" style="max-width: 920px;">
    <div class="card-body">
        <form method="POST" action="/collection-events/{{ collection_event.id }}/edit">
            <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
            <input type="hidden" name="site_euid" value="{{ collection_event.site_euid }}">
            <div class="grid grid-cols-2 gap-lg">
                <div class="form-group">
                    <label class="form-label">Collection Site</label>
                    <input type="text" class="form-input" value="{{ collection_event.site_euid }}" readonly>
                    <p class="form-hint">Collection-event site is immutable after creation. Update the tube direct site on the tube page.</p>
                </div>
                <div class="form-group">
                    <label class="form-label" for="collection-collected-at">Collected At</label>
                    <input id="collection-collected-at" type="datetime-local" name="collected_at" class="form-input" value="{{ collection_event.collected_at[:16] if collection_event.collected_at else '' }}">
                </div>
                <div class="form-group">
                    <label class="form-label" for="collection-type">Collection Type</label>
                    <input id="collection-type" type="text" name="collection_type" class="form-input" value="{{ collection_event.collection_type }}">
                </div>
                <div class="form-group">
                    <label class="form-label" for="collection-collected-by">Collected By</label>
                    <input id="collection-collected-by" type="text" name="collected_by" class="form-input" value="{{ collection_event.collected_by }}">
                </div>
                <div class="form-group">
                    <label class="form-label" for="collection-expected-mrn">Expected MRN</label>
                    <input id="collection-expected-mrn" type="text" name="expected_mrn" class="form-input" value="{{ collection_event.expected_mrn }}">
                </div>
                <div class="form-group">
                    <label class="form-label" for="collection-expected-dob">Expected DOB</label>
                    <input id="collection-expected-dob" type="text" name="expected_dob" class="form-input" value="{{ collection_event.expected_dob }}">
                </div>
                <div class="form-group">
                    <label class="form-label" for="collection-expected-name">Expected Name</label>
                    <input id="collection-expected-name" type="text" name="expected_name" class="form-input" value="{{ collection_event.expected_name }}">
                </div>
                <div class="form-group">
                    <label class="form-label" for="collection-expected-label">Expected Label Text</label>
                    <input id="collection-expected-label" type="text" name="expected_label_text" class="form-input" value="{{ collection_event.expected_label_text }}">
                </div>
            </div>
            <div class="form-actions">
                <button type="submit" class="btn btn-primary">Save Collection Event</button>
            </div>
        </form>
    </div>
</div>
{% endblock %}