@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-sack-dollar mr-1"></i>
                REINITIALISATION DE L'ENCAISSE
            </div>
            <div class="space-x-2">
                {{-- <a href="#" class="search">
                    <i class="fal fa-search"></i>
                </a> --}}
            </div>
        </div>
        <div class="card-body">

            <div class="">
                <x-alert/>
                {{-- LISTE DES CAISSETTES --}}
                <div class="flex justify-end w-full text-gray-600 font-bold uppercase mb-2">
                    Total de l'encaisse : {{App\Lib\Format::number($total_encaisse)}}
                </div>
                <div class="card-content">
                    <table class="table table-hover table-striped">
                        <thead>
                            <tr>
                                <th></th>
                                <th style="width: 10%">Caisse</th>
                                <th style="width: 10%">ID employé</th>
                                <th class="text-left">Nom et prénoms</th>
                                <th class="text-center">Profil</th>
                                <th class="text-center">Type de coffre</th>
                                <th class="text-center">Date</th>
                                <th class="text-right">Mtt encaisse</th>
                                <th class="text-right"></th>
                            </tr>
                        </thead>
                        <tbody>
                            @php $i=0; @endphp
                            @foreach ($encaisses as $encaisse)

                                @php
                                    $enaisse_init = key_exists($encaisse->id_employe,$mtt_encaisses)?$mtt_encaisses[$encaisse->id_employe]:(object)[];

                                    $mobile_init = key_exists($encaisse->id_employe,$mtt_mobiles)?$mtt_mobiles[$encaisse->id_employe]:(object)[];

                                    $mtt_caissette = !empty($enaisse_init->solde) ? $enaisse_init->solde : 0;

                                    $mtt_mobile = !empty($mobile_init->solde) ? $mobile_init->solde : 0;

                                    $date_oper = !empty($enaisse_init->date_oper) ? $enaisse_init->date_oper : date('Y-m-d');

                                    if($encaisse->type_coffre == 'M'){

                                        if(!empty($mobile_init->date_oper)){

                                            $date_oper =  $mobile_init->date_oper;


                                        }
                                    }

                                    $mtt_encaisse = $mtt_caissette + $mtt_mobile;

                                    $url_create = 'gt.encaisse.create';
                                    $url_edit = 'gt.encaisse.edit';
                                    $url_delete = 'gt.encaisse.destroy';

                                    if($encaisse->type_coffre == 'M'){

                                        $url_create = 'gt.mobile.create';
                                        $url_edit = 'gt.mobile.edit';
                                        $url_delete = 'gt.mobile.destroy';

                                    }

                                @endphp
                                <tr>
                                    <td>
                                        {{-- <img src="{{asset('img/user.png')}}" alt="" class="w-10 h-10 rounded-full shadow-md border border-gray-100"> --}}
                                    </td>
                                    <td>{{$encaisse->caisse_id}}</td>
                                    <td class="uppercase">{{$encaisse->id_employe}}</td>
                                    <td>{{$encaisse->nom_employe}} {{$encaisse->prenom_employe}}</td>
                                    <td class="text-center">{{$encaisse->profil}}</td>
                                    <td class="text-center">{{$encaisse->type_coffre}}</td>
                                    <td class="text-center">{{(new DateTime($date_oper))->format(config('myahs.date_format'))}}</td>
                                    <td class="text-right">{{App\Lib\Format::number($mtt_encaisse)}}</td>
                                    <td class="text-right">

                                        @if($encaisse->type_coffre == 'C' || $encaisse->type_coffre == 'R')
                                            <a href="@if($mtt_encaisse>0)#@else{{route($url_create, ['guichet'=>$encaisse->id_employe])}}@endif"
                                                class="mr-2 @if($mtt_encaisse>0) text-gray-300 cursor-auto @else text-cyan-800 @endif @if($mtt_encaisse == 0) hover:text-orange-500 @endif" title="Entrée de fonds">
                                                <i class="fal fa-plus fa-lg"></i>
                                            </a>
                                        @endif

                                        @if($encaisse->type_coffre == 'M')
                                            <a href="{{route($url_create, ['guichet'=>$encaisse->id_employe])}}"
                                                class="mr-2 text-cyan-800 hover:text-orange-500" title="Entrée de fonds">
                                                <i class="fal fa-plus fa-lg"></i>
                                            </a>
                                        @endif

                                        <a href="@if($mtt_encaisse>0){{route($url_edit, ['guichet'=>$encaisse->id_employe])}}@else#@endif"
                                            class="mr-2 @if($mtt_encaisse == 0) text-gray-300 cursor-auto @else text-gray-500 @endif @if($mtt_encaisse > 0) hover:text-orange-500 @endif" title="Modifier l'encaisse initialle">
                                            <i class="fal fa-edit fa-lg"></i>
                                        </a>

                                        <a href="#" data-guichet="{{$encaisse->id_employe}}" data-url="@if($mtt_encaisse>0){{route($url_delete, ['guichet'=>$encaisse->id_employe])}}@else#@endif"
                                            class="mr-2 @if($mtt_encaisse == 0) text-gray-300 cursor-auto @else text-gray-500 @endif @if($mtt_encaisse > 0) hover:text-orange-500 btn-delete @endif" title="Modifier l'encaisse initialle">
                                            <i class="fal fa-trash-alt fa-lg"></i>
                                        </a>

                                    </td>
                                </tr>
                                @php $i++; @endphp
                            @endforeach
                            @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>
                <form id="frmDelete" method="post" action="{{route('gt.encaisse.destroy')}}">
                    @csrf
                    <input type="hidden" name="guichet" id="guichet">
                </form>
            </div>

        </div>
    </div>
    <x-msg-box>
        <x-slot name="title">Encaisse initialle</x-slot>
        Voulez vous réellement supprimer cette encaisse.
    </x-msg-box>
@endsection

@section('script')
    <script>

        let btnDelete = document.querySelectorAll('.btn-delete');

        btnDelete.forEach(btn => {

            btn.addEventListener('click', function(e){
                e.preventDefault();
                document.getElementById('frmDelete').setAttribute('action', btn.getAttribute('data-url'));
                document.getElementById('guichet').setAttribute('value', btn.getAttribute('data-guichet'));
                Modal('#MsgBox', 'show');
            })

        })

        document.getElementById('btnYes').addEventListener('click', function(e){
            document.getElementById('frmDelete').submit();
        })

    </script>
@endsection