@extends ('layouts.default')
@if (!$whiseError)
    @section('title'){{ trim(
        (isset($estates['subCategory']['id']) && $estates['subCategory']['id'] == 3
            ? trans('single.subcategory.' . $estates['subCategory']['id'])
            : (isset($estates['category']['id'])
                ? trans('single.category.' . $estates['category']['id'])
                : '')) .
            ' ' .
            (isset($estates['city']) && isset($estates['purpose']['name']) && $estates['purpose']['name']
                ? trans('single.' . $estates['purpose']['name']) . ' '
                : '') .
            (isset($estates['city']) ? trans('single.for') . ' ' . $estates['city'] . ' | EXPERTISSIMMO' : ''),
    ) }}@stop

    @section('description'){{ trim(collect($estates['sms'] ?? [])->pluck('content')->implode(' ')) }}@stop

        @if ($canonical_url)
            @section('canonical'){{ $canonical_url }}@stop
            @endif

            @section('image')@if (isset($estates['pictures']))
                @foreach ($estates['pictures'] as $pic)
                    @if ($loop->first)
                        {{ $pic['urlLarge'] }}
                    @endif
                @endforeach
            @endif @stop

            @if (isset($estates['displayStatusId']) && $estates['displayStatusId'] == 3)
                @section('meta')
                    <meta name="googlebot" content="noindex">
                @stop
            @endif

            @if (isset($estates['purposeStatus']['id']) && $estates['purposeStatus']['id'] == 3)
                @section('meta')
                    <meta name="googlebot" content="noindex">
                @stop
            @endif

            @if (isset($estates['purposeStatus']['id']) && $estates['purposeStatus']['id'] == 4)
                @section('meta')
                    <meta name="googlebot" content="noindex">
                @stop
            @endif
        @else
            {{-- Pages d'erreur : empêcher l'indexation Google --}}
            @section('title'){{ trans('thankyou.error_title') }} | EXPERTISSIMMO
            @stop
            @section('description'){{ trans('thankyou.error_heading') }} {{ trans('list.whise-error_1') }}
            @stop
            @section('meta')
                <meta name="robots" content="noindex, nofollow, noarchive, nosnippet">
            @stop
        @endif

    @section('styles')

        <link rel="stylesheet" type="text/css" href="{{ url('css/single.css') }}?v={{ env('ASSET_VERSION') }}">
        <link href="{{ url('css/slick.css') }}" media="slick" onload="this.onload=null;this.removeAttribute('media');"
            rel="stylesheet" />
        <link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.8/slick-theme.css" rel="stylesheet" media="theme"
            onload="this.onload=null;this.removeAttribute('media');" />
        <!-- <link href="https://cdnjs.cloudflare.com/ajax/libs/slick-lightbox/0.2.12/slick-lightbox.css" rel="stylesheet" /> -->
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css"
            type="text/css" media="screen" />
        <link href="{{ url('css/jquery.simple-dtpicker.css') }}" rel="stylesheet" />
    @stop
