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

{% block title %}{{ 'Edit Test' if assay else 'Create Test' }} - LSMC Hub{% endblock %}

{% block content %}
<div class="page-header">
    <h1>{{ 'Edit Test' if assay else 'Create Test' }}</h1>
    <a href="/admin/test-definitions" class="btn btn-ghost">← Back to Tests</a>
</div>

<div class="card" style="max-width: 800px;">
    <form method="post" action="{{ '/admin/test-definitions/' + assay.euid + '/edit' if assay else '/admin/test-definitions/create' }}">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
        {% if error %}
        <div class="alert alert-danger">
            {{ error }}
        </div>
        {% endif %}

        <div class="form-group">
            <label for="code">Test Code *</label>
            <input 
                type="text" 
                id="code" 
                name="code" 
                value="{{ assay.code if assay else '' }}"
                {% if assay %}readonly{% endif %}
                required
                placeholder="e.g., WGS-SR-100"
                class="form-input"
            >
            <small class="text-muted">
                Unique identifier for the test (cannot be changed after creation)
            </small>
        </div>

        <div class="form-group">
            <label for="name">Name *</label>
            <input 
                type="text" 
                id="name" 
                name="name" 
                value="{{ assay.name if assay else '' }}"
                required
                placeholder="e.g., Whole Genome Sequencing - Short Read 100x"
                class="form-input"
            >
        </div>

        <div class="form-group">
            <label for="description">Description</label>
            <textarea 
                id="description" 
                name="description" 
                rows="3"
                placeholder="Detailed description of the test"
                class="form-input"
            >{{ assay.description if assay else '' }}</textarea>
        </div>

        <div class="flex gap-lg">
            <div class="form-group" style="flex: 1;">
                <label for="category">Category</label>
                <select id="category" name="category" class="form-select">
                    <option value="">-- Select Category --</option>
                    <option value="sequencing" {% if assay and assay.category == 'sequencing' %}selected{% endif %}>Sequencing</option>
                    <option value="analysis" {% if assay and assay.category == 'analysis' %}selected{% endif %}>Analysis</option>
                    <option value="panel" {% if assay and assay.category == 'panel' %}selected{% endif %}>Panel</option>
                </select>
            </div>

            <div class="form-group" style="flex: 1;">
                <label for="technology">Technology</label>
                <select id="technology" name="technology" class="form-select">
                    <option value="">-- Select Technology --</option>
                    <option value="hybrid_ilmn_ont" {% if assay and assay.technology == 'hybrid_ilmn_ont' %}selected{% endif %}>Hybrid (ILMN+ONT)</option>
                    <option value="hybrid_ilmn_pacbio" {% if assay and assay.technology == 'hybrid_ilmn_pacbio' %}selected{% endif %}>Hybrid (ILMN+PacBio)</option>
                    <option value="hybrid_ug_ont" {% if assay and assay.technology == 'hybrid_ug_ont' %}selected{% endif %}>Hybrid (UG+ONT)</option>
                    <option value="hybrid_ug_pacbio" {% if assay and assay.technology == 'hybrid_ug_pacbio' %}selected{% endif %}>Hybrid (UG+PacBio)</option>
                    <option value="informatics" {% if assay and assay.technology == 'informatics' %}selected{% endif %}>Informatics Only</option>
                    <option value="long_read_ont" {% if assay and assay.technology == 'long_read_ont' %}selected{% endif %}>Long Read (ONT)</option>
                    <option value="long_read_pacbio" {% if assay and assay.technology == 'long_read_pacbio' %}selected{% endif %}>Long Read (PacBio)</option>
                    <option value="short_read_ilmn" {% if assay and assay.technology == 'short_read_ilmn' or assay and assay.technology == 'short_read' %}selected{% endif %}>Short Read (Illumina)</option>
                    <option value="short_read_roche" {% if assay and assay.technology == 'short_read_roche' %}selected{% endif %}>Short Read (Roche)</option>
                    <option value="short_read_ultima" {% if assay and assay.technology == 'short_read_ultima' %}selected{% endif %}>Short Read (Ultima)</option>
                </select>
            </div>
        </div>

        <div class="form-group">
            <label for="bloom_lab_method_euid">Bloom Lab Assay EUID (optional)</label>
            <input
                type="text"
                id="bloom_lab_method_euid"
                name="bloom_lab_method_euid"
                value="{{ bloom_lab_method_euid or '' }}"
                placeholder="e.g., LAB-ASY-123"
                class="form-input"
            >
            <small class="text-muted">
                If set, this Test is linked to a Bloom <code>lab_method</code> external object for future lab integration.
            </small>
        </div>

        <div class="form-group">
            <label for="specimen_types">Allowed Specimen Types (optional)</label>
            <input
                type="text"
                id="specimen_types"
                name="specimen_types"
                value="{{ specimen_types_input if specimen_types_input is defined else '' }}"
                placeholder="e.g., BLOOD, SALIVA, BUCCAL_SWAB"
                class="form-input"
            >
            <small class="text-muted">
                Comma-separated list. Values are normalized to uppercase and duplicates are removed.
            </small>
        </div>

        {% if assay %}
        <div class="form-group">
            <label class="checkbox-label">
                <input 
                    type="checkbox" 
                    name="is_active" 
                    value="true"
                    {% if assay.is_active %}checked{% endif %}
                >
                <span>Active</span>
                <small class="text-muted">Inactive tests cannot be ordered</small>
            </label>
        </div>
        {% endif %}

        <div class="form-actions">
            <button type="submit" class="btn btn-primary">
                {{ 'Update Test' if assay else 'Create Test' }}
            </button>
            <a href="/admin/test-definitions" class="btn btn-secondary">Cancel</a>
        </div>
    </form>
</div>
{% endblock %}