@extends('layouts.app')


@section('content')
    <div class="card w-full">
        <div class="card-head">
            <div class="font-semibold text-cyan-900 uppercase">
                <i class="fal fa-list mr-1"></i>
                APPRO CAISSETTES
            </div>
            <div class="space-x-2 text-gray-500">
            </div>
        </div>
        <div class="card-body">

            <div class="">
                <x-alert/>
                {{-- RESERVE --}}
                @if(!empty($emetteur->employe_id))
                <div class="card-content  mb-5">
                    <div class="flex text-gray-500 uppercase font-bold">
                        réserve
                    </div>
                    <table class="table table-hover table-striped">
                        <thead>
                            <tr>
                                <th style="width: 10%">Guichet</th>
                                <th style="width: 10%">ID employé</th>
                                <th class="text-left">Nom et prénoms</th>
                                <th style="width: 15%" class="text-right">Solde caisse</th>
                                <th style="width: 10%" class="text-right"></th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>{{$emetteur->caisse_id}}</td>
                                <td class="uppercase">{{$emetteur->employe_id}}</td>
                                <td>{{$emetteur->nom_employe}} {{$emetteur->prenom_employe}}</td>
                                <td class="text-right">{{App\Lib\Format::number($emetteur->solde)}}</td>
                                <td class="text-right">
                                    <a href="{{route('gt.appro.create', 'rc')}}" class="mr-2 text-red-500 hover:text-orange-500" title="Auto-appro caissette">
                                        <i class="fad fa-plus-circle fa-xl"></i>
                                    </a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>

                {{-- LISTE DES CAISSETTES --}}
                <div class="card-content">
                    <div class="flex text-gray-500 uppercase font-bold">
                        caissettes
                    </div>
                    <table class="table table-hover table-striped">
                        <thead>
                            <tr>
                                <th style="width: 10%">Guichet</th>
                                <th style="width: 10%">ID employé</th>
                                <th class="text-left">Nom et prénoms</th>
                                <th style="width: 15%" class="text-right">Solde caisse</th>
                                <th style="width: 10%" class="text-right"></th>
                            </tr>
                        </thead>
                        <tbody>
                            @php $i=0; @endphp
                            @foreach ($recepteurs as $recepteur)
                                @php
                                    $solde = key_exists($recepteur->employe_id, $soldes)?$soldes[$recepteur->employe_id]:0;
                                @endphp
                                <tr>
                                    <td>{{$recepteur->caisse_id}}</td>
                                    <td class="uppercase">{{$recepteur->id_employe}}</td>
                                    <td>{{$recepteur->nom_employe}} {{$recepteur->prenom_employe}}</td>
                                    <td class="text-right">{{App\Lib\Format::number($solde)}}</td>
                                    <td class="text-right">
                                        <a href="{{route('gt.bpf.appro', ['recepteur_id'=>$recepteur->employe_id, 'operation'=>'in'])}}" class="mr-2 text-green-500 hover:text-green-700" title="Entrée de fonds">
                                            <i class="fad fa-plus-circle fa-xl"></i>
                                        </a>
                                    </td>
                                </tr>
                                @php $i++; @endphp
                            @endforeach

                            @if(!empty($selfCaissette->solde))
                                <tr>
                                    <td>{{$emetteur->caisse_id}}</td>
                                    <td class="uppercase">{{$emetteur->id_employe}}</td>
                                    <td>{{$emetteur->nom_employe}} {{$emetteur->prenom_employe}}</td>
                                    <td class="text-right">{{App\Lib\Format::number($selfCaissette->solde)}}</td>
                                    <td class="text-right">
                                        <a href="{{route('gt.appro.create', 'cr')}}" class="mr-2 text-red-500 hover:text-orange-500" title="Auto retransfert">
                                            <i class="fad fa-minus-circle fa-xl"></i>
                                        </a>
                                    </td>
                                </tr>
                            @endif
                            @if($i==0)
                                <tr>
                                    <td colspan="5" class="text-center">Aucune caissette n'est disponible</td>
                                </tr>
                            @else
                                <tr>
                                    <td colspan="3"></td>
                                    <td class="text-right">
                                        <span class="font-bold">{{number_format($sum_caissette->solde, 2,',',' ')}}</span>
                                    </td>
                                    <td></td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
                <div>
                    @if(count($recepteurs) > 0)
                    {{$recepteurs->links()}}
                    @endif
                </div>
                @endif
            </div>

        </div>
    </div>
@endsection

@section('script')

@endsection