{% block content %}

<div id="sidebar">
    <div class="siderbar-logo text-center py-4 primary-text fs-4 fw-bold text-white">
        <a href="{% url 'index' %}" class="text-decoration-none text-white"><i class="fas fa-university pr-2"></i>RIFS-Reading</a>
    </div>
    <div id="siderbar-menu" class="list-group list-group-flush my-3 mx-4">
        <a href="{% url 'dashboard:dashboard' %}" class="list-group-item list-group-item-action fw-bold text-white"><i
                class="fas fa-home me-2"></i>Home</a>
        <a href="" class="list-group-item list-group-item-action fw-bold text-white"><i
                class="fas fa-user-friends me-2"></i>Classrooms</a>
        <a href="{% url 'student_info:students' %}" class="list-group-item list-group-item-action fw-bold text-white"><i
                class="fas fa-user-friends me-2"></i>Students</a>
        <a href="" class="list-group-item list-group-item-action fw-bold text-white"><i
                class="fas fa-pen me-2"></i>Tests</a>
        <a href="#" class="list-group-item list-group-item-action fw-bold text-white"><i
                class="fas fa-cog me-2"></i>Account</a>
    </div>
</div>
<div class="flex-xxl-column content w-100">
    <div id="navbar" class="navbar navbar-dark bg-dark">
        <i class="fas fa-align-left primary-text fs-4 ms-3 me-3 text-white" id="siderbar-toggle"></i>
        <h2 class="fs-2 m-0 me-auto text-white">Dashboard</h2>
        <h2 class="fs-5 m-0 text-white">
            <i class="fas fa-user text-white pe-1"></i> {{ user.first_name }},
        </h2>
        <a href="{% url 'users:logout' %}" class="text-decoration-none">
            <h3 class="fs-5 m-0 ms-auto text-white ps-2 pe-3">Logout</h3>
        </a>
    </div>

{% endblock content %}