{% extends 'base.html' %}

{% block title %}Личный кабинет — Пассажиры.РФ{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h3 class="fw-bold"><i class="fas fa-user-circle me-2 text-accent"></i>{{ current_user.full_name }}</h3>
        <p class="text-muted mb-0">{{ current_user.email }} · {{ current_user.phone }}</p>
    </div>
    <a href="{{ url_for('apply_course') }}" class="btn btn-accent">
        <i class="fas fa-plus me-1"></i>Новая заявка
    </a>
</div>

<div class="card glass-card">
    <div class="card-header bg-transparent d-flex justify-content-between align-items-center">
        <h5 class="mb-0">Мои заявки</h5>
        <span class="badge bg-accent">{{ applications|length }}</span>
    </div>
    <div class="card-body">
        {% if applications %}
        <div class="table-responsive">
            <table class="table table-hover align-middle">
                <thead>
                    <tr><th>#</th><th>Курс</th><th>Оплата</th><th>Статус</th><th>Отзыв</th></tr>
                </thead>
                <tbody>
                    {% for a in applications %}
                    <tr>
                        <td>{{ a.id }}</td>
                        <td><strong>{{ a.course.name }}</strong><br><small class="text-muted">{{ a.course.duration }}</small></td>
                        <td>{{ a.payment_method }}</td>
                        <td>
                            {% if a.status == 'Новая' %}<span class="badge bg-warning text-dark">{{ a.status }}</span>
                            {% elif a.status == 'Идет обучение' %}<span class="badge bg-primary">{{ a.status }}</span>
                            {% else %}<span class="badge bg-success">{{ a.status }}</span>{% endif %}
                        </td>
                        <td>
                            {% if a.review %}<span class="text-success"><i class="fas fa-check-circle"></i></span>
                            {% elif a.status != 'Новая' %}
                                <button class="btn btn-sm btn-outline-primary" data-bs-toggle="modal" data-bs-target="#rev{{ a.id }}">Оставить</button>
                                <div class="modal fade" id="rev{{ a.id }}" tabindex="-1">
                                    <div class="modal-dialog"><div class="modal-content">
                                        <form method="POST" action="{{ url_for('add_review', app_id=a.id) }}">
                                            <div class="modal-header"><h5 class="modal-title">Отзыв</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
                                            <div class="modal-body"><textarea class="form-control" name="review" rows="3" required></textarea></div>
                                            <div class="modal-footer"><button type="submit" class="btn btn-accent">Отправить</button></div>
                                        </form>
                                    </div></div>
                                </div>
                            {% else %}<span class="text-muted">—</span>{% endif %}
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        {% else %}
        <div class="text-center py-4 text-muted">
            <i class="fas fa-inbox fa-3x mb-3"></i>
            <p>Заявок пока нет</p>
        </div>
        {% endif %}
    </div>
</div>
{% endblock %}