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

{% block title %}Test Configuration - LSMC Hub{% endblock %}

{% block content %}
<div class="page-header">
    <div>
        <h1 class="page-title">Test Configuration</h1>
        <p class="page-subtitle">Manage available tests and ordering configurations</p>
    </div>
    <div>
        <a href="/admin" class="btn btn-ghost">← Back to Admin</a>
        <a href="/admin/test-definitions/create" class="btn btn-primary">+ Create Test</a>
    </div>
</div>

<!-- Filters -->
<div class="filters-bar mb-lg">
    <form method="get" action="/admin/test-definitions" class="filter-form">
        <div class="filter-group">
            <label for="category">Category:</label>
            <select name="category" id="category" onchange="this.form.submit()">
                <option value="">All Categories</option>
                <option value="sequencing" {% if filter.category == 'sequencing' %}selected{% endif %}>Sequencing</option>
                <option value="analysis" {% if filter.category == 'analysis' %}selected{% endif %}>Analysis</option>
                <option value="panel" {% if filter.category == 'panel' %}selected{% endif %}>Panel</option>
            </select>
        </div>
        <div class="filter-group">
            <label for="is_active">Status:</label>
            <select name="is_active" id="is_active" onchange="this.form.submit()">
                <option value="">All</option>
                <option value="true" {% if filter.is_active == 'true' %}selected{% endif %}>Active</option>
                <option value="false" {% if filter.is_active == 'false' %}selected{% endif %}>Inactive</option>
            </select>
        </div>
    </form>
</div>

<!-- Tests Table -->
<div class="card">
    <table class="data-table">
        <thead>
            <tr>
                <th>Code</th>
                <th>Name</th>
                <th>EUID</th>
                <th>Category</th>
                <th>Technology</th>
                <th>Status</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            {% if assays %}
                {% for assay in assays %}
                <tr>
                    <td><code>{{ assay.code }}</code></td>
                    <td><strong>{{ assay.name }}</strong></td>
                    <td><a class="text-mono text-sm" href="/tapdb/object/{{ assay.euid }}">{{ assay.euid }}</a></td>
                    <td>
                        <span class="badge badge-secondary">{{ assay.category or '—' }}</span>
                    </td>
                    <td>{% if assay.technology == 'hybrid_ilmn_ont' %}Hybrid (ILMN+ONT){% elif assay.technology == 'hybrid_ilmn_pacbio' %}Hybrid (ILMN+PacBio){% elif assay.technology == 'hybrid_ug_ont' %}Hybrid (UG+ONT){% elif assay.technology == 'hybrid_ug_pacbio' %}Hybrid (UG+PacBio){% elif assay.technology == 'informatics' %}Informatics Only{% elif assay.technology == 'long_read_ont' %}Long Read (ONT){% elif assay.technology == 'long_read_pacbio' %}Long Read (PacBio){% elif assay.technology == 'short_read_ilmn' or assay.technology == 'short_read' %}Short Read (Illumina){% elif assay.technology == 'short_read_roche' %}Short Read (Roche){% elif assay.technology == 'short_read_ultima' %}Short Read (Ultima){% elif assay.technology == 'long_read' %}Long Read (Legacy){% elif assay.technology == 'hybrid' %}Hybrid (Legacy){% else %}{{ assay.technology or '—' }}{% endif %}</td>
                    <td>
                        <span class="badge badge-{{ 'success' if assay.is_active else 'danger' }}">
                            {{ 'Active' if assay.is_active else 'Inactive' }}
                        </span>
                    </td>
                    <td>
                        <a href="/admin/test-definitions/{{ assay.euid }}/edit" class="btn btn-sm btn-ghost">Edit</a>
                    </td>
                </tr>
                {% endfor %}
            {% else %}
                <tr>
                    <td colspan="7" class="text-center text-muted">No tests configured</td>
                </tr>
            {% endif %}
        </tbody>
    </table>
</div>

<div class="card mt-lg">
    <div class="card-header">
        <h2 class="card-title">About Tests</h2>
    </div>
    <div class="card-body">
        <p class="text-secondary">
            Tests define the available items that can be ordered. Each test has a unique code,
            name, and configuration for turnaround time and pricing.
        </p>
        <p class="text-muted mt-sm">
            <strong>Note:</strong> Modifying test configurations may affect existing orders.
            Changes are tracked in the audit log.
        </p>
    </div>
</div>
{% endblock %}