<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ILS Password Manager</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='bootstrap-5.3.0-alpha1-dist/css/bootstrap.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='RemixIcon_Fonts_v2.5.0/fonts/remixicon.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='app.css') }}">
    <script src="{{ url_for('static', filename='bootstrap-5.3.0-alpha1-dist/js/bootstrap.bundle.js') }}"></script>
    <script src="{{ url_for('static', filename='bootstrap-5.3.0-alpha1-dist/js/popper.min.js') }}"></script>
</head>
<body>
    <div class="container mb-5">
        <div class="row mt-5">
            <div class="col-4 text-start">

            </div>
            <div class="col-4 text-center">
                <h1>ILS Password Manager</h1>
            </div>
            <div class="col-4 text-end">
                <a class="btn btn-danger text-white" href="{{ url_for('logout') }}"><i class="ri-logout-box-line"></i> Logout</a>
            </div>
        </div>
        <div class="row mt-5 g-0 shadow bg-white">
            <div class="col-2 border" style="min-height:50vh;">
                <ul class="nav flex-column">
                    <li class="nav-item">
                        <a class="nav-link bg-light text-dark border-bottom" href="{{ url_for('admin') }}"><i class="ri-dashboard-fill"></i> Admin Dashboard</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link bg-light text-dark border-bottom" href="{{ url_for('admin_users') }}"><i class="ri-shield-user-line"></i> Admin Users</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link bg-light text-dark border-bottom" href="{{ url_for('admin_ils_users') }}"><i class="ri-shield-user-fill"></i> ILS Users</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link bg-light text-dark border-bottom" href="{{ url_for('schedule') }}"><i class="ri-time-line"></i> Schedule</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link bg-light text-dark border-bottom" href="{{ url_for('system_log') }}"><i class="ri-file-list-3-line"></i> System Log</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link bg-light text-dark border-bottom" href="{{ url_for('password_reset_log') }}"><i class="ri-file-list-3-line"></i> Password Reset Log</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link bg-light text-dark border-bottom" href="{{ url_for('settings') }}"><i class="ri-settings-5-line"></i> Settings</a>
                    </li>
                </ul>
            </div>
            <div class="col-10 border-top border-end border-bottom p-3">
                {% block content %}{% endblock %}
            </div>
        </div>
    </div>
    <script>
        const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
        const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
    </script>
</body>
</html>