{% 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-primary"></i>{{ user.full_name }}</h3>
        <p class="text-muted mb-0">{{ user.email }} · {{ user.phone }}</p>
    </div>
    <a href="{{ url_for('apply_course') }}" class="btn btn-primary">
        <i class="fas fa-plus me-1"></i>Новая заявка
    </a>
</div>

<div class="card shadow-sm">
    <div class="card-header bg-white d-flex justify-content-between align-items-center">
        <h5 class="mb-0"><i class="fas fa-list me-2"></i>Мои заявки</h5>
        <span class="badge bg-primary">{{ 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>
                        <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.course_type }}</small>
                        </td>
                        <td>{{ a.start_date }}</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="#reviewModal{{ a.id }}">
                                    Оставить
                                </button>
                                <div class="modal fade" id="reviewModal{{ 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" placeholder="Ваш отзыв..." required></textarea>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="submit" class="btn btn-primary">Отправить</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>
            <a href="{{ url_for('apply_course') }}" class="btn btn-primary">Создать заявку</a>
        </div>
        {% endif %}
    </div>
</div>
{% endblock %}