@extends('layouts.app')
@section('content')
 <!--**********************************
            Content body start
        ***********************************-->
        <div class="content-body">
        <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title">Table paiement</h4>
                            </div>
                            <div class="card-body">
                            @if ($message= Session::get('success'))
                    <div class="alert  alert-primary alert-dismissible fade show" role="alert">
                   <span class="badge badge-pill badge-primary">Success</span> {{ $message }}
                   <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                       <span aria-hidden="true">&times;</span>
                   </button>
                    </div>
                    @endif
                            <div class="table-responsive">
      <div class="col-md-12" style="min-width: 845px">
                <div class="panel panel-primary">
           <form action="{{ url('addrapportm')}}" method="POST" method="POST" enctype="multipart/form-data">
           @csrf
          <div class="col-md-12">
    
                                                <div class="mb-3 row">
                                                    <label class="col-lg-1 col-form-label" for="validationCustom20">Du  <span class="text-danger">*</span>
                                                    </label>
                                                    <div class="col-lg-3">
                                                    <input type="date" name="from" class="form-control"  placeholder="dd-mm-yyyy"  id="validationCustom20">
                                                    </div>
                                              
                                                    <label class="col-lg-1 col-form-label" for="validationCustom01">Au
                                                        <span class="text-danger">*</span>
                                                    </label>
                                                    <div class="col-lg-3">
														<input type="date" name="to" class="form-control"
                                                        id="validationCustom01"  placeholder="dd-mm-yyyy"  required>

                                                    </div>
            
                                                    <div class="col-lg-2">
                                                    <button type="submit" class="btn btn-info" class="filter pull-right"><span class="fa fa-print"></span> Imprimer</button>
                                                    </div>
                                                </div>
                                    </div>
          </form>
                                <div class="table-responsive">
                                
                                </div>
                            </div>
                        </div>
                    </div>
                  
                   
            </div>
        </div>
        <!--**********************************
            Content body end
        ***********************************-->
    <script>
       $(document).ready(function(){
    $(document).on('click','#recherchefiltre', function(e){
      $date_paiement = $('.date_paiement').val();
      if($date_paiement!=''){
        $('.tableaufiltre').removeAttr('hidden');
        $.ajax({
          method:'GET',
          url:'Recherche/filtre',
          Datatype:'JSON',
          data:{
            'from':$date_paiement
            'to':$date_paiement
          }
        })
        .success(function(data){
          
          $('.tableNote').html(data);
        });
      }else{
        alert("Entré la date");
      }
    });
});
    </script>  
       
@endsection