{% include 'web/include_comman/header.html' %}

        <!-- Sidebar -->
        {% include 'web/include_comman/sidebar.html' with active_tab='report_active'%}
        <!-- End of Sidebar -->

        <!-- Content Wrapper -->
        <div id="content-wrapper" class="d-flex flex-column">

            <!-- Main Content -->
            <div id="content">

                <!-- Topbar -->
                {% include 'web/include_comman/right_top.html' %}
                <!-- End of Topbar -->

                <!-- Begin Page Content -->
                <!-- Begin Page Content -->
                <div class="container-fluid">

                  <!-- Page Heading -->
                  <h1 class="h3 mb-2 text-gray-800">Sales Report</h1>

                  <!-- Content Row -->
                  <div class="row">
                    {% include 'web/message.html' %}

                      <div class="col-xl-7 col-lg-6">
                          <div class="card shadow mb-4">
                              <!-- Top Selling Magazines-->
                              {% include 'web/reports/top_sell_magazines.html' %}
                          </div>
                      </div>
                      <div class="col-xl-5 col-lg-6">
                        <div class="card shadow mb-4 " style="height:95%;">
                          <!--User Count-->
                          {% include 'web/reports/top_magazine_category.html' %}
                        </div>
                      </div>

                      <div class="col-xl-7 col-lg-6">
                        
                        {% include 'web/reports/data_details.html' %}
                      </div>
                      {% if request.user.roles_id == 1 or request.user.roles_id == 2 %}
                      <div class="col-xl-5 col-lg-6">
                          <div class="card shadow mb-4">
                            <!--User Count-->
                            {% include 'web/reports/user_count.html' %}
                          </div>
                      </div>
                      {% endif %}
                </div>

              </div>
              <div class="container-fluid">
              </div>
              <!-- /container-fluid -->
          </div>
            <!-- End of Main Content -->
            
            {% include 'web/include_comman/footer.html' %}