{% extends "base.html" %}

{% block title %}Configure Checks - HM Video QC{% endblock %}

{% block wizard_nav %}
<div class="wizard-nav">
    <div class="wizard-step completed">1. Upload</div>
    <div class="wizard-step active">2. Configure</div>
    <div class="wizard-step">3. Results</div>
</div>
{% endblock %}

{% block content %}
<div class="configure-container">
    <h2>Configure Quality Checks</h2>
    <p class="subtitle">Video: <strong>{{ filename }}</strong></p>

    <div class="button-group">
        <button id="selectAll" class="btn btn-sm btn-outline-yellow">Select All</button>
        <button id="deselectAll" class="btn btn-sm btn-outline-yellow">Deselect All</button>
    </div>

    <form method="POST" action="{{ url_for('start_qc') }}" id="configureForm">
        <div class="checks-list">
            {% for check in checks %}
            <div class="check-item">
                <div class="check-header">
                    <input type="checkbox" id="check_{{ check.id }}" name="checks" value="{{ check.id }}" checked>
                    <label for="check_{{ check.id }}">
                        <strong>{{ check.id }}</strong>
                        <p class="check-description">{{ check.config.description }}</p>
                    </label>
                </div>

                {% if check.id == 'video_duration_check' %}
                <div class="check-config">
                    <button type="button" class="btn-collapse" data-target="config_{{ check.id }}">
                        Advanced Settings
                    </button>
                    <div id="config_{{ check.id }}" class="config-fields hidden">
                        <label>
                            Tolerance (seconds):
                            <input type="number" name="tolerance_{{ check.id }}" value="{{ check.config.tolerance_seconds }}" min="0" max="10" step="0.5">
                        </label>
                    </div>
                </div>
                {% endif %}
            </div>
            {% endfor %}
        </div>

        <button type="submit" class="btn btn-yellow btn-lg">Run Quality Checks</button>
    </form>
</div>
{% endblock %}

{% block scripts %}
<script src="{{ url_for('static', filename='js/configure.js') }}"></script>
{% endblock %}