@extends('layouts.app')

@section('content')

    <div class="card w-5/6">
        <div class="card-head">
            <div class="font-semibold text-cyan-900 uppercase">
                <i class="fal fa-file-certificate mr-1"></i>
                Contrat de prêt @if(!empty($tiers->id_tiers)): <span class="text-orange-500">{{$tiers->id_tiers}}</span>@endif
            </div>
            <div class="space-x-2 text-gray-500">
                <a href="{{route('cd.contrat.index')}}" class="hover:text-orange-500 fa-lg" title="Liste des contrats">
                    <i class="fal fa-list"></i>
                </a>
                <a href="{{route('cd.demande.show', $demande->id_demande)}}" class="hover:text-orange-500 fa-lg" title="Demande de prêt">
                    <i class="fal fa-file-signature"></i>
                </a>
                <a href="{{route('cd.contrat.edit', $contrat->id_pret)}}" class="hover:text-orange-500 fa-lg" title="Editer le contrat">
                    <i class="fal fa-edit"></i>
                </a>
                <a href="{{route('cd.calendrier.show', $contrat->id_pret)}}" class="hover:text-orange-500 fa-lg" title="Calendrier de remboursement">
                    <i class="fal fa-calendar-alt"></i>
                </a>
                <a href="{{route('cd.fiche.show', $contrat->id_pret)}}" class="hover:text-orange-500" title="Fiche de remboursement">
                    <i class="fal fa-file-spreadsheet fa-lg"></i>
                </a>
                <a href="{{route('cd.contrat.pdf', $contrat->id_pret)}}" class="hover:text-orange-500 fa-lg" title="Imprimer contrat">
                    <i class="fal fa-print"></i>
                </a>
            </div>
        </div>
        <div class="card-body">

            <x-alert/>

            <x-tiers-bannier :tiers="$tiers"></x-tiers-bannier>

            <div class="flex flex-col space-y-4">

                <div class="card-content">
                    <x-demande-pret-head :demande="$demande"></x-demande-pret-head>
                </div>

                <div class="flex flex-col md:w-full lg:flex-row  lg:flex-wrap card-content">
                    <div class="w-full lg:w-2/4 pr-3 mb-2">
                        <x-show>
                            <x-slot name="label">
                                Réf de contrat
                            </x-slot>
                            {{$contrat->id_pret}}
                        </x-show>
                    </div>
                    {{-- <div class="w-full lg:w-2/4 pr-3 mb-2">
                        <x-show>
                            <x-slot name="label">
                                Réf de demande
                            </x-slot>
                            {{$contrat->demande_id}}
                        </x-show>
                    </div> --}}
                    @foreach ($attributes as $name => $attribue)
                    <div class="w-full lg:w-2/4 pr-3 mb-2">
                        <x-show>
                            <x-slot name="label">
                                {{ !empty($attribue->label) ? $attribue->label : $name }}
                            </x-slot>
                            @switch($attribue->type)
                                @case('date')
                                    {{(new DateTime($attribue->value))->format('d/m/Y')}}
                                    @break
                                @case('select')
                                        @if(key_exists((string)$attribue->value,$attribue->options))
                                            {{$attribue->options[(string)$attribue->value]}}
                                        @else
                                            {{ $attribue->value }}
                                        @endif
                                    @break
                                @case('money')
                                    {{ App\Lib\Format::number($attribue->value)}}
                                    @break
                                @default
                                {{$attribue->value}}
                            @endswitch
                        </x-show>
                    </div>
                    @endforeach
                    <div class="w-full lg:w-2/4 pr-3 mb-2">
                        <x-show>
                            <x-slot name="label">
                                ADCR
                            </x-slot>
                            @if(!empty($demande->employe_id))
                                {{$adcr->nom_employe}} {{$adcr->prenom_employe}}
                            @endif
                        </x-show>
                    </div>
                </div>
                <div class="flex justify-between">
                    <div class="flex space-x-3">
                        @foreach ($dossiers as $doc=>$libelle)
                            @if($doc == 'pt')
                                <a href="{{route('cd.garantie.index', $demande->id_demande)}}" class="btn btn-cyan">Garanties</a>
                            @else
                                <a href="{{route('cd.dossier').'/'.$doc.'/'.$demande->id_demande}}" class="btn btn-cyan">{{ucfirst($libelle)}}</a>
                            @endif
                        @endforeach
                    </div>
                    @if($contrat->autorise == 'N' && $droit_validation == '1')
                        <div>
                            <button id="btnDeblocage" class="msg-box-show btn btn-warning">
                                <i class="fal fa-thumbs-up mpr-2"></i>
                                Autoriser le déblocage
                            </button>
                        </div>
                    @else
                        @if($contrat->mode_edit == '0')
                            <div>
                                <button id="btnUnLockEdit" class="msg-box-show btn btn-warning-alt">
                                    <i class="fal fa-lock-open mpr-2"></i>
                                    Autoriser la modification
                                </button>
                            </div>
                        @endif

                        @if($contrat->mode_edit != '0')
                            <div>
                                <button id="btnDeblocage" class="msg-box-show btn btn-warning-alt">
                                    <i class="fal fa-lock mpr-2"></i>
                                    Verrouiller le contrat
                                </button>
                            </div>
                        @endif

                    @endif
                </div>
            </div>

        </div>

    </div>

    @if(!empty($tiers->id_tiers))
        <x-tiers-modal :tiers="$tiers"></x-tiers-modal>
    @endif

    @if($contrat->autorise == 'N')
        <form id="frmContrat" method="post" action="{{route('cd.contrat.debloque', $contrat->id_pret)}}">
            @csrf
            <input type="hidden" name="refPret" value="{{$contrat->id_pret}}">
        </form>
        <x-msg-box>
            <x-slot name="title">
                Contrat de prêt
            </x-slot>
            Voulez vous réellement autoriser le déblocage de ce prêt ?
        </x-msg-box>
    @else
        @if($contrat->mode_edit == '0')
            <x-form-modal>
                <x-slot:title>
                    Modification de contrat
                </x-slot:title>
                <div>
                    <div class="mb-5">
                        Veuillez cocher les modifications à autoriser :
                    </div>
                    <form id="frmContrat" method="post" action="{{route('cd.contrat.autorEdit')}}">
                        @csrf
                        <input type="hidden" name="refPret" value="{{$contrat->id_pret}}">
                        <div class="flex items-center space-x-5">
                            <div>
                                Contrat :
                                <input type="checkbox" name="editContrat" class="checkbox">
                            </div>
                            <div>
                                Calenfier :
                                <input type="checkbox" name="editCalendrier" class="checkbox">
                            </div>
                        </div>

                    </form>
                </div>
                <x-slot:footer>
                    <div class="flex w-full justify-center">
                        <button id="btnYes" class="btn btn-warning">
                            <i class="fal fa-thumbs-up fa-lg mr-1"></i>
                            OK
                        </button>
                    </div>
                </x-slot:footer>
            </x-form-modal>
        @else
            <form id="frmContrat" method="post" action="{{route('cd.contrat.lock')}}">
                @csrf
                <input type="hidden" name="refPret" value="{{$contrat->id_pret}}">
            </form>
            <x-msg-box>
                <x-slot name="title">
                    Contrat de prêt
                </x-slot>
                Voulez vous réellement verrouiller ce contrat de prêt ?
            </x-msg-box>
        @endif
    @endif

@endsection

@section('script')
    <script>

        let btnDeblocage = document.getElementById('btnDeblocage')

        let btnUnLockEdit = document.getElementById('btnUnLockEdit')

        if(btnDeblocage != undefined){

            btnDeblocage.addEventListener('click', function(){
                Modal("#MsgBox", 'show');
            })

        }

        if(btnUnLockEdit != undefined){

            btnUnLockEdit.addEventListener('click', function(){
                Modal("#frmModal", 'show');
            })

        }

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

    </script>
@endsection