{% extends 'base.html' %}

{% block title %}{{ school_class.name }} - Python Trainer{% endblock %}

{% block content %}
<nav aria-label="breadcrumb" class="mb-3">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ url_for('teacher.classes') }}">Классы</a></li>
        <li class="breadcrumb-item active">{{ school_class.name }}</li>
    </ol>
</nav>

<div class="d-flex justify-content-between align-items-center mb-4">
    <h2><i class="bi bi-people"></i> {{ school_class.name }}</h2>
    <div>
        <button class="btn btn-outline-secondary me-2" onclick="window.print()">
            <i class="bi bi-printer"></i> Печать
        </button>
        <button class="btn btn-outline-primary me-2" data-bs-toggle="modal" data-bs-target="#importStudentsModal">
            <i class="bi bi-upload"></i> Импорт
        </button>
        <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addStudentModal">
            <i class="bi bi-person-plus"></i> Добавить учеников
        </button>
    </div>
</div>

<div class="row">
    <div class="col-lg-8">
        <div class="card shadow-sm">
            <div class="card-header">
                <h5 class="mb-0">Список учеников</h5>
            </div>
            <div class="card-body">
                {% if school_class.students %}
                <table class="table table-hover" id="studentsTable">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>ФИО</th>
                            <th>Логин</th>
                            <th class="no-print">Действия</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for student in school_class.students %}
                        <tr>
                            <td>{{ loop.index }}</td>
                            <td>{{ student.name }}</td>
                            <td><code>{{ student.login }}</code></td>
                            <td class="no-print">
                                <form method="POST" action="{{ url_for('teacher.delete_student', student_id=student.id) }}"
                                      style="display: inline;"
                                      onsubmit="return confirm('Удалить ученика {{ student.name }}?');">
                                    <button type="submit" class="btn btn-outline-danger btn-sm">
                                        <i class="bi bi-trash"></i>
                                    </button>
                                </form>
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
                {% else %}
                <p class="text-muted mb-0">В классе пока нет учеников.</p>
                {% endif %}
            </div>
        </div>
    </div>

    <div class="col-lg-4 no-print">
        <div class="card shadow-sm">
            <div class="card-header">
                <h5 class="mb-0">Настройки класса</h5>
            </div>
            <div class="card-body">
                <form method="POST" action="{{ url_for('teacher.edit_class', class_id=school_class.id) }}">
                    <div class="mb-3">
                        <label for="editClassName" class="form-label">Название</label>
                        <input type="text" class="form-control" id="editClassName" name="name"
                               value="{{ school_class.name }}" required>
                    </div>
                    <button type="submit" class="btn btn-primary">Сохранить</button>
                </form>
                <hr>
                <form method="POST" action="{{ url_for('teacher.delete_class', class_id=school_class.id) }}"
                      onsubmit="return confirm('Удалить класс {{ school_class.name }}? Все ученики будут удалены!');">
                    <button type="submit" class="btn btn-danger">
                        <i class="bi bi-trash"></i> Удалить класс
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>

<!-- Modal: Добавить учеников -->
<div class="modal fade" id="addStudentModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="POST" action="{{ url_for('teacher.add_students', class_id=school_class.id) }}">
                <div class="modal-header">
                    <h5 class="modal-title">Добавить учеников</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="studentNames" class="form-label">ФИО учеников</label>
                        <textarea class="form-control" id="studentNames" name="names" rows="6"
                                  placeholder="Иванов Иван Иванович
Петров Пётр Петрович
Сидорова Мария Сергеевна" required></textarea>
                        <div class="form-text">Каждый ученик на отдельной строке</div>
                    </div>
                    <div class="alert alert-info mb-0">
                        <i class="bi bi-info-circle"></i> Логины будут сгенерированы автоматически
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
                    <button type="submit" class="btn btn-primary">Добавить</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Modal: Импорт учеников из CSV -->
<div class="modal fade" id="importStudentsModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="POST" action="{{ url_for('teacher.import_students', class_id=school_class.id) }}" enctype="multipart/form-data">
                <div class="modal-header">
                    <h5 class="modal-title">Импорт учеников</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="csvFile" class="form-label">Файл CSV или TXT</label>
                        <input type="file" class="form-control" id="csvFile" name="file"
                               accept=".csv,.txt,.xlsx" required>
                    </div>
                    <div class="alert alert-info mb-0">
                        <small>
                            <i class="bi bi-info-circle"></i>
                            Файл должен содержать ФИО учеников (каждый на новой строке или через запятую/точку с запятой).
                            <br>Поддерживаются форматы: CSV, TXT, Excel (.xlsx)
                        </small>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
                    <button type="submit" class="btn btn-primary">Импортировать</button>
                </div>
            </form>
        </div>
    </div>
</div>
{% endblock %}