@section('content')
    <main class="single_page">
        @if ($whiseError)
            <div class="container">
                <div class="whise-error-content" style="text-align: center; padding: 40px 20px;">
                    <h1>{{ trans('thankyou.error_heading') }}</h1>

                    <div style="margin: 30px 0;">
                        <h3>{{ trans('thankyou.error_link_2') }}</h3>
                        <div style="display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; margin-top: 20px;">
                            <a href="{{ LaravelLocalization::localizeUrl('/biens-a-vendre') }}"
                                style="color: #1f4496; text-decoration: none; font-weight: 600; transition: text-decoration 0.3s ease;"
                                onmouseover="this.style.textDecoration='underline'"
                                onmouseout="this.style.textDecoration='none'">
                                {{ trans('list.on_sale.meta_title') }}
                            </a>
                            <a href="{{ LaravelLocalization::localizeUrl('/biens-a-louer') }}"
                                style="color: #1f4496; text-decoration: none; font-weight: 600; transition: text-decoration 0.3s ease;"
                                onmouseover="this.style.textDecoration='underline'"
                                onmouseout="this.style.textDecoration='none'">
                                {{ trans('list.on_rent.meta_title') }}
                            </a>
                        </div>
                    </div>

                    <div style="margin-top: 30px;">
                        <a href="{{ LaravelLocalization::localizeUrl('/') }}" class="btn_block">
                            {{ trans('thankyou.error_link_1') }}
                        </a>
                    </div>
                </div>
            </div>
        @else
            <div class="container">
                <div class="head_single">
                    <p class="subheading">
                        @if (isset($estates['purpose']['id']) && $estates['purpose']['id'] == 1)
                            {{ trans('single.textsale') }}
                        @elseif(isset($estates['purpose']['id']) && $estates['purpose']['id'] == 2)
                            {{ trans('single.textrent') }}
                        @endif
                    </p>
                    <div class="head_inner">
                        <h1 class="heading">
                            @if (isset($estates['subCategory']['id']) && $estates['subCategory']['id'] == 3)
                                {{ trans('single.subcategory.' . $estates['subCategory']['id']) }}
                            @elseif(isset($estates['category']['id']))
                                {{ trans('single.category.' . $estates['category']['id']) }}
                                @endif @if (isset($estates['city']))
                                    @if (isset($estates['purpose']['name']) && $estates['purpose']['name'])
                                        {{ trans('single.' . $estates['purpose']['name']) }} @endif
                                    {{ trans('single.for') }} {{ $estates['city'] }}
                                @endif
                        </h1>
                        <span class="rate_box">
                            @if (isset($estates['displayPrice']) && $estates['displayPrice'] && isset($estates['price']))
                                {{ $estates['price'] . ' ' . $estates['currency'] }}
                            @endif
                        </span>
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="slider_single">
                    <div class="slider_outer">
                        @if (isset($estates['linkVirtualVisit']))
                            <div class="iframe_box">
                                <iframe id="virtual_link" width="" height=""
                                    src="{{ $estates['linkVirtualVisit'] }}" frameborder="0" allowfullscreen></iframe>
                            </div>
                        @endif
                        <div class="btn_grid">
                            @if (isset($estates['link3DModel']))
                                <span class="video_button" data-id="popup_video"
                                    data-url="@if ($estates['link3DModel'] != '') {{ $estates['link3DModel'] }} @endif">
                                    <img src="{{ url('/images/about_video_btn.svg') }}" alt="video">
                                </span>
                            @endif
                            @if (isset($estates['linkVirtualVisit']))
                                <span class="btn_block virtual_visit">
                                    Visite 3D
                                </span>
                            @endif
                        </div>
                        <div class="close_popup close_virtual"></div>
                        @if (isset($estates['purposeStatus']) && $estates['purposeStatus']['id'] == 4)
                            <div class="badge">{{ trans('list.rented') }}</div>
                        @endif
                        <div class="banner_slider">
                            @if (isset($estates['pictures']))
                                @foreach ($estates['pictures'] as $pic)
                                    <a class="img_popup" href="{{ $pic['urlXXL'] }}">
                                        <img src="{{ $pic['urlXXL'] }}" alt="slider" class="large_screen">
                                        <img src="{{ $pic['urlLarge'] }}" alt="slider" class="medium_screen">
                                    </a>
                                @endforeach

                            @endif
                        </div>
                    </div>
                    <div class="slider-for single_thumbnail">
                        @if (isset($estates['pictures']))
                            @foreach ($estates['pictures'] as $pic)
                                <div class="thumbnail_img">
                                    <img src="{{ $pic['urlSmall'] }}" alt="slider">
                                </div>
                            @endforeach
                        @endif
                    </div>
                </div>
            </div>
            <section class="information_section">
                <div class="container">
                    <div class="info_block">
                        <div class="content">
                            @if (isset($estates['sms']))
                                @foreach ($estates['sms'] as $description)
                                    {!! $description['content'] !!}
                                @endforeach
                            @endif
                            <div class="btn_grid">
                                <button class="btn_block go_to_section"
                                    data-section="single_contact_section">{{ trans('single.visit_btn') }}</button>
                                @if (isset($estates['link3DModel']))
                                    <button class="btn_block video_button" data-id="popup_video"
                                        data-url="@if ($estates['link3DModel'] != '') {{ $estates['link3DModel'] }} @endif">{{ trans('single.video_btn') }}</button>
                                @endif
                                <button class="btn_block details"
                                    data-id="popup_property">{{ trans('single.sheet_btn') }}</button>
                            </div>
                        </div>
                        <div class="location_info">
                            {{-- Bouton de réservation de visite Whise (chargé dynamiquement) --}}
                            <div id="visit-booking-container"></div>
                            <ul @if (isset($estates['displayAddress']) && $estates['displayAddress']) class="addr_shown" @endif>

                                @if (isset($estates['displayAddress']) && $estates['displayAddress'])
                                    <li>
                                        <span>
                                            <img src="{{ url('/images/MapPinLine.svg') }}" alt="map">
                                        </span>

                                        <p>
                                            @if (isset($estates['address']))
                                                {{ $estates['address'] }}, @if (isset($estates['number']))
                                                    {{ $estates['number'] }}
                                                @endif
                                            @endif
                                            <br>
                                            @if (isset($estates['zip']))
                                                {{ $estates['zip'] }}
                                                @endif @if (isset($estates['city']))
                                                    {{ $estates['city'] }}
                                                @endif
                                        </p>
                                    </li>
                                @endif
                                @if ($estates['category']['id'] !== 7)
                                    <li>
                                        <span>
                                            <img src="{{ url('/images/Bed.svg') }}" alt="bed">
                                        </span>
                                        <p>
                                            @if (isset($estates['rooms']))
                                                @if ($estates['rooms'] > 1)
                                                    {{ $estates['rooms'] }} {{ trans('single.rooms') }}
                                                @else
                                                    {{ $estates['rooms'] }} {{ trans('single.room') }}
                                                @endif
                                            @else
                                                0 {{ trans('single.room') }}
                                            @endif
                                        </p>
                                    </li>
                                @endif
                                <li>
                                    <span>
                                        <img src="{{ url('/images/ArrowsOutSimple.svg') }}" alt="Arrows">
                                    </span>
                                    <p>
                                        @if (isset($estates['area']))
                                            {{ $estates['area'] }}
                                        @else
                                            0
                                            @endif m² @if ($estates['category']['id'] !== 7)
                                                habitable
                                            @endif
                                    </p>

                                </li>
                                @if ((isset($estates['garden']) && $estates['garden']) || (isset($estates['terrace']) && $estates['terrace']))
                                    <li>
                                        <p>@lang('single.with')
                                            @if (isset($estates['garden']) && $estates['garden'] > 0 && (isset($estates['terrace']) && $estates['terrace'] > 0))
                                                {{ trans('single.garden') }}/{{ trans('single.jardin') }}
                                            @elseif(isset($estates['garden']) && $estates['garden'] > 0)
                                                {{ trans('single.garden') }}
                                            @elseif(isset($estates['terrace']) && $estates['terrace'] > 0)
                                                {{ trans('single.jardin') }}
                                            @endif
                                        </p>
                                    </li>
                                @endif
                                @if ($estates['category']['id'] !== 7)
                                    <li>
                                        <span>
                                            <img src="{{ url('/images/bathtub-icon.svg') }}" alt="drop">
                                        </span>
                                        <p>
                                            @if (isset($estates['bathRooms']))
                                                @if ($estates['bathRooms'] > 0)
                                                    {{ $estates['bathRooms'] }}
                                                    @if ($estates['bathRooms'] > 1)
                                                        {{ trans('single.bathrooms') }}
                                                    @else
                                                        {{ trans('single.bathroom') }}
                                                    @endif
                                                @endif
                                            @endif
                                        </p>
                                    </li>
                                @endif
                                @if ($estates['category']['id'] !== 7)
                                    <li>
                                        @if (
                                            ((isset($estates['parking']) && $estates['parking'] == 0) || !isset($estates['parking'])) &&
                                                ((isset($estates['garage']) && $estates['garage'] == 0) || !isset($estates['garage'])))
                                            <p>@lang('single.parking')</p>
                                        @elseif(isset($estates['parking']) && $estates['parking'] > 0 && (isset($estates['garage']) && $estates['garage'] > 0))
                                            <p>@lang('single.avl_garage')</p>
                                        @elseif(isset($estates['parking']) &&
                                                $estates['parking'] > 0 &&
                                                ((isset($estates['garage']) && $estates['garage'] == 0) || !isset($estates['garage'])))
                                            <p>@lang('single.avl_parking')</p>
                                        @elseif(
                                            ((isset($estates['parking']) && $estates['parking'] == 0) || !isset($estates['parking'])) &&
                                                (isset($estates['garage']) && $estates['garage'] > 0))
                                            <p>@lang('single.avl_garage')</p>
                                        @endif
                                    </li>
                                @endif
                                @if (isset($estates['energyClass']))
                                    <li class="icon">
                                        <x-optimized-image src="images/single_peb_icon_{{ $estates['energyClass'] }}.png"
                                            alt="icon" class="icon" />
                                    </li>
                                @endif
                                <li>
                                    <p><span>Réf:</span> {{ $estates['id'] }}</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </section>
            @if (isset($estates['documents']))
                <section>
                    <div class="main-sec download-docs">
                        <div class="container">
                            <h2 class="heading">Documents du bien</h2>
                            <div class="inner-sec-sub">
                                @foreach ($estates['documents'] as $doc)
                                    <div class="sub-content" data-url="{{ $doc['url'] }}"
                                        data-name="{{ $doc['name'] }}">
                                        <img src="{{ url('/images/download.svg') }}" alt="Arrows">
                                        <p class="content">{{ preg_replace('/\.\w+$/', '', $doc['name']) }}</p>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </section>
            @endif
            <section class="single_contact_section">
                <div class="container">
                    <div class="form_block">
                        <div class="left">
                            <div class="contact-heading">
                                <h3 class="heading_main">{{ trans('single.interest') }}</h3>
                                <ul>
                                    @lang('single.address')
                                </ul>
                            </div>
                            @php
                                $agents = [];
                                $agentss = [];
                                $key = 0;
                            @endphp
                            @if (isset($estates['comments']))
                                @foreach ($all_agents as $k => $v)
                                    @if (str_contains($estates['comments'], '** ' . $v . ' **'))
                                        @php
                                            $agents[$key]['name'] = $v;
                                            $key++;
                                        @endphp
                                    @endif
                                @endforeach
                            @endif

                            @if (!empty($agents))
                                <div class="agent-info">
                                    <h6 class="agent-name">
                                        @if (count($agents) > 1)
                                            Vos agents
                                        @else
                                            Votre agent
                                        @endif
                                        <br>
                                        @foreach ($agents as $agent)
                                            <span>{!! str_replace('Agent', ' ', str_replace(':', ' ', $agent['name'])) !!}</span>
                                        @endforeach
                                    </h6>

                                    <div class="agent-images @if (count($agents) > 1) multiple-img @endif">
                                        @foreach ($agents as $agent)
                                            <img src="{{ url('/images/agents/' . $agent['name'] . '.png') }}"
                                                alt="agent"
                                                class="@if (count($agents) > 1) multiple @else single-img @endif">
                                        @endforeach
                                    </div>

                                </div>
                            @endif
                        </div>
                        <div class="right contact_form">
                            <div class="contact-form-inner">
                                <form method="post" id="single"
                                    action="{{ LaravelLocalization::localizeUrl('/submit-single') }}">
                                    @csrf
                                    <input type="hidden" name="page" value="single" id="single_page"
                                        class="valid">
                                    <input type="hidden" name="estateid" value="{{ $estates['id'] }}"
                                        id="single_estateid" class="valid">
                                    @if (isset($estates['displayPrice']) && $estates['displayPrice'] && isset($estates['price']))
                                        <input type="hidden" name="estateprice"
                                            value="{{ $estates['price'] . ' ' . $estates['currency'] }}"
                                            id="single_estateprice" class="valid">
                                    @endif
                                    @if (isset($estates['referenceNumber']))
                                        <input type="hidden" name="estateref" value="{{ $estates['referenceNumber'] }}"
                                            id="single_estateref" class="valid">
                                    @endif

                                    @if (isset($estates['displayAddress']) && $estates['displayAddress'])
                                        @if (isset($estates['address']))
                                            <input type="hidden" name="address" value="{{ $estates['address'] }}"
                                                id="single_address" class="valid">
                                        @endif

                                        @if (isset($estates['number']))
                                            <input type="hidden" name="street" value="{{ $estates['number'] }}"
                                                id="single_street" class="valid">
                                        @endif
                                        @if (isset($estates['city']))
                                            <input type="hidden" name="city" value="{{ $estates['city'] }}"
                                                id="single_city" class="valid">
                                        @endif
                                        @if (isset($estates['purpose']['id']))
                                            <input type="hidden" name="purposId"
                                                value="{{ $estates['purpose']['id'] }}" id="single_purposId"
                                                class="valid">
                                        @endif
                                    @endif
                                    <input type="hidden" name="estatetitle"
                                        value="@if (isset($estates['category']['id'])) {{ trans('single.category.' . $estates['category']['id']) }} @endif @if (isset($estates['city'])) @if (isset($estates['purpose']['name']) && $estates['purpose']['name']){{ trans('single.' . $estates['purpose']['name']) }} @endif{{ trans('single.for') }} {{ $estates['city'] }} @endif"
                                        id="single_estatetitle" class="valid">
                                    <input type="hidden" id="single_g-recaptcha-response" name="g-recaptcha-response"
                                        class="valid">
                                    <input type="hidden" name="language" id="single_language"
                                        value="{{ app()->getLocale() }}" class="valid">
                                    <input type="hidden" name="action" value="validate_captcha" class="valid"
                                        id="single_action">

                                    <div class="loader">
                                        <img src="{{ url('/images/loader.gif') }}" alt="loader">
                                    </div>
                                    <div class="form_inner_wrap">
                                        <h2 class="form_haeding">{{ trans('single.info') }}</h2>
                                        <div class="form_grid">
                                            <div class="form_wrap input__block">

                                                <div class="box">
                                                    <label>{{ trans('contact.form.firstname') }}</label>
                                                    <input type="text" name="first_name" class="fullname"
                                                        id="single_first_name">
                                                </div>
                                                <div class="box">
                                                    <label>{{ trans('contact.form.lastname') }}</label>
                                                    <input type="text" name="name" class="fullname"
                                                        id="single_name">
                                                </div>
                                                <div class="box">
                                                    <label>{{ trans('contact.form.number') }}</label>
                                                    <input type="number" name="telephone" class="telephone"
                                                        id="single_telephone">
                                                </div>
                                                <div class="box">
                                                    <label>{{ trans('contact.form.email') }}</label>
                                                    <input type="email" name="email" class="email"
                                                        id="single_email">
                                                </div>
                                            </div>
                                            <div class="form_wrap input__block">
                                                <div class="box">
                                                    <label>{{ trans('contact.form.message') }}</label>
                                                    <textarea name="message" class="message" id="single_message"></textarea>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="checkbox-field">
                                        <div class="checkbox_grid">
                                            <label>
                                                <input type="checkbox" name="contact_type_id" value="208731"
                                                    id="single_contact_type_id" class="valid">
                                                <span></span>
                                                <p>{{ trans('common.criteria.owner') }}</p>
                                            </label>
                                        </div>
                                        <div class="checkbox_grid">
                                            <label>
                                                <input type="checkbox" class="accept" name="accept" id="single_accept">
                                                <span></span>
                                                <p>{{ trans('single.accept') }}</p>
                                            </label>
                                        </div>
                                        <div class="checkbox_grid">
                                            <label>
                                                <input type="checkbox" class="newsletter" name="newsletter"
                                                    id="single_newsletter">
                                                <span></span>
                                                <p>{{ trans('contact.form.newsletter') }}</p>
                                            </label>
                                        </div>
                                    </div>
                                    <div class="align_right">
                                        <button class="btn_block">{{ trans('contact.form.submit') }}</button>
                                    </div>
                                    <div class="messages">
                                        <p class="success">{{ trans('contact.form.successmsg') }} </p>
                                        <p class="error">{{ trans('contact.form.errormsg') }} </p>
                                        <p class="recaptcha">{{ trans('contact.form.recaptcha') }} </p>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <section>
                <center class="commitment_box">
                    <h2>@lang('single.commitment')</h2>
                </center>
            </section>
        @endif
    </main>
    <div class="main-list-media">
        <div class="social-media">
            <div class="content">
                @if (isset($estates['displayPrice']) && $estates['displayPrice'] && isset($estates['price']))
                    <p>{{ $estates['price'] . ' ' . $estates['currency'] }}</p>
                @endif

            </div>
            <div class="sub-media">
                <a href="mailto:info@expertissimmo.eu"><img src="{{ url('/images/email.png') }}" alt="email"></a>
                <a href="tel:02 736 67 92"><img src="{{ url('/images/call.png') }}" alt="call"></a>
            </div>
        </div>
    </div>
    @if (!$whiseError)
        @include('popups.video_popup')
        @include('popups.property_detail')
    @endif

