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

{% block title %}Test {{ test.euid }} - LSMC Atlas{% endblock %}

{% block content %}
<div class="page-header">
    <div>
        <h1 class="page-title"><span class="text-mono">{{ test.euid }}</span></h1>
        <p class="page-subtitle">
            Parent TRF:
            <a href="/trfs/{{ trf.euid }}" class="text-mono">{{ trf.number }}</a>
        </p>
    </div>
    <div class="flex gap-md">
        <a href="/trfs/{{ trf.euid }}" class="btn btn-ghost">← Back to TRF</a>
    </div>
</div>

<div class="card mb-lg">
    <div class="card-header">
        <h2 class="card-title">Test Status</h2>
    </div>
    <div class="card-body">
        <div class="flex gap-lg items-center flex-wrap">
            <span class="status-pill status-{{ test.status|lower|replace('_', '-') }}">{{ test.status_label }}</span>
            {% if user.can_write %}
            <form method="POST" action="/trfs/tests/{{ test.euid }}/status" class="flex gap-sm items-center">
                <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
                <select name="status" class="form-control" required>
                    {% for status_value, status_label in test_order_status_options %}
                    <option value="{{ status_value }}" {% if test.status_ui == status_value %}selected{% endif %}>{{ status_label }}</option>
                    {% endfor %}
                </select>
                <button type="submit" class="btn btn-secondary">Update Status</button>
            </form>
            {% endif %}
        </div>
        <div class="grid grid-cols-2 gap-lg mt-lg">
            <div>
                <div class="text-sm text-muted">Product Code</div>
                <div>{{ test.product_code or '—' }}</div>
            </div>
            <div>
                <div class="text-sm text-muted">Specimen Type</div>
                <div>{{ test.specimen_type or '—' }}</div>
            </div>
            <div>
                <div class="text-sm text-muted">Fulfillment Routes</div>
                <div>
                    {% for fulfillment_route_code in test.fulfillment_route_codes %}
                    <span class="text-mono">{{ fulfillment_route_code }}</span>{% if not loop.last %}, {% endif %}
                    {% endfor %}
                </div>
            </div>
            <div>
                <div class="text-sm text-muted">Notes</div>
                <div>{{ test.clinical_notes or '—' }}</div>
            </div>
        </div>
    </div>
</div>

<div class="grid grid-cols-2 gap-lg">
    <div class="card">
        <div class="card-header">
            <h2 class="card-title">Linked Patients</h2>
        </div>
        <div class="card-body">
            {% if linked_patients %}
            <ul>
                {% for patient in linked_patients %}
                <li>
                    <a href="/patients/{{ patient.id }}">{{ patient.name }}</a>
                    <span class="text-muted">({{ patient.role|lower }})</span>
                </li>
                {% endfor %}
            </ul>
            {% else %}
            <p class="text-muted">No patients linked yet.</p>
            {% endif %}

            {% if user.can_write %}
            <form method="POST" action="/trfs/tests/{{ test.euid }}/patient" class="mt-lg">
                <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
                <div class="form-group">
                    <label class="form-label" for="patient-euid">Patient</label>
                    <select id="patient-euid" name="patient_euid" class="form-control" required>
                        <option value="">-- Select Patient --</option>
                        {% for patient in available_patients %}
                        <option value="{{ patient.id }}">{{ patient.name }}</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label" for="patient-role">Role</label>
                    <select id="patient-role" name="role" class="form-control">
                        <option value="PROBAND">proband</option>
                        <option value="MOTHER">mother</option>
                        <option value="FATHER">father</option>
                        <option value="SIBLING">sibling</option>
                        <option value="OTHER">other</option>
                    </select>
                </div>
                <button type="submit" class="btn btn-primary">Link Patient</button>
            </form>
            {% endif %}
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            <h2 class="card-title">Bloom Material Request</h2>
        </div>
        <div class="card-body">
            {% if effective_bloom_config %}
            <p class="text-sm">
                Effective config source:
                <strong>{{ 'site override' if effective_bloom_config_source == 'site' else 'organization default' }}</strong>
            </p>
            <p class="text-sm text-muted mb-md">{{ effective_bloom_config.bloom_base_url }}</p>
            {% elif org_bloom_config %}
            <p class="text-sm text-muted mb-md">Organization Bloom config exists but no site override is currently selected.</p>
            {% else %}
            <p class="text-sm text-muted mb-md">No enabled Bloom configuration is available yet for this organization or its sites.</p>
            {% endif %}
            <p class="text-sm text-muted mb-md">
                Configure Bloom under
                {% if user.is_internal or user.is_admin %}
                the organization and site admin pages
                {% else %}
                My Organization and the relevant site detail page
                {% endif %}
                before requesting material for this Test.
            </p>

            {% if user.can_write %}
            <form method="POST" action="/trfs/tests/{{ test.euid }}/request-material">
                <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
                <div class="form-group">
                    <label class="form-label" for="material-patient">Patient</label>
                    <select id="material-patient" name="patient_euid" class="form-control">
                        <option value="">-- Tube only (no specimen) --</option>
                        {% for patient in linked_patients %}
                        <option value="{{ patient.id }}">{{ patient.name }}</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label" for="material-shipment">Shipment</label>
                    <select id="material-shipment" name="shipment_euid" class="form-control">
                        <option value="">-- Select Shipment --</option>
                        {% for shipment in available_shipments %}
                        <option value="{{ shipment.id }}">{{ shipment.label }}{% if shipment.status %} ({{ shipment.status|lower }}){% endif %}</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label" for="material-testkit">Test Kit</label>
                    <select id="material-testkit" name="testkit_euid" class="form-control">
                        <option value="">-- Select Test Kit --</option>
                        {% for kit in available_testkits %}
                        <option value="{{ kit.id }}">{{ kit.label }}</option>
                        {% endfor %}
                    </select>
                    <p class="form-hint">Optional direct kit link. Shipment and test kit links can both be set on the same tube.</p>
                </div>
                <div class="form-group">
                    <label class="form-label" for="material-site">Origin Site</label>
                    <select id="material-site" name="origin_site_id" class="form-control">
                        <option value="">Use source-linked site</option>
                        {% for site in site_options %}
                        <option value="{{ site.id }}">{{ site.name }}{% if site.site_code %} ({{ site.site_code }}){% endif %}</option>
                        {% endfor %}
                    </select>
                    <p class="form-hint">Optional override when shipment/test kit does not already carry an origin site.</p>
                </div>
                <button type="submit" class="btn btn-primary">Create Bloom Tube</button>
            </form>
            {% endif %}
        </div>
    </div>
</div>

<div class="card mt-lg">
    <div class="card-header">
        <h2 class="card-title">Linked Bloom Material</h2>
    </div>
    <div class="card-body">
        {% if linked_materials %}
        <table class="table">
            <thead>
                <tr>
                    <th>Type</th>
                    <th>EUID</th>
                    <th>Status</th>
                    <th>Relation</th>
                </tr>
            </thead>
            <tbody>
                {% for material in linked_materials %}
                <tr>
                    <td>{{ material.object_type }}</td>
                    <td class="text-mono">{{ material.external_euid }}</td>
                    <td>{{ material.status }}</td>
                    <td>{{ material.relation_type }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
        {% else %}
        <p class="text-muted">No Bloom container or specimen is linked to this Test yet.</p>
        {% endif %}
    </div>
</div>

{% include "partials/tube_panel.html" %}
{% endblock %}