{% extends 'base.html' %}
{% load static %}

{% block title %}{{ lesson.course.title }} | Автошкола{% endblock %}

{% block content %}
<div class="container">
    <div class="row mb-4">
        <div class="col">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{% url 'schedule:list' %}">Расписание</a></li>
                    <li class="breadcrumb-item active">{{ lesson.course.title }}</li>
                </ol>
            </nav>
        </div>
    </div>

    <div class="row">
        <div class="col-md-8">
            <div class="card shadow mb-4">
                <div class="card-header bg-primary text-white">
                    <h4 class="mb-0">Информация о занятии</h4>
                </div>
                <div class="card-body">
                    <h5 class="card-title">{{ lesson.course.title }}</h5>
                    <p class="card-text">
                        <i class="fas fa-calendar me-2"></i>Дата: {{ lesson.date|date:"d.m.Y" }}<br>
                        <i class="fas fa-clock me-2"></i>Время: {{ lesson.start_time|time:"H:i" }} - {{ lesson.end_time|time:"H:i" }}<br>
                        <i class="fas fa-user me-2"></i>Инструктор: {{ lesson.instructor.user.get_full_name }}<br>
                        <i class="fas fa-map-marker-alt me-2"></i>Место: {{ lesson.location }}<br>
                        <i class="fas fa-users me-2"></i>Количество мест: {{ lesson.enrolled_students.count }}/{{ lesson.max_students }}
                    </p>
                </div>
            </div>

            <div class="card shadow">
                <div class="card-header bg-success text-white">
                    <h4 class="mb-0">Записанные студенты</h4>
                </div>
                <div class="card-body">
                    {% if lesson.enrolled_students.all %}
                        <div class="list-group">
                            {% for student in lesson.enrolled_students.all %}
                                <div class="list-group-item">
                                    <h6 class="mb-1">{{ student.user.get_full_name }}</h6>
                                    <small class="text-muted">
                                        <i class="fas fa-envelope me-2"></i>{{ student.user.email }}<br>
                                        <i class="fas fa-phone me-2"></i>{{ student.phone_number }}
                                    </small>
                                </div>
                            {% endfor %}
                        </div>
                    {% else %}
                        <div class="alert alert-info">
                            <i class="fas fa-info-circle me-2"></i>На это занятие пока никто не записался.
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card shadow">
                <div class="card-body">
                    {% if user.is_authenticated %}
                        {% if user.instructor == lesson.instructor %}
                            <a href="{% url 'schedule:update' lesson.pk %}" class="btn btn-warning w-100 mb-2">
                                <i class="fas fa-edit me-2"></i>Редактировать
                            </a>
                            <a href="{% url 'schedule:delete' lesson.pk %}" class="btn btn-danger w-100">
                                <i class="fas fa-trash me-2"></i>Удалить
                            </a>
                        {% elif user.student %}
                            {% if user.student in lesson.enrolled_students.all %}
                                <div class="alert alert-success">
                                    <i class="fas fa-check-circle me-2"></i>Вы записаны на это занятие
                                </div>
                            {% elif lesson.enrolled_students.count >= lesson.max_students %}
                                <div class="alert alert-warning">
                                    <i class="fas fa-exclamation-circle me-2"></i>К сожалению, все места заняты
                                </div>
                            {% else %}
                                <form method="post" action="{% url 'schedule:enroll' lesson.pk %}">
                                    {% csrf_token %}
                                    <button type="submit" class="btn btn-success w-100">
                                        <i class="fas fa-plus me-2"></i>Записаться
                                    </button>
                                </form>
                            {% endif %}
                        {% endif %}
                    {% else %}
                        <div class="alert alert-info">
                            <i class="fas fa-info-circle me-2"></i>Для записи на занятие необходимо войти в систему
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}