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

{% block title %}Профиль - Автошкола{% endblock %}

{% block content %}
<div class="container">
    <div class="row">
        <div class="col-md-4">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">Информация о пользователе</h5>
                    <p><strong>Имя пользователя:</strong> {{ user.username }}</p>
                    <p><strong>Email:</strong> {{ user.email }}</p>
                    <p><strong>Имя:</strong> {{ user.first_name }}</p>
                    <p><strong>Фамилия:</strong> {{ user.last_name }}</p>
                    <p><strong>Тип пользователя:</strong> {{ user.profile.get_user_type_display }}</p>
                    <p><strong>Телефон:</strong> {{ user.profile.phone }}</p>
                    <p><strong>Адрес:</strong> {{ user.profile.address }}</p>
                    <p><strong>Дата рождения:</strong> {{ user.profile.birth_date }}</p>
                    <a href="{% url 'accounts:profile_update' %}" class="btn btn-primary">Редактировать профиль</a>
                </div>
            </div>
        </div>
        
        <div class="col-md-8">
            {% if user.profile.user_type == 'student' %}
                <div class="card mb-4">
                    <div class="card-body">
                        <h5 class="card-title">Прогресс обучения</h5>
                        <div class="progress mb-3">
                            <div class="progress-bar" role="progressbar" style="width: {{ user.student.progress }}%">
                                {{ user.student.progress }}%
                            </div>
                        </div>
                        <a href="{% url 'student_progress' %}" class="btn btn-outline-primary">Подробнее</a>
                    </div>
                </div>
                
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">Ближайшие занятия</h5>
                        <!-- Здесь будет список ближайших занятий -->
                    </div>
                </div>
            {% elif user.profile.user_type == 'instructor' %}
                <div class="card mb-4">
                    <div class="card-body">
                        <h5 class="card-title">Расписание занятий</h5>
                        <!-- Здесь будет расписание занятий -->
                    </div>
                </div>
                
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">Список студентов</h5>
                        <!-- Здесь будет список студентов -->
                    </div>
                </div>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}