{% extends "base.html" %}

{% block title %}Личный кабинет - Python Web Компилятор{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2 class="mb-0">Личный кабинет</h2>
    <a href="{{ url_for('new_notebook') }}" class="btn btn-primary">
        <i class="bi bi-journal-plus me-1"></i>Создать блокнот
    </a>
</div>

{% if notebooks %}
    <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
        {% for notebook in notebooks %}
            <div class="col">
                <div class="card h-100 notebook-item">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-start mb-2">
                            <h5 class="card-title mb-0">{{ notebook.title }}</h5>
                            {% if notebook.is_public %}
                                <span class="badge bg-success">Публичный</span>
                            {% else %}
                                <span class="badge bg-secondary">Приватный</span>
                            {% endif %}
                        </div>
                        <p class="card-text text-muted small">
                            <i class="bi bi-calendar me-1"></i>Создан: {{ notebook.created_at.strftime('%d.%m.%Y') }}<br>
                            <i class="bi bi-clock me-1"></i>Обновлен: {{ notebook.updated_at.strftime('%d.%m.%Y') }}
                        </p>
                    </div>
                    <div class="card-footer bg-transparent border-0">
                        <div class="d-flex gap-2">
                            <a href="{{ url_for('edit_notebook', notebook_id=notebook.id) }}" class="btn btn-outline-primary btn-sm flex-fill">
                                <i class="bi bi-pencil me-1"></i>Редактировать
                            </a>
                            <a href="{{ url_for('view_notebook', notebook_id=notebook.id) }}" class="btn btn-outline-secondary btn-sm flex-fill">
                                <i class="bi bi-eye me-1"></i>Просмотр
                            </a>
                        </div>
                        <form method="POST" action="{{ url_for('delete_notebook', notebook_id=notebook.id) }}" class="mt-2">
                            <button type="submit" class="btn btn-outline-danger btn-sm w-100" onclick="return confirm('Вы уверены, что хотите удалить этот блокнот?')">
                                <i class="bi bi-trash me-1"></i>Удалить
                            </button>
                        </form>
                    </div>
                </div>
            </div>
        {% endfor %}
    </div>
{% else %}
    <div class="card">
        <div class="card-body text-center py-5">
            <i class="bi bi-journal-text" style="font-size: 3rem; color: #adb5bd;"></i>
            <h4 class="mt-3">У вас пока нет блокнотов</h4>
            <p class="text-muted">Создайте свой первый блокнот, чтобы начать кодировать</p>
            <a href="{{ url_for('new_notebook') }}" class="btn btn-primary">
                <i class="bi bi-journal-plus me-1"></i>Создать блокнот
            </a>
        </div>
    </div>
{% endif %}
{% endblock %}