<!-- ===== Users Tab ===== -->
<div class="card create-card">
    <h2>Новый пользователь</h2>
    <form id="create-form">
        <div class="form-row">
            <div class="form-group">
                <label for="new-username">Имя пользователя</label>
                <input type="text" id="new-username" placeholder="Имя пользователя" autocomplete="username" required>
            </div>
            <div class="form-group">
                <label for="new-password">Пароль</label>
                <input type="password" id="new-password" placeholder="Минимум 8 символов" autocomplete="new-password" required>
            </div>
            <div class="form-group">
                <label for="new-role">Роль</label>
                <select id="new-role">
                    <option value="STUDENT">Студент</option>
                    <option value="TEACHER">Преподаватель</option>
                    <option value="DEPARTMENT">Кафедра</option>
                    <option value="EDUCATION_OFFICE">Учебный отдел</option>
                    <option value="SCHEDULE_VIEWER">Просмотр расписаний</option>
                    <option value="ADMIN">Администратор</option>
                </select>
            </div>
            <div class="form-group">
                <label for="new-fullname">ФИО пользователя</label>
                <input type="text" id="new-fullname" placeholder="Иванов Иван Иванович" required>
            </div>
            <div class="form-group">
                <label for="new-jobtitle">Должность</label>
                <input type="text" id="new-jobtitle" placeholder="Студент / Доцент" required>
            </div>
            <div class="form-group">
                <label for="new-department">ID Кафедры</label>
                <input type="number" id="new-department" placeholder="ID" required>
            </div>
            <button type="submit" class="btn btn-md btn-primary">Создать</button>
        </div>
        <div class="form-alert" id="create-alert" role="alert"></div>
    </form>
</div>

<div class="card">
    <h2>Все пользователи</h2>
    <div class="table-wrap">
        <table id="users-table">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Имя пользователя</th>
                    <th>ФИО</th>
                    <th>Должность</th>
                    <th>Кафедра</th>
                    <th>Роль</th>
                    <th>Действия</th>
                </tr>
            </thead>
            <tbody id="users-tbody">
                <tr>
                    <td colspan="7" class="loading-row">Загрузка...</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>
