      <div class="row">

        <div class="col-12">
          <div class="alert alert-info" role="alert">
            <h4>Showing <b><?php echo ucfirst($data["service"]); ?></b> Sales Analysis From <?php echo $data["datefrom"]; ?> To <b><?php echo $data["dateto"]; ?></b></h4>
          </div>
        </div>

        <div class="col-12">
          <div class="box">

            <div class="row no-gutters py-2">
              <div class="col-12 col-lg-4">
                <div class="box-body br-1 border-light no-radius">
                  <div class="d-flex align-items-center justify-content-between">
                    <div>
                      <i class="fa fa-bar-chart text-primary font-size-50"></i><br>
                    </div>
                    <div>
                      <h2 class="text-primary my-0 text-right"><?php echo $data["transactions"]; ?></h2>
                      <p class="mb-0 text-muted text-right">Transactions</p>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-12 col-lg-4">
                <div class="box-body br-1 border-light no-radius">
                  <div class="d-flex align-items-center justify-content-between">
                    <div>
                      <i class="fa fa-area-chart text-info font-size-50"></i><br>
                    </div>
                    <div>
                      <h2 class="text-info my-0 text-right">N<?php echo $data["sales"]; ?> </h2>
                      <p class="mb-0 text-muted text-right">Total Sales</p>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-12 col-lg-4">
                <div class="box-body br-1 border-light no-radius">
                  <div class="d-flex align-items-center justify-content-between">
                    <div>
                      <i class="fa fa-money text-success font-size-50"></i><br>
                    </div>
                    <div>
                      <h2 class="text-success my-0 text-right">N<?php echo $data["profit"]; ?> </h2>
                      <p class="mb-0 text-muted text-right">Total Profit</p>
                    </div>
                  </div>
                </div>
              </div>

            </div>
          </div>
        </div>

      </div>

      <?php include($data["service"] . "-sale-analysis.php"); ?>

      <!-- Add New User Modal -->
      <div class="modal modal-fill fade" data-backdrop="false" id="filterSearch" tabindex="-1">
        <div class="modal-dialog">
          <div class="modal-content border">
            <div class="modal-header bg-info">
              <h5 class="modal-title">Search Filter </h5>
            </div>
            <div class="modal-body">
              <form method="POST" class="form-submit row">

                <div class="form-group col-12">
                  <label for="success" class="control-label">Service</label>
                  <div class="">
                    <select class="form-control" name="service" required="required">
                      <option value="All">All Service</option>
                      <option value="Airtime">Airtime</option>
                      <option value="Data">Data Bundle</option>
                    </select>
                  </div>
                </div>

                <div class="form-group  col-md-6">
                  <label for="success" class="control-label">Date From</label>
                  <div class="">
                    <input type="date" name="datefrom" placeholder="Date From" class="form-control" required="required">
                  </div>
                </div>

                <div class="form-group  col-md-6">
                  <label for="success" class="control-label">Date To</label>
                  <div class="">
                    <input type="date" name="dateto" placeholder="Date To" class="form-control" required="required">
                  </div>
                </div>

                <div class="form-group col-12">
                  <div class="d-flex justify-content-between">
                    <button type="submit" name="filterSalesResult" class="btn btn-info btn-submit"><i class="fa fa-search" aria-hidden="true"></i> Search</button>
                    <button type="button" class="btn btn-bold btn-pure btn-secondary" data-dismiss="modal">Close</button>
                  </div>
                </div>
              </form>

            </div>
          </div>
        </div>
      </div>
      <!-- /.modal -->