@extends('layouts.admin')
@section('content')

<div class="card">
    <div class="card-header">
        Liste des Dépenses
    </div>

    <div class="card-body">
        <div class="table-responsive">
            <table id="basic-datatables" class="table table-index table-bordered table-striped table-hover" style="width: 100%;">
                <thead>
                    <tr>
                        
                        <th>
                            Date
                        </th>

                        <th>
                            Libellé 
                        </th>

                        <th>
                            Description 
                        </th>

                        <th>
                            Montant
                        </th>
                       
                        <th>
                            Action
                        </th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($depenses as $key => $depense)
                        <tr data-entry-id="">
                          
                            <td>
                                {{ Carbon\Carbon::parse($depense->date)->format('d/m/Y') ?? '' }}
                            </td>

                            <td>
                                {{ $depense->label ?? '' }}
                            </td>

                            <td>
                                {{ $depense->comments ?? '' }}
                            </td>

                            <td>
                                {{ number_format($depense->total_ttc, 0, '', ' ') ?? '' }}
                            </td>
                         
                            <td>
                                <a class="btn btn-xs btn-primary mdi mdi-eye" href="">
                                </a>

                                @can('client_modifier')
                                    <a class="btn btn-xs btn-info mdi mdi-pencil" href="">
                                    </a>
                                @endcan

                                @can('client_supprimer')
                                    <form action="" method="POST" onsubmit="return confirm('Etes-vous sûr de vouloir le supprimer définitvement ?');" 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="mdi mdi-delete"> </i> 
                                        </button> 
                                    </form>
                                @endcan
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
               
            <!--tfoot>
                   
            </!--tfoot-->
        </div>
    </div>
</div>
@endsection


<!--script>
    $('.datatable-Client:not(.ajaxTable)').DataTable({ buttons: dtButtons });
</!--script-->