{% include 'web/include_comman/header.html' %}
 <!-- Sidebar -->
 {% include 'web/include_comman/sidebar.html' with active_tab='dashboard_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 -->
         <div class="container-fluid">

             <!-- Page Heading -->
             <div class="d-sm-flex align-items-center justify-content-between mb-4">
                 <h1 class="h3 mb-0 text-dark-900">Dashboard</h1>
                 {% comment %} <a href="#" class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm"><i
                         class="fas fa-download fa-sm text-white-50"></i> Generate Report</a> {% endcomment %}
             </div>

             <!-- Content Row -->
             <div class="row">


          <!-- Earnings (Monthly) Card Example -->
          <!-- Sub Admin Card -->
          {% if request.user.roles_id == 1  %}
          
          <div class="col-xl-3 col-md-6 mb-4 mag-cat-container">
             <div class="card border-left-success shadow h-100 py-2">
                 <div class="card-body">
                     <a href="{% url 'web:sub_admin_view' %}" class="a_view">
                     <div class="row no-gutters align-items-center">
                         <div class="col mr-2">
                             <div class="text-xs font-weight-bold text-success text-uppercase mb-1">
                                 Sub Admins</div>
                             <div class="h5 mb-0 font-weight-bold text-gray-800">{{sub_admins}}</div>
                         </div>
                         <div class="col-auto">
                             <i class="fas fa-users fa-2x text-gray-300"></i>
                         </div>
                     </div>
                 </a>
                 </div>
             </div>
         </div>
         {% endif %}
         {% if request.user.roles_id == 1  or request.user.roles_id == 2 %}
          <!-- Publishers Card -->
          <div class="col-xl-3 col-md-6 mb-4 mag-cat-container">
             <div class="card border-left-info shadow h-100 py-2">
                 <div class="card-body">
                     <a href="{% url 'web:publisher_view' %}" class="a_view">
                     <div class="row no-gutters align-items-center">
                         <div class="col mr-2">
                             <div class="text-xs font-weight-bold text-info text-uppercase mb-1">
                                 Publishers</div>
                             <div class="h5 mb-0 font-weight-bold text-gray-800">{{publishers}}</div>
                         </div>
                         <div class="col-auto">
                             <i class="fas fa-users fa-2x text-gray-300"></i>
                         </div>
                     </div>
                 </a>
                 </div>
             </div>
         </div>
         {% endif %}
         {% if request.user.roles_id == 3 %}
          <!-- Sub Publishers Card -->
          <div class="col-xl-3 col-md-6 mb-4 mag-cat-container">
             <div class="card border-left-warning shadow h-100 py-2">
                 <div class="card-body">
                     <a href="{% url 'web:sub_publisher_view' %}" class="a_view">
                     <div class="row no-gutters align-items-center">
                         <div class="col mr-2">
                             <div class="text-xs font-weight-bold text-warning text-uppercase mb-1">
                                 Sub Publishers</div>
                             <div class="h5 mb-0 font-weight-bold text-gray-800">{{sub_publishers}}</div>
                         </div>
                         <div class="col-auto">
                             <i class="fas fa-users fa-2x text-gray-300"></i>
                         </div>
                     </div>
                 </a>
                 </div>
             </div>
         </div>
         {% endif %}
         {% if request.user.roles_id == 1  or request.user.roles_id == 2 %}
          <div class="col-xl-3 col-md-6 mb-4 mag-cat-container">
              <div class="card border-left-primary shadow h-100 py-2">
                  <div class="card-body">
                     <a href="{% url 'web:system_category_view' %}" class="a_view">
                      <div class="row no-gutters align-items-center">
                          <div class="col mr-2">
                              <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
                                  System Categories</div>
                              <div class="h5 mb-0 font-weight-bold text-gray-800">{{system_category}}</div>
                          </div>
                          <div class="col-auto">
                              <i class="fas fa-server fa-2x text-gray-300"></i>
                          </div>
                      </div>
                     </a>
                  </div>
              </div>
          </div>
          {% endif %}
          {% if request.user.roles_id == 1  or request.user.roles_id == 2 %}
          <!-- Earnings (Monthly) Card Example -->
          <div class="col-xl-3 col-md-6 mb-4 mag-cat-container">
              <div class="card border-left-success shadow h-100 py-2">
                  <div class="card-body">
                     <a href="{% url 'web:magazine_category_view' %}" class="a_view">
                      <div class="row no-gutters align-items-center">
                          <div class="col mr-2">
                              <div class="text-xs font-weight-bold text-success text-uppercase mb-1">
                                  Magazine Categories</div>
                              <div class="h5 mb-0 font-weight-bold text-gray-800">{{magazine_category}}</div>
                          </div>
                          <div class="col-auto">
                              <i class="fas fa-book fa-2x text-gray-300"></i>
                          </div>
                      </div>
                     </a>
                  </div>
              </div>
          </div>
          {% endif %}
          <!-- Earnings (Monthly) Card Example -->
          <!-- Magazine Card-->
          <div class="col-xl-3 col-md-6 mb-4 mag-cat-container">
              <div class="card border-left-info shadow h-100 py-2">
                  <div class="card-body">
                     <a href="{% url 'web:magazine_info_view' %}" class="a_view">
                      <div class="row no-gutters align-items-center">
                          <div class="col mr-2">
                              <div class="text-xs font-weight-bold text-info text-uppercase mb-1">Magazines
                              </div>
                              <div class="row no-gutters align-items-center">
                                  <div class="col-auto">
                                      <div class="h5 mb-0 mr-3 font-weight-bold text-gray-800">{{magazine_info}}</div>
                                  </div>
                                  {% comment %} <div class="col">
                                      <div class="progress progress-sm mr-2">
                                          <div class="progress-bar bg-info" role="progressbar"
                                              style="width: 50%" aria-valuenow="50" aria-valuemin="0"
                                              aria-valuemax="100"></div>
                                      </div>
                                  </div> {% endcomment %}
                              </div>
                          </div>
                          <div class="col-auto">
                              <i class="fas fa-book fa-2x text-gray-300"></i>
                          </div>
                      </div>
                     </a>
                  </div>
              </div>
          </div>

          <!-- Pending Requests Card Example -->
          <!-- Authors Card-->
          {% comment %} <div class="col-xl-3 col-md-6 mb-4 mag-cat-container">
              <div class="card border-left-warning shadow h-100 py-2">
                  <div class="card-body">
                     <a href="{% url 'web:magazine_pages_view' %}" class="a_view">
                      <div class="row no-gutters align-items-center">
                          <div class="col mr-2">
                              <div class="text-xs font-weight-bold text-warning text-uppercase mb-1">
                                 Magazine Pages</div>
                              <div class="h5 mb-0 font-weight-bold text-gray-800">{{magazine_pages}}</div>
                          </div>
                          <div class="col-auto">
                              <i class="fas fa-book fa-2x text-gray-300"></i>
                          </div>
                      </div>
                     </a>
                  </div>
              </div>
          </div> {% endcomment %}
          <!-- Langugae Card-->
          <div class="col-xl-3 col-md-6 mb-4 mag-cat-container">
             <div class="card border-left-primary shadow h-100 py-2">
                 <div class="card-body">
                     <a href="{% url 'web:author_view' %}" class="a_view">
                     <div class="row no-gutters align-items-center">
                         <div class="col mr-2">
                             <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
                                 Authors</div>
                             <div class="h5 mb-0 font-weight-bold text-gray-800">{{author}}</div>
                         </div>
                         <div class="col-auto">
                             <i class="fas fa-users fa-2x text-gray-300"></i>
                         </div>
                     </div>
                 </a>
                 </div>
             </div>
         </div>
      
      {% comment %} {% if request.user.roles_id == 1  or request.user.roles_id == 2 %}
       <!-- Earnings (Monthly) Card Example -->
       <div class="col-xl-3 col-md-6 mb-4 mag-cat-container" >
         <div class="card border-left-success shadow h-100 py-2">
             <div class="card-body">
                 <a href="{% url 'web:languages_view' %}" class="a_view">
                 <div class="row no-gutters align-items-center">
                     <div class="col mr-2">
                         <div class="text-xs font-weight-bold text-success text-uppercase mb-1">
                             Languages</div>
                         <div class="h5 mb-0 font-weight-bold text-gray-800">{{languages}}</div>
                     </div>
                     <div class="col-auto">
                         <i class="fas fa-language fa-2x text-gray-300"></i>
                     </div>
                 </div>
             </a>
             </div>
         </div>
     </div>
     {% endif %} {% endcomment %}

     {% if request.user.roles_id == 1  or request.user.roles_id == 2 %}
     {% comment %} # Subscription Card {% endcomment %}
     <div class="col-xl-3 col-md-6 mb-4 mag-cat-container">
        <div class="card border-left-info shadow h-100 py-2">
            <div class="card-body">
               <a href="{% url 'web:subscription_view' %}" class="a_view">
                <div class="row no-gutters align-items-center">
                    <div class="col mr-2">
                        <div class="text-xs font-weight-bold text-info text-uppercase mb-1">Subscriptions
                        </div>
                        <div class="row no-gutters align-items-center">
                            <div class="col-auto">
                                <div class="h5 mb-0 mr-3 font-weight-bold text-gray-800">{{subscriptions}}</div>
                            </div>
                            {% comment %} <div class="col">
                                <div class="progress progress-sm mr-2">
                                    <div class="progress-bar bg-info" role="progressbar"
                                        style="width: 50%" aria-valuenow="50" aria-valuemin="0"
                                        aria-valuemax="100"></div>
                                </div>
                            </div> {% endcomment %}
                        </div>
                    </div>
                    <div class="col-auto">
                        <i class="fas fa-dollar-sign fa-2x text-gray-300"></i>
                    </div>
                </div>
               </a>
            </div>
        </div>
    </div>
    {% endif %}

    <!-- Pending Requests Card Example -->
    <!-- Offers Card-->
    {% if request.user.roles_id == 1  or request.user.roles_id == 2 %}
    <div class="col-xl-3 col-md-6 mb-4 mag-cat-container">
        <div class="card border-left-warning shadow h-100 py-2">
            <div class="card-body">
               <a href="{% url 'web:offers_view' %}" class="a_view">
                <div class="row no-gutters align-items-center">
                    <div class="col mr-2">
                        <div class="text-xs font-weight-bold text-warning text-uppercase mb-1">
                           Offers</div>
                        <div class="h5 mb-0 font-weight-bold text-gray-800">{{offers}}</div>
                    </div>
                    <div class="col-auto">
                        <i class="fas fa-percent fa-2x text-gray-300"></i>
                    </div>
                </div>
               </a>
            </div>
        </div>
    </div>

    {% endif %}
    {% comment %} {% if request.user.roles_id == 1  or request.user.roles_id == 2 %} {% endcomment %}
    <!-- Sell Card-->
    {% comment %} <div class="col-xl-3 col-md-6 mb-4 mag-cat-container">
       <div class="card border-left-primary shadow h-100 py-2">
           <div class="card-body">
               <a href="{% url 'web:sells_view' %}" class="a_view">
               <div class="row no-gutters align-items-center">
                   <div class="col mr-2">
                       <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
                           Sells</div>
                       <div class="h5 mb-0 font-weight-bold text-gray-800">{{admin_earning_amt|floatformat:2}}</div>
                   </div>
                   <div class="col-auto">
                       <i class="fas fa-coins fa-2x text-gray-300"></i>
                   </div>
               </div>
           </a>
           </div>
       </div>
   </div> {% endcomment %}
   {% comment %} {% endif %} {% endcomment %}
{% comment %} >>>>>>> Stashed changes {% endcomment %}

             <!-- Content Row -->
         </div>
         <!-- /.container-fluid -->

     </div>
 </div>
     <!-- End of Main Content -->
     <style>
         h1{
             color:black !important;
         }
         .a_view{
             text-decoration:none !important;
         }
         .mag-cat-container:hover{
             transition-duration: 1s;
             transform: scale(1.1) !important;
             cursor: pointer;
         }
     </style>
     <!-- Footer -->
     {% include 'web/include_comman/footer.html' %}