<!DOCTYPE html>
<html lang="ru">

<head>
    <meta charset="UTF-8">
    <title>{% block title %}{% endblock %}</title>

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Favicon -->
    <link rel="icon" href="{{ url_for('static', path='favicon.ico') }}">

    <!-- Bootstrap CSS (local) -->
    <link rel="stylesheet" href="{{ url_for('static', path='css/bootstrap.min.css') }}">

    <!-- Bootstrap Icons (local) -->
    <link rel="stylesheet" href="{{ url_for('static', path='icons/bootstrap-icons.css') }}">

    <!-- Base styles -->
    <link rel="stylesheet" href="{{ url_for('static', path='css/base.css') }}">

    {% block head %}{% endblock %}
</head>

<body class="bg-light">

    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <div class="container-fluid">
            <a class="navbar-brand" href="/">ЭДО для MEDODS</a>

            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav ms-auto">
                    <li class="nav-item" id="nav-login">
                        <a class="nav-link" href="/login" data-path="/login">
                            <i class="bi bi-box-arrow-in-right"></i> Вход
                        </a>
                    </li>

                    <li class="nav-item" id="nav-settings">
                        <a class="nav-link" href="/settings/" data-path="/settings/">
                            <i class="bi bi-gear"></i> Настройки</a>
                    </li>

                    <li class="nav-item" id="nav-staff">
                        <a class="nav-link" href="/staff/" data-path="/staff/">
                            <i class="bi bi-file-earmark-lock2"></i> МЧД и УКЭП</a>
                    </li>

                    <li class="nav-item" id="nav-logout">
                        <a class="nav-link" href="/logout">
                            <i class="bi bi-box-arrow-in-left"></i> Выход
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <main class="container py-4">
        {% block body %}{% endblock %}
    </main>

    <!-- Bootstrap JS Bundle (with Popper, local) -->
    <script src="{{ url_for('static', path='js/bootstrap.bundle.min.js') }}"></script>
    <script src="{{ url_for('static', path='js/base.js') }}"></script>

    {% block scripts %}{% endblock %}
</body>

</html>