@extends('layouts.app')


@section('content')
    <div class="card w-3/5">
        <div class="card-head">
            <div class="font-semibold text-cyan-900 uppercase">
                <i class="fal fa-exchange mr-1"></i>
                Transfert de fonds
            </div>
            <div class="text-gray-500 space-x-2">
                <a href="#" class="hover:text-orange-500">
                    <i class="fal fa-print fa-lg"></i>
                </a>
            </div>
        </div>
        <div class="card-body">
            <x-alert/>
            <div class="card-content space-y-3 mb-3">
                <x-show>
                    <x-slot name="label">
                        Emetteur
                    </x-slot>
                    {{$emetteur->nom_employe}} {{$emetteur->prenom_employe}}
                </x-show>
                <x-show>
                    <x-slot name="label">
                        Recepteur
                    </x-slot>
                    {{$recepteur->nom_employe}} {{$recepteur->prenom_employe}}
                </x-show>
                <x-show>
                    <x-slot name="label">
                        Date
                    </x-slot>
                    {{(new DateTime($bpf->date_oper))->format(Config('myahs.date_format'))}}
                </x-show>
                <x-show>
                    <x-slot name="label">
                        Objet
                    </x-slot>
                    {{key_exists($bpf->type_bpf, App\Lib\Combobox::bpf())?mb_strtoupper(App\Lib\Combobox::bpf()[$bpf->type_bpf],'UTF-8'):null}}
                </x-show>
                <x-show>
                    <x-slot name="label">
                        Montant
                    </x-slot>
                    {{App\Lib\Format::number($bpf->montant)}}
                </x-show>
            </div>
            <form id="frmBpf" method="post" action="{{route('gt.bpf.add')}}">
                @csrf
                <input type="hidden" name="bpfId" value="{{$bpf->id_bpf}}">
                <input type="hidden" id="bpfStatus" name="status">
            </form>
            <div class="py-2">

                @if($bpf->status == '0')

                    @if($user->name == $recepteur->id_employe)
                        <button id="btnValider" class="msg-box-show btn btn-warning">
                            <i class="fal fa-check mr-1"></i>
                            Valider
                        </button>
                    @endif

                    @if($user->name == $emetteur->id_employe)
                        <button id="btnAnnuler" class="msg-box-show btn btn-dark">
                            <i class="fal fa-times mr-1"></i>
                            Annuler
                        </button>
                    @endif

                @endif

            </div>
        </div>
    </div>
    <x-msg-box>
        <x-slot name="title">
            Passation de fond
        </x-slot>
        Voulez vous réellement valider ce passation de fond ?
    </x-msg-box>
@endsection

@section('script')
    <script>

        let validerBtn = document.getElementById('btnValider');

        if(validerBtn != undefined){

            validerBtn.addEventListener("click", function(e){
                e.preventDefault();

                document.getElementById('bpfStatus').setAttribute('value','1')

                Modal("#MsgBox", "show");
            })

        }

        let annulerBtn = document.getElementById('btnAnnuler');

        if(annulerBtn != undefined){

            annulerBtn.addEventListener("click", function(e){
                e.preventDefault();

                document.getElementById('bpfStatus').setAttribute('value','2')

                Modal("#MsgBox", "show");
            })

        }

        document.getElementById("btnYes").addEventListener("click", function(e){
            e.preventDefault();
            document.getElementById("frmBpf").submit();
        });
    </script>
@endsection