<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>EGWASTE</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- Bootstrap 3.3.6 -->
  
  <link rel='stylesheet' href='<?php echo e(asset("bootstrap/css/bootstrap.min.css")); ?>'>
 
 
  <!-- Font Awesome -->
  <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
  -->
  <!-- Ionicons -->
  <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
  -->
  <link rel='stylesheet' href='<?php echo e(asset("font-awesome.min.css")); ?>'>
  <link rel='stylesheet' href='<?php echo e(asset("ionicons.min.css")); ?>'>
  
  
  
  <!-- DataTables -->
  
  <link rel='stylesheet' href='<?php echo e(asset("plugins/datatables/dataTables.bootstrap.css")); ?>'>
  <!-- Theme style -->
  <link rel='stylesheet' href='<?php echo e(asset("dist/css/AdminLTE.min.css")); ?>'>
  <link rel='stylesheet' href='<?php echo e(asset("dist/css/skins/_all-skins.min.css")); ?>'>

  <link rel="stylesheet" href='<?php echo e(asset("plugins/select2/select2.min.css")); ?>'>
  <link rel="icon" type="image/x-icon" href="<?php echo e(asset('dist/img/logo.png')); ?>">



  <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2:wght@400;500;600;700;800&display=swap" rel="stylesheet">



  <style>
  
    


@media  print {
   body {
      -webkit-print-color-adjust: exact;
   }

   .asd {
        background-color: #0000003c !important;
        -webkit-print-color-adjust: exact; 
    }
    
    .anychart-credits-text , .anychart-credits-logo, a{
    display:none !important
    }
}

.anychart-credits-text , .anychart-credits-logo{
    display:none !important
    }


