Sindbad~EG File Manager

{% extends 'BO/layout.html' %}
{% block title %} Dashboard {% endblock %}
{% block content %}
<div class="container p-5">
    <h1>Dashboard</h1>
    <hr width="15%" class="line" />
    <div class="row">
        <div class="col-xl-4 col-xl-4 col-sm-12 pb-4">
            <div class="card h-100 " id="dashboard_card">
                <div class="card-body">
                    <div class="row h3 h-100 align-items-center">
                        <div class="col-6">
                            Total User
                        </div>
                        <div class="col-6 d-flex justify-content-end">
                            {{ qes_data.total_users or 0 }}
                        </div>
                    </div>
                    <!-- <hr class="line" />
                    <div class="text-center">
                        <a href="#"> View </a>
                    </div> -->
                </div>
            </div>
        </div>
        <div class="col-xl-4 col-xl-4 col-sm-12 pb-4">
            <div class="card" id="dashboard_card">
                <div class="card-body">
                    <div class="row h3">
                        <div class="col-8">
                            Total Questions
                        </div>
                        <div class="col-4 d-flex justify-content-end">
                            {{ qes_data.total_quesitons or 0 }}
                        </div>
                    </div>
                    <hr class="line" />
                    <div class="text-center">
                        <a href="{{url_for('bo.Question_index',status_id='0,1,2')}}"> View </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-4 col-xl-4 col-sm-12 pb-4">
            <div class="card" id="dashboard_card">
                <div class="card-body">
                    <div class="row h3">
                        <div class="col-8">
                            Total Sessions
                        </div>
                        <div class="col-4 d-flex justify-content-end">
                            {{ session_data.total_sessions or 0 }}
                        </div>
                    </div>
                    <hr class="line" />
                    <div class="text-center"> 
                        <a href="{{url_for('bo.Session_index')}}"> View </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-xl-4 col-xl-4 col-sm-12 pb-4">
            <div class="card" id="incomple_card">
                <div class="card-body">
                    <div class="row">
                        <h3 id="incomplete_text">Incomplete</h3>
                        <div class="col-6 pb-1">
                            Questions
                        </div>
                        <div class="col-6 d-flex justify-content-end">
                            {{ qes_data.incomplete or 0 }}
                        </div>
                    </div>
                    <hr class="line" />
                    <div class="text-center">
                        <a href="{{url_for('bo.Question_index',status_id=0)}}"> View </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-4 col-xl-4 col-sm-12 pb-4">
            <div class="card" id="submitted_card">
                <div class="card-body">
                    <div class="row">
                        <h3 id="submitted_text">Submitted</h3>
                        <div class="col-6 pb-1">
                            Questions
                        </div>
                        <div class="col-6 d-flex justify-content-end">
                            {{ qes_data.complete or 0 }}
                        </div>
                    </div>
                    <hr class="line" />
                    <div class="text-center">
                        <a href="{{url_for('bo.Question_index',status_id=1)}}"> View </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-4 col-xl-4 col-sm-12 pb-4">
            <div class="card" id="selected_card">
                <div class="card-body">
                    <div class="row">
                        <h3 id="Selected_text">Selected</h3>
                        <div class="col-6 pb-1">
                            Questions
                        </div>
                        <div class="col-6 d-flex justify-content-end">
                            {{ qes_data.selected or 0 }}
                        </div>
                    </div>
                    <hr class="line" />
                    <div class="text-center">
                        <a href="{{url_for('bo.Question_index',status_id=2)}}"> View </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-xl-4 col-xl-4 col-sm-12 pb-4">
            <div class="card" id="upcoming_card">
                <div class="card-body text-center">
                    <h3 id="upcoming_text">Upcoming Session</h3>
                    <h1>{{ session_data.upcoming or 0 }}</h1>
                    <!-- <hr class="line" /> -->
                    <!-- <div class="text-center">
                        <a href="#"> View </a>
                    </div> -->
                </div>
            </div>
        </div>
        <div class="col-xl-4 col-xl-4 col-sm-12 pb-4">
            <div class="card" id="active_card">
                <div class="card-body text-center">
                    <h3 id="active_text">Active Session</h3>
                    <h1>{{ session_data.active_s or 0 }}</h1>
                    <!-- <hr class="line" /> -->
                    <!-- <div class="text-center">
                        <a href="#"> View </a>
                    </div> -->
                </div>
            </div>
        </div>
        <div class="col-xl-4 col-xl-4 col-sm-12 pb-4">
            <div class="card" id="completed_card">
                <div class="card-body text-center">
                    <h3 id="completed_text">Completed Session</h3>
                    <h1>{{ session_data.completed or 0 }}</h1>
                    <!-- <hr class="line" />
                    <div class="text-center">
                        <a href="#"> View </a>
                    </div> -->
                </div>
            </div>
        </div>
    </div>
    <!-- <div class="row">
        <div class="col-xl-4 col-xl-4 col-sm-12 pb-4">
            <div class="card" id="attended_card">
                <div class="card-body text-center">
                    <h3 id="attended_text">Attended Session</h3>
                    <h1>15</h1>
                    <hr class="line" />
                    <center>
                        <a href="#"> View </a>
                    </center>
                </div>
            </div>
        </div>
    </div> -->
</div>
{% endblock %}