@extends('layouts.appadmin')

@section('content')
  <!-- Content Wrapper. Contains page content -->
  <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="font-weight-bold">caisse Bl especes</h1>
            <span class="badge badge-pill badge-success" style="font-size:20px;"> entrer :{{$sumentrer}} DH</span>
          <span class="badge badge-pill badge-danger" style="font-size:20px;"> sortie :{{$sumsortie}}DH</span>
          </div><!-- /.col -->
          <div class="col-sm-6">
     
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->


         <!-- Main content -->
    <section class="content">
      <div class="row">
        <div class="col-12">
          <div class="card">
          <div class="card-header  bg-info">
       
          <div class="col-md-3 font-weight-bold"><i class="fas  fa fa-users"></i>  caiisse
          
       
          </div> 
            </div>  


 





            <!-- /.card-header -->
            <div class="card-body" >
          
            <div class="table-responsive">
            <table id="example" class="table table-bordered display nowrap" cellspacing="0" width="100%">
                <thead>
                <tr>
                <th style="color: blue;font-weight: bold;">Ref</th>
                <th style="color: blue;font-weight: bold;">entrer</th>
                <th style="color: blue;font-weight: bold;">sortie</th>
                <th style="color: blue;font-weight: bold;">date</th>
                <th style="color: blue;font-weight: bold;">justif</th>
                </tr>
                </thead>
                <tbody>   <tr>
                  @foreach($caisse as $ca)
                  <td>  {{$ca->id}}</td>
             <td style="font-weight: bold;"> {{$ca->entrer}}  </td>
             <td style="font-weight: bold;"> {{$ca->srtie}}  </td>
             <td style="font-weight: bold;"> {{$ca->created_at}}  </td>
             <td style="color: black;font-weight: bold;"> {{$ca->justif}}  </td>
           </tr> 
             @endforeach
          </tbody>
        </table>
<footer>
ok3
</footer>

<div class="container">
<div class="row">
<div class="col">
  
   <p id="total">  total:</p>


</div>


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

                </section>
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
  
        @endsection
     


        <script src="{{asset('dash/plugins/jquery/jquery.min.js')}}"></script>




<script>
  $(document).ready( function () {

 $('#example').DataTable({
responsive:true,

  
"createdRow":function(row,data,index){
if(data[2] == 0){
$('td',row).css({
  
  'color':'green',
})

}
if(data[1] == 0){
$('td',row).css({
  
  'color':'red',
})

}
}
 }
  );





} );


</script>
</body>
</html>