<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Region Management</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.min.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/regions.css') }}">
</head>
<body>
    <div class="container mt-4">
        <div class="row">
            <!-- Левый контейнер со списком регионов -->
            <div class="col-md-6">
                <h3>Список Регионов</h3>
                <div class="list-group" id="region-list">
                    <!-- Список регионов будет добавляться сюда -->
                </div>
                <!-- Пагинация -->
                <nav aria-label="Page navigation">
                    <ul class="pagination" id="pagination">
                        <!-- Кнопки пагинации будут добавляться сюда -->
                    </ul>
                </nav>
            </div>
            <!-- Правый контейнер с информацией о пользователях -->
            <div class="col-md-6">
                <h3>Пользователи</h3>
                <div id="curent-region">

                </div>
                <div id="user-info">
                    <!-- Информация о пользователях будет добавляться сюда -->
                </div>
                <ul id="user-list">
                    <!-- Список пользователей будет добавляться сюда -->
                </ul>
                <!-- Кнопки управления регионами -->

                <div class="d-flex justify-content-end mt-3">
                    <button type="button" class="btn btn-danger me-2" id="delete-region">Удалить регион</button>
                    <button type="button" class="btn btn-warning me-2" id="disable-region">Отключить регион</button>
                    <button type="button" class="btn btn-success" id="activate-region">Активировать регион</button>
                </div>
            </div>
        </div>
    </div>

    <script src="{{ url_for('static', filename='js/jquery-3.6.0.min.js') }}"></script>
    <script src="{{ url_for('static', filename='js/bootstrap.bundle.min.js') }}"></script>
    <script src="{{ url_for('static', filename='js/regions.js') }}"></script>
</body>
</html>
