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

{% block title %}Главная | Автошкола{% endblock %}

{% block content %}
<div class="container">
    <!-- Главный баннер -->


    <!-- Преимущества -->
    <div class="row mb-5">
        <div class="col-md-4 mb-4">
            <div class="card h-100 shadow bg-dark bg-opacity-75 text-white">
                <div class="card-body text-center">
                    <i class="fas fa-car fa-3x text-primary mb-3"></i>
                    <h3>Курсы вождения</h3>
                    <p>Изучите теорию и практику вождения с нашими профессиональными инструкторами. Мы предлагаем:</p>
                    <ul class="list-unstyled text-start">
                        <li><i class="fas fa-check text-success me-2"></i>Категория B</li>
                        <li><i class="fas fa-check text-success me-2"></i>Категория A</li>
                        <li><i class="fas fa-check text-success me-2"></i>Переподготовка</li>
                    </ul>
                    <a href="{% url 'course:list' %}" class="btn btn-primary">
                        <i class="fas fa-list me-2"></i>Смотреть курсы
                    </a>
                </div>
            </div>
        </div>

        <div class="col-md-4 mb-4">
            <div class="card h-100 shadow bg-dark bg-opacity-75 text-white">
                <div class="card-body text-center">
                    <i class="fas fa-users fa-3x text-success mb-3"></i>
                    <h3>Наши инструкторы</h3>
                    <p>Опытные инструкторы с многолетним стажем работы. Каждый инструктор:</p>
                    <ul class="list-unstyled text-start">
                        <li><i class="fas fa-check text-success me-2"></i>Имеет стаж более 5 лет</li>
                        <li><i class="fas fa-check text-success me-2"></i>Прошел специальную подготовку</li>
                        <li><i class="fas fa-check text-success me-2"></i>Имеет современный автопарк</li>
                    </ul>
                    <a href="{% url 'instructor:list' %}" class="btn btn-success">
                        <i class="fas fa-user-tie me-2"></i>Смотреть инструкторов
                    </a>
                </div>
            </div>
        </div>

        <div class="col-md-4 mb-4">
            <div class="card h-100 shadow bg-dark bg-opacity-75 text-white">
                <div class="card-body text-center">
                    <i class="fas fa-graduation-cap fa-3x text-info mb-3"></i>
                    <h3>Почему мы?</h3>
                    <ul class="list-unstyled text-start">
                        <li><i class="fas fa-check text-success me-2"></i>Современные автомобили</li>
                        <li><i class="fas fa-check text-success me-2"></i>Гибкий график занятий</li>
                        <li><i class="fas fa-check text-success me-2"></i>Индивидуальный подход</li>
                        <li><i class="fas fa-check text-success me-2"></i>Высокий процент сдачи</li>
                        <li><i class="fas fa-check text-success me-2"></i>Удобное расположение</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- Дополнительная информация -->
    <div class="row mb-5">
        <div class="col-md-6 mb-4">
            <div class="card shadow bg-dark bg-opacity-75 text-white">
                <div class="card-body">
                    <h3 class="mb-4">О нашей автошколе</h3>
                    <p>Автошкола "Флагман" - это современный учебный центр, где вы получите качественное образование и практические навыки вождения. Мы работаем с 2010 года и за это время подготовили более 5000 водителей.</p>
                    <p>Наша миссия - сделать процесс обучения вождению максимально эффективным и комфортным для каждого студента. Мы используем современные методики обучения и постоянно совершенствуем наш подход.</p>
                </div>
            </div>
        </div>
        <div class="col-md-6 mb-4">
            <div class="card shadow bg-dark bg-opacity-75 text-white">
                <div class="card-body">
                    <h3 class="mb-4">Наши преимущества</h3>
                    <ul class="list-unstyled">
                        <li class="mb-3"><i class="fas fa-car-side text-primary me-2"></i>Современный автопарк с автомобилями разных классов</li>
                        <li class="mb-3"><i class="fas fa-chalkboard-teacher text-success me-2"></i>Опытные преподаватели теории и практики</li>
                        <li class="mb-3"><i class="fas fa-clock text-info me-2"></i>Гибкий график занятий, включая выходные дни</li>
                        <li class="mb-3"><i class="fas fa-map-marker-alt text-danger me-2"></i>Удобное расположение в центре города</li>
                        <li class="mb-3"><i class="fas fa-percentage text-warning me-2"></i>Высокий процент успешной сдачи экзаменов</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    {% if not user.is_authenticated %}
        <div class="row mt-4">
            <div class="col-md-6 offset-md-3">
                <div class="card shadow bg-dark bg-opacity-75 text-white">
                    <div class="card-body text-center">
                        <h3>Начните обучение прямо сейчас!</h3>
                        <p class="lead">Быстрая регистрация за 2 минуты</p>
                        <form method="post" action="{% url 'accounts:register' %}" class="mb-3">
                            {% csrf_token %}
                            <div class="mb-3">
                                <input type="text" name="username" class="form-control bg-dark text-white border-secondary" placeholder="Имя пользователя" required>
                            </div>
                            <div class="mb-3">
                                <input type="email" name="email" class="form-control bg-dark text-white border-secondary" placeholder="Email" required>
                            </div>
                            <div class="mb-3">
                                <input type="password" name="password1" class="form-control bg-dark text-white border-secondary" placeholder="Пароль" required>
                            </div>
                            <button type="submit" class="btn btn-primary btn-lg w-100">
                                <i class="fas fa-user-plus me-2"></i>Зарегистрироваться
                            </button>
                        </form>
                        <p>Уже есть аккаунт? <a href="{% url 'accounts:login' %}" class="text-white">Войти</a></p>
                    </div>
                </div>
            </div>
        </div>
    {% endif %}
</div>
{% endblock %}