@extends('layouts.app0/dash2')
@section('content')

<div class="row">
    <div class="col-md-12">

        <div class="portlet light bordered">

            <div class="portlet-body">
                <span id="titre"></span>
                <table class="table table-striped table-bordered table-hover table-checkable order-column" id="tableau">
                    <thead>
                        {{-- <tr>
                            <th colspan="8">
                
                            </th>
                        </tr> --}}
                    <tr>
                        <th class="text-center"width="5%"> N°</th>
                        <th class="text-center" width="10%"> Date</th>
                        <th class="text-center" width="15%"> Client</th>
                        <th class="text-center" width="10%"> Référence </th>
                        <th class="text-center" width="10%"> Produit</th>
                        <th class="text-center" width="10%"> Crédit </th>
                        <th class="text-center"width="10%"> Débit </th>
                        <th class="text-center"width="5%">Normalisée</th>
                        <th class="text-center" width="10%"> Ref MECeF </th>
                        <th class="text-center" width="10%"> Actions </th>
                    </tr>
                    </thead>
                    <tbody>
                        @foreach($transas  as  $transaction)
                
                        <tr>
                            <td class="text-center"> {{ $transaction['num'] }} </td>
                            <td class="text-center"> {{ $transaction['date'] }} </td>
                            <td class="text-center">{{ $transaction['nom'] }}</td>
                            <td class="text-center">{{ $transaction['reference'] }}</td>
                            <td class="text-center">
                                @foreach ($transaction['detailtrans'] as $detail)
                                    <span class="label label-primary">{{ $detail->libellepro }}</span>
                                @endforeach
                            </td>
                            <td id="paye{{$transaction['id']}}" class="text-center">{{ $transaction['credit'] }}</td>
                            <td class="text-center">{{ $transaction['debit'] }}</td>
                            <td class="text-center">{{ $transaction['isnormalised']==1? "Oui":"Non" }} {{ $transaction['compte']==1? "Annulé":"" }}</td>
                            <td class="text-center">{{ $transaction['referencemecef'] }}</td>
                            <td class="text-center">
                                @if ($transaction['isnormalised']==1)
                                <button data-id="{{$transaction['id']}}"  class="btn btn-icon-only btn-warning btn-actions-edit  btn-sm edition1" title="Duplicata Facture normalisée">
                                    <i class="fa fa-print"></i>
                                </button>
                                {{-- <a href="{{ route('transaction.etatn')}}?id={{ $transaction['id'] }}" class="btn btn-icon-only btn-warning btn-actions-print btn-sm edition" title="Duplicata Facture normalisée"> <i class="fa fa-print"></i></a> --}}
                                @else
                                @endif
                
                
                                @if ($transaction['isnormalised']==1  )
                                @else
                                    @if ($transaction['compte']==0)
                                        {{-- <button data-id="{{$transaction['id']}}"  class="btn btn-icon-only btn-success btn-actions-print btn-sm edition2" title="Normaliser">
                                            <i class="fa fa-edit"></i>
                                        </button> --}}
                                    @endif
                                {{-- <a href="{{ route('facture.mecef', ['data' => $transaction['id']]) }}" class="btn btn-icon-only btn-success btn-actions-edit btn-sm edition2" title="Normaliser"> <i class="fa fa-edit"></i> </a> --}}
                                @endif
                
                                <button data-id="{{$transaction['id']}}"  class="btn btn-icon-only btn-primary btn-actions-print btn-sm edition3" title="Duplicata">
                                    <i class="fa fa-print"></i>
                                </button>
                                    {{-- @if ($transaction['typefac']=='FV' && $transaction['compte']== 0)
                                        <button data-id="{{$transaction['client_id']}}" data-idtransa="{{$transaction['id']}}" data-type="{{$transaction['type']}}"  class="btn  green-jungle btn-actions-edit edition">
                                            <i class="fa fa-edit"> Annuler</i>
                                        </button>
                                    @endif --}}
                                </td>
                        </tr>
                        @endforeach
                    </tbody>
                    <tfoot>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        {{-- <td>
                            <a href="{{ route('transaction.index') }}" class="btn sbold btn-success btn-sm">
                                <i class="fa fa-plus"></i>
                                RETOUR
                            </a>
                        </td> --}}
                    </tr>
                    </tfoot>
                
                </table>
            </div>
        </div>

    </div>
</div>

@endsection
@section('stylesheets')
<style>

</style>
@endsection
@section('javascripts')

<script>
       $('#tableau').dataTable({

// Internationalisation. For more info refer to http://datatables.net/manual/i18n
"language": {
   "aria": {
       "sortAscending": ": activate to sort column ascending",
       "sortDescending": ": activate to sort column descending"
   },
   "emptyTable": "No data available in table",
   "info": "Showing _START_ to _END_ of _TOTAL_ records",
   "infoEmpty": "No records found",
   "infoFiltered": "(filtered1 from _MAX_ total records)",
   "lengthMenu": "Voir _MENU_",
   "search": "Rechercher:",
   "zeroRecords": "Aucun enregistrement",
   "paginate": {
       "previous":"Prev",
       "next": "Next",
       "last": "Last",
       "first": "First"
   }
},

// Or you can use remote translation file
//"language": {
//   url: '//cdn.datatables.net/plug-ins/3cfcc339e89/i18n/Portuguese.json'
//},

// Uncomment below line("dom" parameter) to fix the dropdown overflow issue in the datatable cells. The default datatable layout
// setup uses scrollable div(table-scrollable) with overflow:auto to enable vertical scroll(see: assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.js).
// So when dropdowns used the scrollable div should be removed.
//"dom": "<'row'<'col-md-6 col-sm-12'l><'col-md-6 col-sm-12'f>r>t<'row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>>",

"bStateSave": true, // save datatable state(pagination, sort, etc) in cookie.

"columnDefs": [ {
   "targets": 0,
   "orderable": false,
   "searchable": false
}],

"lengthMenu": [
   [5, 15, 20, -1],
   [5, 15, 20, "All"] // change per page values here
],
// set the initial value
"pageLength": 20,
"pagingType": "bootstrap_full_number",
"columnDefs": [{  // set default column settings
   'orderable': false,
   'targets': [0]
}, {
   "searchable": false,
   "targets": [0]
}],
"order": [
   [1, "asc"]
] // set first column as a default sort by asc
});
</script>
@endsection