@extends('layout')

@inject('carbon', 'Carbon\Carbon')


@section('content')
    <div class=" page-header-light">

        <div class="d-flex justify-content-between align-items-center m-2" style="border-radius: none;">

            <div class="d-flex flex-column tailwind-scope">

                <h4 class="text-white text-2xl font-bold mb-1">Propriétés & Maintenance</h4>
                <p class="text-white text-base">Gestion des logements</p>
            </div>
            @include('shared.navbar')
        </div>
        {{-- @include('reservation._search') --}}
    </div>
    @php
        $currency = json_decode($property->attributes, true)['Currency'] ?? 'USD';
    @endphp
    <div class="content tailwind-scope ">
        <a class="flex items-center mb-4 text-lg " href="javascript:history.back()">
            <i class="fa-solid fa-arrow-left pr-2"></i> <span class="font-semibold">Retour</span>
        </a>
        {{-- <div class="content-wrapper"> --}}
            <div class="">
                {{-- <div class="card"> --}}
                    {{-- <div class="card-header header-elements-inline">
                        <div class="form-group">
                            <h3>{{$property->name}}</h3>
                            <p><i class="icon-pin"></i> {{html_entity_decode($property->street)}}</p>
                        </div>
                        <div class="form-group">
                            <h6><i class="icon-users"></i> {{$property->standard_guests}} &nbsp;<i
                                    class="icon-bed2"></i>{{$property->no_of_units}}</h6>
                        </div>
                    </div> --}}
                    <div class="card-body">
                        {{-- <div class="form-group">
                            <strong>CODE : {{$property->uid}}</strong>
                        </div> --}}
                        <div id="carouselExampleControls" class="carousel slide " data-ride="carousel">
                            <div class="carousel-inner rounded-3xl overflow-hidden relative">
                                @if ($property->images != null)
                                    @foreach(json_decode($property->images, true) as $key => $image)
                                        <div class="carousel-item {{$key === 0 ? 'active' : ''}} rounded-3xl overflow-hidden">
                                            <img class="d-block w-100 h-[650px]" src="{{$image['@value']}}"
                                                alt="{{$property->name}}"
                                                onerror="this.onerror=null; this.src='https://placeholder.pics/svg/970x650/DEDEDE/555555/not%20found';">
                                        </div>
                                    @endforeach
                                @else

                                @endif
                                <div class="bg-[#1B4E4DB2]/70 w-full absolute bottom-0 h-1/4 flex flex-col  py-6 ">
                                    <div class="px-16">

                                        <h4 class="text-2xl font-bold text-white tracking-wide mb-2"> {{$property->name}}
                                        </h4>
                                        <div class="flex items-center space-x-2 text-sm text-white capitalize">
                                            <i class="fa-solid fa-location-dot "></i>

                                            <p class="">
                                                {{$property->street}}

                                            </p>
                                        </div>

                                    </div>
                                </div>

                            </div>
                            <a class="carousel-control-prev" href="#carouselExampleControls" role="button"
                                data-slide="prev">
                                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                <span class="sr-only">Previous</span>
                            </a>
                            <a class="carousel-control-next" href="#carouselExampleControls" role="button"
                                data-slide="next">
                                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                <span class="sr-only">Next</span>
                            </a>
                        </div>
                        <div class="form-group mt-3">
                            <strong>DESCRIPTION :</strong>
                            @php
                                $descriptions = json_decode($property->descriptions, true);

                                if ($descriptions && isset($descriptions['Description'])) {
                                    $descriptions = is_array($descriptions['Description'])
                                        ? $descriptions['Description']
                                        : [$descriptions['Description']];
                                } else {
                                    $descriptions = [];
                                }
                            @endphp

                            @if (!empty($descriptions))
                                @foreach($descriptions as $desc)
                                    <p class="text-justify">
                                        {{ html_entity_decode($desc['Text']['@cdata'] ?? '') }}
                                        @if (!empty($desc['HouseRules']['@cdata']))
                                            <br><b>{{ html_entity_decode($desc['HouseRules']['@cdata']) }}</b>
                                        @endif
                                    </p>
                                @endforeach
                            @endif
                        </div>
                        <div class="form-group mt-3">
                            <div class="card" style="background: #fafafa">
                                <div class="card-body flex flex-col gap-2">
                                    <h5 class="card-title"> <strong>IMPORTANT INFORMATION :</strong></h5>
                                    <p class="card-text">
                                        @php
                                            $cancellationPolicy = json_decode($property->cancellation_policies, true);
                                            if (!empty($cancellationPolicy) && array_key_exists('CancellationPolicy', $cancellationPolicy)) {
                                                if (in_array('@value', array_keys($cancellationPolicy['CancellationPolicy']))) {
                                                    $cancellationPolicy['CancellationPolicy'] = [$cancellationPolicy['CancellationPolicy']];
                                                }
                                            }

                                            $checkInOut = json_decode($property->check_in_out, true);
                                        @endphp
                                        @if ($property->check_in_out != null)
                                            <p><i class="icon-enter mr-2"></i> Normal check-in hours (no charge)
                                                {{$checkInOut['CheckInFrom']}} to {{$checkInOut['CheckInTo']}}
                                            </p>
                                            <p><i class="icon-exit mr-2"></i> Hour of latest check-out on departure day
                                                {{$checkInOut['CheckOutUntil']}}
                                            </p>

                                        @endif

                                    <strong>Cancellation Policy</strong>
                                    @if ($property->cancellation_policies != null)
                                        @foreach($cancellationPolicy['CancellationPolicy'] as $cp)
                                            <p>{{$cp['@value']}}% will be charged when cancelling less than
                                                {{$cp['@attributes']['ValidTo'] ?? ''}} days before arrival</p>
                                        @endforeach
                                    @endif

                                    <strong>Security deposit</strong>
                                    <p>{{$property->security_deposit}} {{$currency}}</p>
                                    <strong>Cleaning fee</strong>
                                    <p>{{$property->cleaning_price}} {{$currency}}</p>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label>QRCode:</label>
                            <img src="https://chart.googleapis.com/chart?chs=300x300&cht=qr&chl={{$property->uid}}&choe=UTF-8"
                                title="Logement Detaille" />
                        </div>
                    </div>
                    {{--
                </div> --}}
            </div>
            {{--
        </div> --}}
    </div>
    </div>
@endsection