@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">Reglement </h3>
          </div><!-- /.col -->
          <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <a href="{{asset('vente')}}" class="btn btn-info">+facture</a>
            </ol>
         </div>  </div>  </div>
     
         <form method="POST" action="{{asset('liquidation')}}" enctype="multipart/form-data"> 
@csrf     
  <div class="form-group">
    <label for="exampleInputEmail1"> vercement</label>

    <div class="form-group">
    <label for="exampleFormControlSelect1">selectionner client</label>
    <select name="client_id" class="form-control" id="exampleFormControlSelect1">
        @foreach( $clients as  $client)
      <option value="{{ $client->id}}">{{ $client->nom}}</option>
@endforeach
    </select>
  </div>
    <input name="monton" type="text" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter">
    </div>  
    <button type="submit">liquider</button>
</form>
    <section class="content">
      <div class="row">
        <div class="col-12">
          <div class="card">
          <div class="card-header  bg-info">
          <div class="col-md-6 font-weight-bold"><i class="fas  fa fa-users"></i> 
          vous avez 2 facture(s) arrivant a échéance.
      </div> 
      </div> 


 



 
            <!-- /.card-header -->
         
            <div class="card-body">
              <table id="example" class="table table-bordered table-striped text-center">
                <thead>
                <tr>

                  <th>Ref facture</th>
                  <th>client</th>
                
                  <th>montant</th>
                
                  <th width="210">action</th>
             
                </tr>
                </thead>
                <tbody>
               

                    @foreach($reglement as $regle)
                    <tr>
           
                      <td>{{$regle->id}} </td>
                      <td>{{$regle->client->nom}} </td>
             <td class="text-primary font-weight-bold"> <a href="">{{$regle->montant}}</a>   </td> 
             <td>{{date('d-m-Y', strtotime($regle->createf_at))}}  </td> 
                <td> {{$regle->observation}} </td> 
         
            
             <td>
        
                          <
             </td>
            </tr>
             @endforeach
          </tbody>
        </table>
        <div class="d-flex justify-content-center mt-4">
          {{ $reglement->links('pagination::bootstrap-4') }}
      </div>
</div>


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

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

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







<script>
$(document).ready( function () {
    $('#example').DataTable();
} );
</script>
</body>
</html>