@extends('layouts.app')
@section('css')


<link rel="stylesheet" href="https://cdn.datatables.net/1.13.7/css/jquery.dataTables.min.css">

@endsection

@section('js')
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
<script src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.min.js"></script>

<script>
    new DataTable('#example');
</script>
@endsection
@section('content')

<div class="fluid-container">
    <h3 class="">
        <img src="{{ asset('images/operation_black.svg') }}" width="50"> Opérations
    </h3>

    <div class="card">
       <!-- <div class="card-header">
            <h4>Liste des opérations</h4>
        </div>
-->

        <div class="card-body">
            <div class="row mt-2">
                <div class="table-responsive">
                    <table aria-describedby="example_info" id="example" class="dataTables_paginate paging_simple_numbers">
                        <thead>
                            <tr>
                                <th>Nom de l'avantage</th>
                                <th>Prix</th>
                                <th>Date de consommation</th>
                                <th>Lieu de l'avantage</th>
                                @if(auth()->user()->role == 4)
                                <th>PDV</th>
                                @endif
                                <th>Personne ayant consommé</th>

                            </tr>
                        </thead>

                        <tbody>
                            @if($operations)
                            @foreach ($operations as $operation)
                            <tr>
                                <td>{{$operation->avantage_used_users->nom_coupon}}</td>

                                <td>
                                    {{$operation->avantage_used_users->prtype == 1  ? "-" :""}}{{$operation->avantage_used_users->pourcentage}} {{$operation->avantage_used_users->prtype == 1 ? "%" : " F CFA"}}
                                </td>
                                <td>
                                    @if(!empty($operation->created_at))
                                    {{date('d-m-Y H:i:s',strtotime($operation->created_at))}}
                                    @endif
                                </td>
                                <td>
                                    {{$operation->avantage_used_users->lieu}}
                                </td>
                                @if(auth()->user()->role == 4)
                                <td>
                                    {{$operation->avantage_used_users->avantages_partenaires->name}}
                                </td>
                                @endif
                                <td>{{$operation?->avantage_use_users?->prenom . ' '.$operation?->avantage_use_users?->nom }}</td>

                            </tr>
                            @endforeach
                            @else
                            <tr>
                                <td colspan="5" class="center">Aucune donnée de disponible</td>
                            </tr>
                            @endif
                        </tbody>
                        {{-- <tfoot>
                            <tr>
                                <th>Nom de l'avantage</th>
                                <th>Prix</th>
                                <th>Date de consommétion</th>
                                <th>Lieu de l'avantage</th>
                                @if(auth()->user()->role == 4)
                                <th>PDV</th>
                                @endif
                                <th>Personne ayant consommé</th>

                            </tr>
                        </tfoot>
                        --}}
                    </table>
                </div>
            </div>

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

@push('scripts')
{{-- $dataTable->scripts(attributes: ['type' => 'module']) --}}
@endpush

@section('js')
@include('partials._datatable')
@endsection