@extends('layouts.app')

@section('content')
    <div class="card w-4/5">
        <div class="card-head">
            <div class="font-semibold text-cyan-900 uppercase">
                <i class="fal fa-users mr-1"></i>
                personne morale : {{$id_tiers}}
            </div>
            <div class="space-x-2 text-gray-500">
                <a href="{{route('tiers.index')}}" class="hover:text-orange-500">
                    <i class="fal fa-list fa-lg"></i>
                </a>
                <a href="{{ route('tiers.edit', [
                    'id_tiers'  =>$id_tiers,
                    'type_tiers'=>strtolower($type_tiers)]) }}" class="hover:text-orange-500">
                    <i class="fal fa-edit fa-lg"></i>
                </a>
                <a href="{{route('ep.demande.produit', $id_tiers)}}" class="hover:text-orange-500" title="Créer un nouveau compte">
                    <i class="fal fa-money-check-edit-alt fa-lg"></i>
                </a>
                <a href="#" class="hover:text-orange-500">
                    <i class="fal fa-print fa-lg"></i>
                </a>
            </div>
        </div>
        <div class="card-body">

            @if(!empty($revenant->id_revenant))
                <div class="flex border border-yellow-700 border-opacity-30 rounded-md shadow-sm px-3 py-2 mb-3 bg-orange-100 bg-opacity-60">
                    <div class="mr-5 text-orange-800">Une demande de réactivation de compte est attente pour ce membre.</div>
                    <div class="flex space-x-3">
                        <button class="btn-revenant bg-orange-500 px-3 rounded-md text-white text-opacity-90 hover:bg-orange-600 shadow-md" data-decision="2">
                            <i class="fal fa-thumbs-up"></i>
                            Accorder
                        </button>
                        <button class="btn-revenant bg-yellow-600 px-3 rounded-md text-white text-opacity-90 hover:bg-yellow-500 shadow-md" data-decision="3">
                            <i class="fal fa-thumbs-down"></i>
                            Refuser
                        </button>
                    </div>
                </div>
            @endif

            <x-alert/>
            <div class="flex justify-between">
                <x-tiers-compte :tiers="$tiers"/>
                <div>
                    <a href="{{route('tiers.doc.index', $tiers->id_tiers)}}" class="text-orange-400">
                        <i class="fad fa-folder fa-lg mr-2"></i>
                        <span class="text-gray-600">Autres documents</span>
                    </a>
                </div>
            </div>
            <div class="flex items-center justify-center text-xl mb-3 font-bold pl-10 text-white text-opacity-50 py-2 bg-cyan-800">
                {{$tiers->id_tiers}} # {{$tiers->nom_tiers}} @if(!empty($tiers->prenom_tiers))({{$tiers->prenom_tiers}})@endif
            </div>
            <div class="card-content">
                <div class="">@php
                    $groups = [
                        1=>"Informations principales",
                        2=>"Autres informations"
                    ];
                @endphp
                @foreach($groups as $key=>$group)
                <div class="flex bg-gray-500 bg-opacity-20 pl-5 py-1 mb-3 text-gray-500 font-semibold">
                    {{$group}}
                </div>
                <div class="flex flex-col md:w-full lg:flex-row  lg:flex-wrap">
                    @foreach ($fields as $name => $attribues)
                    @php $attribue_group = !empty($attribues->group)? $attribues->group : null @endphp
                        @if($attribue_group == $key)
                        <div class="w-full lg:w-2/4 pr-3 mb-2">
                            <x-show>
                                <x-slot name="label">
                                    {{ !empty($attribues->label) ? $attribues->label : $name }}
                                </x-slot>
                                @if(!empty($attribues->value))
                                    @switch($attribues->type)
                                        @case('date')
                                            {{(new DateTime($attribues->value))->format('d/m/Y')}}
                                            @break
                                        @case('select')
                                            {{ $attribues->value }} :
                                                @if(key_exists($attribues->value,$attribues->options))
                                                    {{$attribues->options[$attribues->value]}}
                                                @endif
                                            @break
                                        @default
                                        {{$attribues->value}}
                                    @endswitch
                                @else
                                    <span class="text-orange-500">ND</span>
                                @endif
                            </x-show>
                        </div>
                        @endif
                    @endforeach
                </div>
                @endforeach
                </div>
            </div>
            <div class="flex justify-end mt-1">
                <a href="{{route('tiers.profil.show', $tiers->id_tiers)}}" class="text-gray-500 hover:text-orange-500">
                    <i class="fal fa-battery-half fa-lg mr-1"></i>
                    Consulter profil
                </a>
            </div>
        </div>
        <form id="frmRevenant" method="post" action="{{route('tiers.revenant.compte')}}">
            @csrf
            <input type="hidden" name="folio" value="{{$tiers->id_tiers}}">
            <input type="hidden" name="decision" id="decision">
            <input type="hidden" name="revenantId" id="revenantId" value="{{!empty($revenant->id_revenant)?$revenant->id_revenant:''}}">
        </form>
    </div>

    <x-msg-box>
        <x-slot name="title">Réactivation</x-slot>
        <p id="textMsg"></p>
    </x-msg-box>
    
@endsection

@section('script')
    <script>
        

        let btnRevenant = document.querySelectorAll('.btn-revenant');


        btnRevenant.forEach(revenant => {

            revenant.addEventListener('click', function(e){

                let decision = revenant.getAttribute('data-decision');

                msg = "Voulez vous réellement accorder cette demande";

                if(decision == '3'){

                    msg = "Voulez vous réellement refuser cette demande";

                }

                document.getElementById('decision').setAttribute('value', decision);

                document.getElementById('textMsg').textContent=msg;

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

       });

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

    </script>
@endsection