@extends('layouts.estimationlayout')
@section('title')
    {!! trans('home.meta_title') !!}@stop
@section('description')
    {!! trans('home.meta_desc') !!}@stop
@section('styles')
    <link rel="stylesheet preload" href="{{ url('/css/thankyou_valuation.css') }}?v={{ env('ASSET_VERSION') }}" as="style" />
@endsection
@section('content')

    <div class="Thankyou-wrapper">
        <div class="thanku-valuation">
            <div class="cancel_popup close-icon-outer" id="frame_12">
                <div class="close-popup-inner">
                    @lang('valuation.exit_text')
                    <div class="close-btn-outer">
                        <button class="back-btn btn_block">{{ trans('valuation.backtoform') }}</button>
                        <a href="{{ LaravelLocalization::localizeUrl('/contact') }}" target="_blank"
                            class="appointment-btn btn_block grey-btn">{{ trans('valuation.appointment') }}</a>
                        <a href="{{ url('/') }}" class="btn_block grey-btn">{{ trans('valuation.exit') }}</a>
                    </div>
                </div>
            </div>
            <div class="stage-first active frame_stage_1" id="stage_1">
                <div class="estimation-header">
                    <img src="{{ url('images/logo.svg') }}">
                    <span class="close-popup" data-forward="12">
                        {{ trans('valuation.close_btn') }}
                        <img src="{{ url('images/close.svg') }}">
                    </span>
                </div>
                <div class="stage_frames more-info-frame active" id="frame_stage_1">
                    <div class="container">
                        <div class="valuation-wrapper">

                            <div class="video-grid">
                                <div class="video-block">
                                    <div class="op-img">
                                        <!-- <img src="{{ url('images/valuation-video.jpg') }}" alt="Video"> -->
                                        <x-optimized-video src="/videos/Boucle Final.mp4" />
                                    </div>
                                    <p class="video-text">Cliquer sur la vidéo pour comprendre le calcul de l’estimateur</p>
                                    <span class="video_about_btn video_button " data-id="popup_video" data-popup="false"
                                        data-url="https://www.youtube.com/embed/S0L0ETmNP6k">
                                        <img src="{{ url('images/about_video_btn.svg') }}" alt="Video Icon">
                                    </span>
                                    <div class="popup_video popups">
                                        <div class="video_box">
                                            <div id="video"></div>
                                        </div>
                                    </div>
                                </div>
                                <span class="btn-span go_to_section" data-section="valuation-content">
                                    <p>
                                        @lang('valuation.your_estimation')
                                    </p>
                                    <span><img src="{{ url('images/arrow-down.svg') }}" alt=""
                                            class="down-arrow"></span>
                                </span>
                            </div>
                            <div class="valuation-content" id="valuation-content">
                                <div class="content">
                                    <h2 class="title">{{ trans('valuation.lastframe_title') }}</h2>
                                    <p class="subtitle">{{ trans('valuation.subtitle') }}</p>
                                    <p class="text-row">{{ trans('valuation.text') }}</p>
                                </div>
                                <div class="valuation-calculator">
                                    <div class="calculate-box">
                                        <span class="calculate-loader"></span>
                                        <div class="calculate-inner">
                                            <p class="subtitle">{{ trans('valuation.current_estimate') }}</p>
                                            <p class="title">{!! $title !!}</p>
                                            <p class="text">{{ $text }}</p>
                                        </div>
                                        <div class="calculate-output">
                                            <p class="subtitle">{{ trans('valuation.estimate_your_property') }}</p>
                                            <p class="title">{{ $saleprice }}</p>
                                            <p class="text">{{ $valuations }}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="valuation-commitment">
                                <div class="commitment-box">
                                    <h3>{{ trans('valuation.report_title') }}</h3>
                                    @lang('valuation.report_text')
                                </div>
                                <div class="appointment-block">
                                    <div class="inner-grid">
                                        <p class="subtitle">{{ trans('valuation.right_place') }}</p>
                                        <h3>@lang('valuation.commitment_text')</h3>
                                        <a href="{{ LaravelLocalization::localizeUrl('/contact') }}" class="btn_block"
                                            target="_blank">{{ trans('valuation.agent_button') }}</a>
                                    </div>
                                </div>
                            </div>
                            <div class="popup-close-bottom">
                                <span class="close-btn-bottom close-popup"
                                    data-forward="12">{{ trans('valuation.close_btn') }}<img
                                        src="{{ url('images/close-blue-white.svg') }}"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>



@stop
@section('scripts')
    <script src="https://www.youtube.com/iframe_api"></script>
    <script async type="text/javascript" src="{{ url('./js/estimation-thankyou.min.js') }}?=1.1" defer></script>
@stop