@extends('layouts.app')

@section('content')
    <div class="card w-5/6">
        <div class="card-head">
            <div class="font-semibold text-cyan-900 uppercase">
                <div class="font-semibold text-cyan-900 uppercase">
                    <i class="fal fa-car-side mr-1"></i>
                    Garantie @if(!empty($tiers->id_tiers)): <span class="text-orange-500">{{$tiers->id_tiers}}</span>@endif
                </div>
            </div>
            <div class="space-x-2 text-gray-500">
                <a id="addGarantie" href="#" class="hover:text-orange-500 mr-2">
                    <i class="fal fa-plus fa-lg"></i>
                </a>
                {{-- <a href="{{route('cd.patrimoine.create', [
                    'id_tiers'  =>$tiers->id_tiers,
                    'demandeId' =>!empty($demande->id_demande)?$demande->id_demande:null
                ])}}" class="hover:text-orange-500 mr-2">
                    <i class="fal fa-plus fa-lg"></i>
                </a> --}}
                @if(!empty($demande->id_demande))
                    <a href="{{route('cd.demande.show', $demande->id_demande)}}" class="hover:text-orange-500" title="Demande de prêt">
                        <i class="fal fa-file-signature fa-lg"></i>
                    </a>
                @endif
                @if(!empty($contrat->id_pret))
                    <a href="{{route('cd.contrat.show', $contrat->id_pret)}}" class="hover:text-orange-500" title="Demande de prêt">
                        <i class="fal fa-file-certificate fa-lg"></i>
                    </a>
                @endif
            </div>
        </div>
        <div class="card-body">

            <x-alert/>

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

            <div class="flex flex-col w-full">
                @if(!empty($demande->id_demande))
                    <div class="card-content mb-3">
                        <x-demande-pret-head :demande="$demande"></x-demande-pret-head>
                    </div>
                @endif
                <div class="card-content">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Code</th>
                                <th>Désignation</th>
                                <th>Description</th>
                                <th class="text-right">Valeur actuel</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @php
                                $i = 0;
                            @endphp
                            @foreach ($patrimoines as $patrimoine)
                                @php
                                    $i++;
                                    $valeur = key_exists($patrimoine->id_patrimoine, $valeurs) ? $valeurs[$patrimoine->id_patrimoine] : 0;
                                @endphp
                                <tr>
                                    <td>{{$i}}</td>
                                    <td>{{substr($patrimoine->id_patrimoine, -(strlen($patrimoine->id_patrimoine)-strlen(($tiers->id_tiers))))}}</td>
                                    <td>{{$patrimoine->designation}}</td>
                                    <td>{{$patrimoine->caracteristique}}</td>
                                    <td class="text-right">{{App\Lib\Format::number($patrimoine->valeur)}}</td>
                                    <td class="text-right">
                                        <a href="{{route('cd.patrimoine.show', [
                                            'id_patrimoine'=>$patrimoine->id_patrimoine,
                                            'demandeId' =>!empty($demande->id_demande)?$demande->id_demande:null])}}" class="mr-2 text-gray-500 hover:text-orange-500">
                                            <i class="fal fa-search-plus fa-lg"></i>
                                        </a>
                                        <a href="{{route('cd.patrimoine.edit', [
                                            'id_patrimoine'=>$patrimoine->id_patrimoine,
                                            'demandeId' =>!empty($demande->id_demande)?$demande->id_demande:null])}}" class="mr-2 text-gray-500 hover:text-orange-500">
                                            <i class="fal fa-edit fa-lg"></i>
                                        </a>
                                        <a href="" class="mr-2 text-gray-500 hover:text-orange-500">
                                            <i class="fal fa-paperclip fa-lg"></i>
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                            @if($i == 0)
                            <tr>
                                <td colspan="6" class="text-center">La liste est vide</td>
                            </tr>
                            @endif
                            @if($i > 0)
                            <tr class="font-bold">
                                <td colspan="4" class="text-right">TOTAL</td>
                                <td class="text-right">{{App\Lib\Format::number($sum_patrimoine)}}</td>
                                <td></td>
                            </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>

        </div>

    </div>

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

    <div id="garantieModal" class="modal hidden justify-center fixed w-full h-full top-0 left-0 z-50 bg-black bg-opacity-80">
        <div style="width: 50rem" class="pt-36">
            <div class="rounded-lg border border-gray-300 bg-white py-3">
                <div class="border-b border-gray-300 px-5 font-semibold">
                    <div class="flex justify-between py-2">
                        <div class="text-gray-700">
                            Garantie
                        </div>
                        <div>
                            <a href="#" class="btn-modal-close hover:text-orange-500">
                                <i class="fal fa-times"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="py-3 px-5">
                    <div class="flex items-center justify-between py-3 px-5">
                        <ul class="space-y-3 text-cyan-700 text-semibold">
                            <li>
                                <a href="{{route('cd.patrimoine.create', [
                                        'id_tiers'  =>$tiers->id_tiers,
                                        'demandeId' =>!empty($demande->id_demande)?$demande->id_demande:null
                                    ])}}">
                                    <i class="fal fa-couch mr-2"></i>
                                    Garantie Matériels</a>
                            </li>
                            <li>
                                <a href="{{route('cd.patrimoine.create', [
                                        'id_tiers'  =>$tiers->id_tiers,
                                        'demandeId' =>!empty($demande->id_demande)?$demande->id_demande:null
                                    ])}}">
                                    <i class="fal fa-truck mr-2"></i>
                                    Véhicule</a>
                            </li>
                            <li>
                                <a href="{{route('cd.patrimoine.create', [
                                        'id_tiers'  =>$tiers->id_tiers,
                                        'demandeId' =>!empty($demande->id_demande)?$demande->id_demande:null
                                    ])}}">
                                    <i class="fal fa-house-building mr-2"></i>
                                    Terrain et maison</a>
                            </li>
                            <li>
                                <a href="{{route('cd.patrimoine.create', [
                                        'id_tiers'  =>$tiers->id_tiers,
                                        'demandeId' =>!empty($demande->id_demande)?$demande->id_demande:null
                                    ])}}">
                                    <i class="fal fa-cart-shopping mr-2"></i>
                                    Autres garanties</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>


@endsection

@section('script')
    <script>

        // document.getElementById('banniere').addEventListener('click', function(e){
        //     e.preventDefault()
        //     Modal("#photoTiers", "show");
        // })

        document.getElementById('addGarantie').addEventListener('click', function(e){
            e.preventDefault()
            Modal("#garantieModal", "show");
        })

    </script>

    @yield('js')

@endsection