.tooltip0 {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip0 .tooltiptext0 {
  visibility: hidden;
  width: 150px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;

  margin-left: -80px;
  margin-top: -20px;

}

.tooltip0:hover .tooltiptext0 {
  visibility: visible;
}


</style>

</head>
<body class="hold-transition skin-green sidebar-mini sidebar-collapse" >
<div class="wrapper">

<?php echo $__env->make('layouts.header', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<?php echo $__env->make('layouts.sidemenue', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    

    <!-- Main content -->
    <section class="content">
      <?php echo $__env->yieldContent('content'); ?>
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
 <?php echo $__env->make('layouts.footer', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?> 

  <div class="control-sidebar-bg"></div>
</div>
<!-- ./wrapper -->

<!-- jQuery 2.2.3 -->
<script type='text/javascript' src='<?php echo e(asset("plugins/jQuery/jquery-2.2.3.min.js")); ?>'></script>

<!-- Bootstrap 3.3.6 -->
<script type='text/javascript' src='<?php echo e(asset("bootstrap/js/bootstrap.min.js")); ?>'></script>
<!-- DataTables -->
<script type='text/javascript' src='<?php echo e(asset("plugins/datatables/jquery.dataTables.min.js")); ?>'></script>
<script type='text/javascript' src='<?php echo e(asset("plugins/datatables/dataTables.bootstrap.min.js")); ?>'></script>
<script type='text/javascript' src='<?php echo e(asset("plugins/slimScroll/jquery.slimscroll.min.js")); ?>'></script>


<!-- FastClick -->
<script type='text/javascript' src='<?php echo e(asset("plugins/fastclick/fastclick.js")); ?>'></script>
<!-- AdminLTE App -->
<script type='text/javascript' src='<?php echo e(asset("dist/js/app.min.js")); ?>'></script>
<!-- AdminLTE for demo purposes -->
<script type='text/javascript' src='<?php echo e(asset("dist/js/demo.js")); ?>'></script>
<!-- jQuery Knob -->
<script src='<?php echo e(asset("plugins/knob/jquery.knob.js")); ?>'></script>
<!-- Sparkline -->
<script src='<?php echo e(asset("plugins/sparkline/jquery.sparkline.min.js")); ?>'></script>
<!-- page script -->
<script src='<?php echo e(asset("plugins/select2/select2.full.min.js")); ?>'></script>
<script src='<?php echo e(asset("plugins/chartjs/Chart.min.js")); ?>'></script>
<script src='<?php echo e(asset("plugins/flot/jquery.flot.min.js")); ?>'></script>
<!-- FLOT RESIZE PLUGIN - allows the chart to redraw when the window is resized -->
<script src='<?php echo e(asset("plugins/flot/jquery.flot.resize.min.js")); ?>'></script>
<!-- FLOT PIE PLUGIN - also used to draw donut charts -->
<script src='<?php echo e(asset("plugins/flot/jquery.flot.pie.min.js")); ?>'></script>
<!-- FLOT CATEGORIES PLUGIN - Used to draw bar charts -->
<script src='<?php echo e(asset("plugins/flot/jquery.flot.categories.min.js")); ?>'></script>

<script>
  $(function () {
    $(".select2").select2();
    $("#example1").DataTable({
      "pageLength": 25,
      "language": { "search": " البحث:" },
      "paging": true,
      columnDefs: [{ targets: 'no-sort', orderable: false }],
      'aaSorting': [[1, 'asc']] 
       
      
    });
    $('#example2').DataTable({
      "paging": true,
      "lengthChange": false,
      "searching": false,
      "ordering": true,
      "info": true,
      "autoWidth": false,
      
    });

    $(".knob").knob({
      /*change : function (value) {
       //console.log("change : " + value);
       },
       release : function (value) {
       console.log("release : " + value);
       },
       cancel : function () {
       console.log("cancel : " + this.value);
       },*/
      draw: function () {

        // "tron" case
        if (this.$.data('skin') == 'tron') {

          var a = this.angle(this.cv)  // Angle
              , sa = this.startAngle          // Previous start angle
              , sat = this.startAngle         // Start angle
              , ea                            // Previous end angle
              , eat = sat + a                 // End angle
              , r = true;

          this.g.lineWidth = this.lineWidth;

          this.o.cursor
          && (sat = eat - 0.3)
          && (eat = eat + 0.3);

          if (this.o.displayPrevious) {
            ea = this.startAngle + this.angle(this.value);
            this.o.cursor
            && (sa = ea - 0.3)
            && (ea = ea + 0.3);
            this.g.beginPath();
            this.g.strokeStyle = this.previousColor;
            this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, sa, ea, false);
            this.g.stroke();
          }

          this.g.beginPath();
          this.g.strokeStyle = r ? this.o.fgColor : this.fgColor;
          this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, sat, eat, false);
          this.g.stroke();

          this.g.lineWidth = 2;
          this.g.beginPath();
          this.g.strokeStyle = this.o.fgColor;
          this.g.arc(this.xy, this.xy, this.radius - this.lineWidth + 1 + this.lineWidth * 2 / 3, 0, 2 * Math.PI, false);
          this.g.stroke();

          return false;
        }
      }
    });
    
  });


   var AdminLTEOptions = {
    
    sidebarExpandOnHover: true,
    
  };
  </script>

<!--
<script src="https://cdn.anychart.com/releases/8.10.0/js/anychart-core.min.js"></script>


<script src="https://cdn.anychart.com/releases/8.10.0/js/anychart-pie.min.js"></script>
-->

<script src="<?php echo e(asset('waste/waste.js')); ?>"></script>

<script src="<?php echo e(asset('waste/classes.js')); ?>"></script>
<script src="<?php echo e(asset('waste/recyclerreports.js')); ?>"></script>
<script src="<?php echo e(asset('waste/classreports.js')); ?>"></script>
<script src="<?php echo e(asset('waste/groupreports.js')); ?>"></script>
<script src="<?php echo e(asset('waste/invoicereports.js')); ?>"></script>
<script src="<?php echo e(asset('waste/driverreports.js')); ?>"></script>
<script src="<?php echo e(asset('waste/chartreports.js')); ?>"></script>
<script src="<?php echo e(asset('waste/drawchart.js')); ?>"></script>
<script src="<?php echo e(asset('waste/price.js')); ?>"></script>

</body>
</html>
