{% include 'mfire/include/header.html' %}
   {% include 'mfire/include/topbar.html' %}
    {% include 'mfire/include/sidebar.html' %}
  <!-- Content Wrapper. Contains page content -->
  <style>
.bg-hpcl{
  background-color:#004E8F !important;
  color:#fff;
}


  </style>
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0 text-dark"></h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"></li>
              <!--<li class="breadcrumb-item active">Dashboard</li>-->
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content watermarklogo">
      <div class="container-fluid">
        <!-- Small boxes (Stat box) -->
        <div class="row">
          <div class="col-lg-3 col-6">
            <!-- small box -->
            <div class="small-box bg-primary">
              <div class="inner">
                <h5> All Operator </h5>

                <h5>{{employees}} </h5>
              </div>
              <div class="icon">
                <i class="ion ion-person-add"></i>
              </div>
              <a href="/mfire/all-Operator/" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
            </div>
          </div>
          <!-- ./col -->
          <div class="col-lg-3 col-6">
            <!-- small box -->
            <div class="small-box bg-danger">
              <div class="inner">
                <h5>All Officer </h5>
                <h5>{{clients}} </h5>
              </div>
              <div class="icon">
                  <!--ion-stats-bars -->
                <i class="nav-icon fas fa-chart-pie"></i>
              </div>
              <a href="/mfire/all-Officer/" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
            </div>
          </div>
          <!-- ./col -->
          <!--<div class="col-lg-3 col-6">-->
            <!-- small box -->
          <!--  <div class="small-box bg-warning">-->
          <!--    <div class="inner">-->
          <!--      <h5>{{adv.count}}  All Advertisers </h5>-->

          <!--      <h5>{{adv_pending}}  Pending Advertisers </h5>-->
          <!--    </div>-->
          <!--    <div class="icon">-->
          <!--      <i class="ion ion-person-add"></i>-->
          <!--    </div>-->
          <!--    <a href="/user/advertiser/advertisers/" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>-->
          <!--  </div>-->
          <!--</div>-->
          
          <!-- ./col -->
        </div>
        <!-- /.row -->
        <!-- Main row -->
    <!-- Main content -->
    
    <!-- /.content -->
  </div>
  </div>
  <!-- /.content-wrapper -->
   {% include 'mfire/include/footer.html' %}