@extends('layouts.appadmin')

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/datetime/1.5.1/css/dataTables.dateTime.min.css">
@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 style="color: blue;font-weight: bold;">caisse</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>
      @foreach($caisse as $ca)
      <tr>
        <td>{{$ca->id}}</td>
        <td style="font-weight: bold;">{{$ca->entrer}}</td>
        <td style="font-weight: bold;">{{$ca->sortie}}</td>
        <td style="font-weight: bold;">{{$ca->created_at}}</td>
        <td style="color: black; font-weight: bold;">{{$ca->justif}}</td>
      </tr>
      @endforeach
    </tbody>
  </table>
</div></div>
<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,
    });
  });
</script>
</body>
</html>