<!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='{{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">
  <!-- DataTables -->
  <link rel='stylesheet' href='{{asset("plugins/datatables/dataTables.bootstrap.css")}}'>
  <!-- Theme style -->
  <link rel='stylesheet' href='{{asset("dist/css/AdminLTE.min.css")}}'>
  <link rel='stylesheet' href='{{asset("dist/css/skins/_all-skins.min.css")}}'>

  <link rel="stylesheet" href='{{asset("plugins/select2/select2.min.css")}}'>
  <link rel="icon" type="image/x-icon" href="{{asset('dist/img/logo.png')}}">


  <style>
  
    


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

   .asd {
        background-color: #0000003c !important;
        -webkit-print-color-adjust: exact; 
    }
}



</style>

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

@include('layouts.header')
@include('layouts.sidemenue')

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

    <!-- Main content -->
    <section class="content">
      @yield('content')
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
 @include('layouts.footer') 

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

<!-- jQuery 2.2.3 -->
<script type='text/javascript' src='{{asset("plugins/jQuery/jquery-2.2.3.min.js")}}'></script>

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


<!-- FastClick -->
<script type='text/javascript' src='{{asset("plugins/fastclick/fastclick.js")}}'></script>
<!-- AdminLTE App -->
<script type='text/javascript' src='{{asset("dist/js/app.min.js")}}'></script>
<!-- AdminLTE for demo purposes -->
<script type='text/javascript' src='{{asset("dist/js/demo.js")}}'></script>
<!-- jQuery Knob -->
<script src='{{asset("plugins/knob/jquery.knob.js")}}'></script>
<!-- Sparkline -->
<script src='{{asset("plugins/sparkline/jquery.sparkline.min.js")}}'></script>
<!-- page script -->
<script src='{{asset("plugins/select2/select2.full.min.js")}}'></script>
<script>
  $(function () {
    $(".select2").select2();
    $("#example1").DataTable({
      "language": { "search": " البحث:" },
      "paging": true,
      
    });
    $('#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;
        }
      }
    });
    
  });


  
  </script>

<script src="{{asset('waste/waste.js')}}"></script>

<script src="{{asset('waste/classes.js')}}"></script>


</body>
</html>
