{% extends 'base.html' %}

{% block title %}{{ lesson.title }} - Python Trainer{% endblock %}

{% block content %}
<nav aria-label="breadcrumb" class="mb-3">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ url_for('student.dashboard') }}">Мои уроки</a></li>
        <li class="breadcrumb-item active">{{ lesson.title }}</li>
    </ol>
</nav>

<h2 class="mb-4">{{ lesson.title }}</h2>

<div class="row">
    {% for item in regular_tasks %}
    <div class="col-md-6 mb-3">
        <a href="{{ url_for('student.task', task_id=item.task.id) }}" class="text-decoration-none">
            <div class="card {% if item.is_completed %}border-success{% endif %}" style="cursor: pointer; transition: transform 0.2s, box-shadow 0.2s;">
                <div class="card-body d-flex align-items-center">
                    {% if item.is_completed %}
                    <i class="bi bi-check-circle-fill text-success fs-3 me-3"></i>
                    {% else %}
                    <i class="bi bi-circle text-muted fs-3 me-3"></i>
                    {% endif %}
                    <div class="flex-grow-1">
                        <h6 class="card-title mb-0 text-dark">
                            {% if item.task.task_type == 'quiz' %}
                            <i class="bi bi-question-circle text-info me-1"></i>
                            {% else %}
                            <i class="bi bi-code-slash text-primary me-1"></i>
                            {% endif %}
                            {{ item.task.title }}
                        </h6>
                        <small class="text-muted">Задание {{ loop.index }}</small>
                    </div>
                    <i class="bi bi-chevron-right text-muted"></i>
                </div>
            </div>
        </a>
    </div>
    {% endfor %}
</div>

{% if bonus_tasks %}
    {% if show_bonus %}
    <h5 class="mt-4 mb-3"><i class="bi bi-star text-warning"></i> Дополнительные задания</h5>
    <div class="row">
        {% for item in bonus_tasks %}
        <div class="col-md-6 mb-3">
            <a href="{{ url_for('student.task', task_id=item.task.id) }}" class="text-decoration-none">
                <div class="card {% if item.is_completed %}border-success{% endif %} border-warning border-opacity-50" style="cursor: pointer; transition: transform 0.2s, box-shadow 0.2s;">
                    <div class="card-body d-flex align-items-center">
                        {% if item.is_completed %}
                        <i class="bi bi-check-circle-fill text-success fs-3 me-3"></i>
                        {% else %}
                        <i class="bi bi-star text-warning fs-3 me-3"></i>
                        {% endif %}
                        <div class="flex-grow-1">
                            <h6 class="card-title mb-0 text-dark">
                                {% if item.task.task_type == 'quiz' %}
                                <i class="bi bi-question-circle text-info me-1"></i>
                                {% else %}
                                <i class="bi bi-code-slash text-primary me-1"></i>
                                {% endif %}
                                {{ item.task.title }}
                            </h6>
                            <small class="text-muted">Доп. задание {{ loop.index }}</small>
                        </div>
                        <i class="bi bi-chevron-right text-muted"></i>
                    </div>
                </div>
            </a>
        </div>
        {% endfor %}
    </div>
    {% else %}
    <div class="alert alert-light border mt-4">
        <i class="bi bi-star text-warning"></i> После выполнения всех заданий откроются дополнительные задания.
    </div>
    {% endif %}
{% endif %}
{% endblock %}