{% extends 'base.html' %}

{% block title %}Подать заявку — Пассажиры.РФ{% endblock %}

{% block content %}
<div class="container py-5">
    <div class="row justify-content-center">
        <div class="col-lg-6">
            <div class="card glass-card">
                <div class="card-body p-4">
                    <div class="text-center mb-4">
                        <div class="auth-icon-wrap">
                            <i class="fas fa-file-alt fa-2x text-accent"></i>
                        </div>
                        <h3 class="fw-bold mt-3">Подать заявку на курс</h3>
                        <p class="text-muted small">Выберите курс и способ оплаты</p>
                    </div>
                    <form method="POST">
                        <div class="mb-3">
                            <label for="course_id" class="form-label fw-semibold">Название курса</label>
                            <select class="form-select" id="course_id" name="course_id" required>
                                <option value="" disabled selected>Выберите курс...</option>
                                {% for course in courses %}
                                <option value="{{ course.id }}" data-desc="{{ course.description }}" data-duration="{{ course.duration }}">
                                    {{ course.name }} ({{ course.duration }})
                                </option>
                                {% endfor %}
                            </select>
                            <div id="courseDescription" class="form-text mt-2 d-none">
                                <div class="glass-card p-3 small"><i class="fas fa-info-circle me-1 text-accent"></i><span id="descText"></span></div>
                            </div>
                        </div>
                        <div class="mb-4">
                            <label for="payment_method" class="form-label fw-semibold">Способ оплаты</label>
                            <select class="form-select" id="payment_method" name="payment_method" required>
                                <option value="" disabled selected>Выберите способ оплаты...</option>
                                <option value="Банковская карта">Банковская карта</option>
                                <option value="Наличные">Наличные</option>
                                <option value="Безналичный расчёт">Безналичный расчёт</option>
                            </select>
                        </div>
                        <div class="d-flex gap-2">
                            <button type="submit" class="btn btn-accent flex-grow-1 py-2">
                                <i class="fas fa-paper-plane me-2"></i>Отправить заявку
                            </button>
                            <a href="{{ url_for('dashboard') }}" class="btn btn-outline-secondary py-2">Назад</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}