@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 class="font-weight-bold">Factures de ventes </h1>
                    <form method="get" action="{{asset('date_vente')}}">
                        <div class="form-row">
                            <div class="col">
                                <input type="date" name="debut" class="form-control" placeholder="Date début">
                            </div>
                            <div class="col">
                                <input type="date" name="fin" class="form-control" placeholder="Date fin">
                            </div>
                            <div class="col">
                                <button type="submit" class="btn btn-primary">Filter</button>
                            </div>
                        </div>
                    </form>
                </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>
    </div>
    <!-- /.content-header -->

    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12 col-sm-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>  
             
            </div> 
                </div> 
                        <div class="card-body">
                            <div class="tab-content" id="custom-tabs-one-tabContent">
                                <div class="tab-pane fade show active" id="custom-tabs-one-home" role="tabpanel" aria-labelledby="custom-tabs-one-home-tab">
                                <div class="card-body">
            <div class="table-responsive">
        
            <table id="example" class="table table-bordered display nowrap" cellspacing="0" width="100%"
                data-order='[[ 0, "desc" ]]'>
                <thead>
                <tr>
                  <th>Ref facture</th>
                  <th>client</th>
                  <th>date</th>
                  <th>Mode réglement</th>
                  <th>Total TTC</th>
               <th>change date</th>
                <th>facture</th>
                  <th>supprimer</th>
             
             
                </tr>
                </thead>
                <tbody>
                    @foreach($ventes as $vente)
                    <tr>
                      <td>{{$vente->id}} </td>
                    
             <td class="text-primary font-weight-bold">{{$vente->client->nom}}  </td> 
             <td>{{date('d-m-Y', strtotime($vente->created_at))}}  </td> 
                <td> {{$vente->modepayement->mode}} </td> 
              <td class="text-success font-weight-bold"> {{$vente->prixtotal}} DH</td> 
            
             <td> 
             <!-- Button trigger modal -->
<a type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal{{$vente->id}}">
 <i class="fas fa-calendar-alt"></i>
  </a>
  
  <!-- Modal -->
  <div class="modal fade" id="exampleModal{{$vente->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">changer date du facture - {{$vente->id}}</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
      
        <div class="modal-body">
           
<form method="POST" action="{{asset('mdifdate/'.$vente->id)}}">
    @csrf 
    <div class="form-group">
        <label for="exampleInputEmail1">change date</label>
        <input name="date" type="date" value="{{ $vente->created_at }}" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter">
        </div>
   <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">fermer</button>
          <button type="submit" class="btn btn-primary">enregistrer</button>
        </div> </form>
        </div>
     
      </div> 
  
    </div>
  </div>
  </td>  <td>
             <a class="btn btn-info btn-sm" href="{{asset('ventepdf/'.$vente->id)}}">
     
             <i class="fas fa-file-pdf"></i> </a>   
             <a class="btn btn-warning btn-sm" href="{{asset('bonlivraisonpdf/'.$vente->id)}}">
             <i class="fas fa-file-pdf"></i>
             </a>   
             </td>
    <td>        
  <a class="btn btn-danger btn-sm" href="{{asset('deletevente/'.$vente->id)}}">
  <i class="fas fa-trash"></i>
                                
             </a></td> 





  
      
    
             </td> 
            
  
            </tr>
             @endforeach
          </tbody>
          <tfoot>
            <tr>
            <th></th>
                  <th></th>
                  <th></th>
                 
                  <th>Total TTC</th> 
                  <th></th>
                  <th></th>
                  <th></th>
               
             
            </tr>
        </tfoot>
        </table>     
        <div class="d-flex justify-content-center mt-4">
            {{ $ventes->links('pagination::bootstrap-4') }}
        </div>
</div></div></div>













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