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

{% block title %}{% if testkit %}Edit{% else %}Create{% endif %} Test Kit - LSMC Hub{% endblock %}

{% block content %}
<div class="page-header">
    <div>
        <nav class="breadcrumb">
            <a href="/testkits">Test Kits</a> &rsaquo;
            <span>{% if testkit %}Edit{% else %}Create{% endif %}</span>
        </nav>
        <h1 class="page-title">{% if testkit %}Edit Test Kit{% else %}Create Test Kit{% endif %}</h1>
    </div>
</div>

<div class="card" style="max-width: 600px;">
    <form method="POST" action="/testkits/{% if testkit %}{{ testkit.id }}/edit{% else %}create{% endif %}">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
        
        <div class="form-group">
            <label for="kit_barcode" class="form-label">Kit Barcode</label>
            <input type="text" id="kit_barcode" name="kit_barcode" class="form-input"
                   value="{{ testkit.kit_barcode if testkit else '' }}"
                   {% if testkit %}readonly{% endif %}
                   placeholder="Optional. Leave blank to use the Atlas EUID as the operational label.">
            <p class="form-hint">When blank, Atlas creates the kit and uses its EUID as the printable fallback label.</p>
        </div>

        <div class="form-group">
            <label for="kit_type" class="form-label">Kit Type</label>
            <select id="kit_type" name="kit_type" class="form-input">
                <option value="">-- Select Type --</option>
                {% for kt in kit_types %}
                <option value="{{ kt }}" {% if testkit and testkit.kit_type == kt %}selected{% endif %}>
                    {{ kt }}
                </option>
                {% endfor %}
            </select>
        </div>

        <div class="form-group">
            <label for="origin_site_id" class="form-label">Origin Site</label>
            {% set site_management_url = '/my-organization/sites' %}
            {% set site_management_label = 'View Sites' %}
            {% if user and user.is_admin and organization_euid %}
                {% set site_management_url = '/admin/organizations/' ~ organization_euid ~ '/sites/new' %}
                {% set site_management_label = 'Add Site' %}
            {% elif user and user.roles and 'EXTERNAL_USER_ADMIN' in user.roles %}
                {% set site_management_url = '/my-organization/sites/new' %}
                {% set site_management_label = 'Add Site' %}
            {% endif %}
            <select id="origin_site_id" name="origin_site_id" class="form-input">
                <option value="">-- Select Site --</option>
                {% for site in site_options or [] %}
                <option value="{{ site.id }}" {% if selected_origin_site_id == site.id %}selected{% endif %}>
                    {{ site.name }}{% if site.site_code %} ({{ site.site_code }}){% endif %}
                </option>
                {% endfor %}
            </select>
            {% if site_options %}
            <p class="form-hint">Used to resolve site-specific Bloom integration settings for this kit.</p>
            {% else %}
            <div class="alert alert-info mt-md">
                No active sites found for this organization.
                <a href="{{ site_management_url }}">{{ site_management_label }}</a> to configure one.
            </div>
            {% endif %}
        </div>

        <div class="form-group">
            <label for="expiration_date" class="form-label">Expiration Date</label>
            <input type="date" id="expiration_date" name="expiration_date" class="form-input"
                   value="{{ testkit.expiration_date.strftime('%Y-%m-%d') if testkit and testkit.expiration_date else '' }}">
        </div>

        <div class="form-actions">
            <a href="/testkits" class="btn btn-secondary">Cancel</a>
            <button type="submit" class="btn btn-primary">
                {% if testkit %}Save Changes{% else %}Create Test Kit{% endif %}
            </button>
        </div>
    </form>
</div>
{% endblock %}