@stop

@section('scripts')
    <script src="https://www.youtube.com/iframe_api"></script>
    <script src="https://code.jquery.com/jquery-migrate-1.2.1.min.js" defer></script>
    <script type="text/javascript" src="{{ url('js/slick.js') }}" defer></script>
    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-lightbox/0.2.12/slick-lightbox.min.js"></script> -->
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js">
    </script>
    <script src="{{ url('./js/jquery.simple-dtpicker.js') }}"></script>
    <script async type="text/javascript" src="{{ url('./js/single.min.js') }}?v={{ env('ASSET_VERSION') }}" defer>
    </script>

    @if (!$whiseError && isset($estates['id']))
        <script>
            // Load visit booking button without cache
            fetch('{{ LaravelLocalization::localizeUrl('/api/visit-booking-info/' . $estates['id']) }}')
                .then(response => response.json())
                .then(data => {
                    if (data.success && data.visitBookingLink && !data.isOnlineBookingBlocked) {
                        const container = document.getElementById('visit-booking-container');
                        if (container) {
                            container.innerHTML = `
                            <div class="app-btn">
                                <a href="${data.visitBookingLink}" 
                                   target="_blank" 
                                   class="btn_block appointment"
                                   rel="noopener noreferrer">
                                    Réserver une visite
                                </a>
                            </div>
                        `;
                        }
                    }
                })
                .catch(err => console.error('Error loading visit booking info:', err));
        </script>
    @endif
@stop