{% extends "admin/baseadmin.html" %}

{% block title %}
{% if user.role == 'manager' %}
   Manager Dashboard
{% else %}
    Admin Dashboard
{% endif %}
{% endblock %}

{% block content %}
<style>
.row {
    margin-left: 0px;
}
.card.flex-fill {
    margin-left: 9px;
}
.card.flex-fill.w-100 {
    margin-left: 9px;
}
a.sidebar-toggle.js-sidebar-toggle {
    margin-left: 5px;
}
.navbar-expand .navbar-nav {
    float: inline-end;
}
.card-body.py-3.Recent-Movement {
    height: 217px;
}
canvas#chartjs-dashboard-line {
    height: 195px !important;
}
.flatpickr-innerContainer {
    box-sizing: border-box;
    display: block;
    display: flex;
    overflow: hidden;
    flex-direction: column;
}
.card-title {
    font-size: 14px;
}
span.align-middle {
    color: #fff;
    font-weight: 600;
}
a.sidebar-link {
    color: #bdbaba;
}
</style>
<div class="container-fluid p-0">
    <h1 class="h3" style="margin-top: 17px;
    margin-buttom: 2px;
    margin-bottom: 17px;
    margin-left: 26px;">
        {% if user.role == 'manager' %}
            <strong>Manager</strong> Dashboard</h1>

        {% elif user.role == 'Company Admin' %}
            <strong>Company Admin</strong> Dashboard</h1>
            
            {% elif user.role == 'Bescaled Admin' %}
             <strong>Bescaled Admin</strong> Dashboard</h1>
               {% elif user.role == 'Company Internal Auth User' %}
             <strong>Company Internal Auth User</strong> Dashboard</h1>
        {% else %}
            <strong>Admin</strong> Dashboard</h1>
        {% endif %}

    <div class="row">
        <!-- Analytics Section -->
        {% include "dashboard/analytics.html" %}
        
        <!-- Recent Movement Section -->
        {% include "dashboard/recent_movement.html" %}
    </div>
    <div class="row">
        <!--Reporting
        {% include "dashboard/reporting.html" %}-->
        <!-- Monthly Sales Section -->
        {% include "dashboard/browser_usage.html" %}
        {% include "dashboard/monthly_sales.html" %}
    </div>
    <div class="row">
        <!-- Browser Usage Section -->
        

        <!-- Opportunity of the Week Section 
        {% include "dashboard/opportunity.html" %}-->

        <!-- Calendar Section -->
        {% include "dashboard/calendar.html" %}
    </div>
    
    
</div>
{% endblock %}