@extends('layouts.admin')
@section('content')
@can('client_create')
    <title> LISTE DES COMMANDE FOURNISSEUR </title> 
    <div style="margin-bottom: 10px;" class="row">
        <div class="col-lg-12">
            <a class="btn btn-success" href="{{ route('admin.bl_chauffeur.create') }}">
                Nouveau Bon de Livraison
            </a>
        </div>
    </div>
@endcan
    <div class="card">
        <div class="card-header">
            <h3 class="text-center"> 
                LISTE DES BONS DE LIVRAISON
            </h3> 
        </div>
        <br /> 
        <!--form action="{{ route('admin.commande_fournisseur_rechercher') }}" method="GET" class="row">
            @csrf 
            <div class="col-md-1">
                <select name="pagination" class="form-control">
                    <option value="10">10</option>
                    <option value="25">25</option>
                    <option value="50">50</option>
                    <option value="100">100</option>
                    <option value="250">250</option>
                    <option value="500">500</option>
                </select>
            </div>

            <div class="col-md-2 from-group"> 
                <input type="month" name="month" class="form-control" value="{{ old('month') }}" placeholder="Recherceher par mois "/>
            </div>

            <div class="col-md-2 from-group"> 
                <input type="date" name="date" class="form-control" value="{{ old('date') }}" placeholder="Date de commande "/>
            </div>
        
            <div class="col-md-5 from-group"> 
                <input type="text" name="donnee" class="form-control" value="{{ old('donnee') }}" placeholder="Qu'est-ce que vous rechercher ? (Client, téléphone, Adresse, Agence, etc )  "/>
            </div>

            <div class="col-md-2 from-group"> 
                <input type="submit" class="btn btn-primary" value="rechercher"/>
            </div>
            
        </!--form -->
        <br /> 
        <div class="card-body">
            <div class="table-responsive">
                <table class="table dt-responsive nowrap w-100 table-index-f">
                    <thead>
                        <tr>
                            <th>
                                Ref.
                            </th>
                            <th>
                                Chauffeur
                            </th>
                            <th>
                                Date Livraison
                            </th>
                            <th>
                                Commerciale 
                            </th>
                            <th> 
                                Banque 
                            </th>
                            <th> 
                                Date Reception 
                            </th> 
                            <th>
                                Frais Livraison
                            </th>
                            <th>
                                Action
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                                                @foreach($bl_chauffeurs as $key => $bl)
                                                        <tr data-entry-id="{{ $bl->rowid }}">
                               
                                <td>
                                    <a href="{{ route('admin.bl_chauffeur.show', $bl->rowid) }}" class="badge bg-primary p-1">
                                        {{ $bl->ref ?? '' }}
                                    </a>
                                </td>
                                <td>
                                    {{ $bl->chauffeur }}
                                </td>
                                <td  data-sort='"  "'>
                                    {{ Carbon\Carbon::parse($bl->date_livraison)->format('d/m/Y') ?? '' }}
                                </td>

                                <td>
                                    {{ $bl->commerciale->nom ?? '' }}
                                </td>
            
                                <td>
                                    @if($bl->banque == 1)
                                        <span class="badge bg-warning p-1">   
                                            CBAO 
                                        </span>
                                    @elseif($bl->Banque == 2)
                                        <span class="badge bg-primary p-1">   
                                            CMS 
                                        </span>
                                    @endif 
                                </td>
                                <td  data-sort='"  "'>
                                    {{ Carbon\Carbon::parse($bl->date_livraison)->format('d/m/Y') ?? '' }}
                                </td>

                                <td>
                                    {{ number_format($bl->frais_livraison, 0, '', ' ') ?? '' }}
                                </td>

                                <td>
                                    @can('commande_fournisseur_voire')
                                        <a class="btn btn-xs btn-primary fa fa-eye" href="{{ route('admin.commande_fournisseur.show', $bl->rowid) }}">
                                            
                                        </a>
                                    @endcan

                                    <!--
                                            @can('commande_fournisseur_modifier')
                                                <a class="btn btn-xs btn-info fa fa-edit" href="{{ route('admin.commande_fournisseur.edit', $bl->rowid) }}">
                                                
                                                </a>
                                            @endcan
                                        -->

                                    @can('commande_fournisseur_supprimer')
                                        <form action="{{ route('admin.bl_chauffeur.destroy', $bl->rowid) }}" method="POST" onsubmit="return confirm('Etes-vous sûr de vouloir supprimer définitvement la commande fournisseur ?');" style="display: inline-block;">
                                            <input type="hidden" name="_method" value="DELETE">
                                            <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                            <button type="submit" class="btn btn-xs btn-danger">
                                                <i class="fa fa-trash"> </i> 
                                            </button> 
                                        </form>
                                    @endcan
                                </td>
                            </tr>
                        @endforeach
                    </tbody>

                </table>
            
            </div>
        </div>
    </div>
@endsection

@section('scripts')
@parent
<script>
    $(function () {
    let dtButtons = $.extend(true, [], $.fn.dataTable.defaults.buttons)
    @can('client_delete')
        let deleteButtonTrans = '{{ trans('global.datatables.delete') }}'
        let deleteButton = {
            text: deleteButtonTrans,
            url: "{{ route('admin.commande_fournisseur.delete') }}",
            className: 'btn-danger',
            action: function (e, dt, node, config) {
            var ids = $.map(dt.rows({ selected: true }).nodes(), function (entry) {
                return $(entry).data('entry-id')
            });

            if (ids.length === 0) {
                alert('{{ trans('global.datatables.zero_selected') }}')

                return
            }

            if (confirm('La Suppresion de la commande fournisseur entraîne celle des produits liées ? Etes-vous sûr de vouloir le supprimer définitivement ?')) {
                $.ajax({
                headers: {'x-csrf-token': _token},
                method: 'POST',
                url: config.url,
                data: { ids: ids, _method: 'DELETE' }})
                .done(function () { location.reload() })
            }
            }
        }
        dtButtons.push(deleteButton)
    @endcan
    
  $.extend(true, $.fn.dataTable.defaults, {
    order: [[ 1, 'desc' ]],
   
    lengthMenu: [0, 5, 10, 20, 50, 100, 200, 500],
  });
  
    $('.datatable-Client:not(.ajaxTable)').DataTable({ buttons: dtButtons, 
        drawCallback: function () {
            var api = this.api();
            $( api.table().footer() ).html( '<strong>Total Montant : ' +
                api.column( 4, {page:'current'} ).data().sum() +
                ' FCFA <br/>'
            );
        },
        
    });
     
  //console.log('Sum : ' + table.column( 4 ).data().sum())
/*
    $('a[data-toggle="tab"]').on('shown.bs.tab', function(e){
        $($.fn.dataTable.tables(true)).DataTable()
            .columns.adjust();
    }).column( 4 ).data().sum();*/
})
  
</script>
@endsection