@extends('site.layouts.master')

@section('title')
    <title>@lang('site.sell_business')</title>
@endsection
@section('metatags')
    <link rel="canonical" href="{{str_replace('public/', '', url()->current())}}">
    <link rel="alternate" hreflang="@if (app()->getLocale() == 'ar'){{'en' }}@else{{'ar'}}@endif"
        href="@if (app()->getLocale() == 'en' && str_contains(url()->current(), '/en/')){{str_replace('/en/', '/ar/', str_replace('public/', '', url()->current()))}}@else{{str_replace('/ar/', '/en/', str_replace('public/', '', url()->current()))}}@endif">
    <link rel="alternate" hreflang="@if (app()->getLocale() == 'ar'){{'ar' }} @else{{'en'}}@endif"
        href="{{str_replace('public/', '', url()->current())}}">
@endsection
@section('content')
    <div class="customWidth my-3 mb-lg-0 mb-lg-4 h-100 d-lg-flex align-items-center">
        <div class="col-lg-10">
            <h1 class="SF40_48Bold SF60_78Bold-lg text-white">@lang('site.sell_business')</h1>
            <p class="SF16_30Medium SF22_30Regular-lg text-white">@lang('site.sell_business_quote')</p>
        </div>
    </div>
@endsection
@section('sell_business_content')
    @php
        $seo = SEO\Models\Page::where('path', URL::full())->first();
    @endphp
    @if ($seo != null)
        @php
            if (LaravelLocalization::getCurrentLocale() == 'ar') {
                $contentTop = $seo->content_top_ar;
            } else {
                $contentTop = $seo->content_top;
            }
        @endphp
        @if (isset($contentTop))
            @if (!empty($contentTop))
                <div id="seeDIV2" class="changeLink col-11 col-md-10 mx-auto text-justify">
                    {!! $contentTop !!}
                </div>
            @endif
        @endif
    @endif
    <div class="customWidth py-4">
        <div class="mb-4 mb-lg-5">
            <p class="text-3b3b3b SF22_26Bold SF40_50Bold-lg">@lang('site.sell_business_t')</p>
            <p class="text-9b9b9b SF14_20Medium SF22_30Regular-lg">@lang('site.sell_business_t_quote')</p>
            <p class="text-9b9b9b SF14_20Medium SF22_30Regular-lg">@lang('site.sell_business_t_quote2')</p>
            <div>
                <a href="#sell_form" class="py-3 text-white btn bg-blue SF20_24Bold-Important col-12 col-lg-5">@lang('site.sell_your_business')</a>
            </div>
        </div>
        <div class="mb-4 mb-lg-5">
            <p class="text-3b3b3b SF22_26Bold SF40_50Bold-lg">@lang('site.current_market_question')</p>
            <p class="text-9b9b9b SF14_20Medium SF22_30Regular-lg">@lang('site.current_market_question_quote')</p>
            <div>
                <a href="#sell_form"
                    class="py-3 text-white btn bg-3b3b3b SF20_24Bold-Important col-12 col-lg-2">@lang('site.enquire_now')</a>
            </div>
        </div>
        <div class="d-lg-flex flex-row-reverse justify-content-lg-between">
            <div class="my-3 col-lg-5 @if(app()->getLocale() == 'ar') pe-5 @else ps-5 @endif">
                <img class="w-100 rounded-3 objectFitCover sellBusinessMiddle"
                    src="{{ asset('new_theme/management-form1.webp') }}" alt="sell_business">
            </div>
            <div class="mb-4 mb-lg-5 col-lg-7">
                <p class="text-3b3b3b SF22_26Bold SF40_50Bold-lg">@lang('site.sell_with_remax')</p>
                <p class="text-9b9b9b SF14_20Medium SF22_30Regular-lg">@lang('site.sell_with_remax_quote')</p>
                <div>
                    <a href="{{ route('site.agents') }}"
                        class="py-3 text-white btn bg-3b3b3b SF20_24Bold-Important w-100">@lang('site.Our_Agents')</a>
                </div>
            </div>
        </div>
        <div class="mb-4 mb-lg-5">
            <p class="text-3b3b3b SF22_26Bold SF40_50Bold-lg">@lang('site.sale_my_work')</p>
            <p class="text-9b9b9b SF14_20Medium SF22_30Regular-lg">@lang('site.sale_my_work_quote')</p>
            <div>
                <a href="{{ route('site.agents') }}"
                    class="py-3 text-white btn bg-3b3b3b SF20_24Bold-Important w-100">@lang('site.Our_Agents')</a>
            </div>
        </div>
        <div class="d-lg-flex flex-row-reverse justify-content-lg-between">
            <div class="my-3 col-lg-5 @if(app()->getLocale() == 'ar') pe-5 @else ps-5 @endif">
                <img class="w-100 rounded-3 objectFitCover sellBusinessMiddle2"
                    src="{{ asset('new_theme/annie-spratt-MChSQHxGZrQ-unsplash@2x.webp') }}" alt="sell_business">
            </div>
            <div class="mb-4 mb-lg-5 col-lg-7">
                <p class="text-3b3b3b SF22_26Bold SF40_50Bold-lg">@lang('site.get_started')</p>
                <p class="text-9b9b9b SF14_20Medium SF22_30Regular-lg">@lang('site.get_started_quote2')</p>
                <p class="text-9b9b9b SF14_20Medium SF22_30Regular-lg">@lang('site.get_started_quote3')</p>
                <p class="text-9b9b9b SF14_20Medium SF22_30Regular-lg">@lang('site.get_started_quote4')</p>
                <p class="text-9b9b9b SF14_20Medium SF22_30Regular-lg">@lang('site.get_started_quote5')</p>
                <div>
                    <a href="{{ route('site.agents') }}"
                        class="py-3 text-white btn bg-3b3b3b SF20_24Bold-Important w-100">@lang('site.find_agent')</a>
                </div>
            </div>
        </div>
        <div class="mb-4 mb-lg-5" id="sell_form">
            <p class="text-3b3b3b SF22_26Bold SF40_50Bold-lg">@lang('site.prepare_a_business')</p>
        </div>
        <div class="line"></div>
        <div class="mb-4 mb-lg-5">
            <p class="text-3b3b3b SF22_26Bold SF40_50Bold-lg">@lang('site.get_free_guide')</p>
            <p class="text-9b9b9b SF14_20Medium SF22_30Regular-lg">@lang('site.sell_business_quote')</p>
        </div>
        <div class="">
            <form action="{{ route('guideForm') }}" method="POST">
                @csrf
                @if (session()->get('success') != null)
                    <div class="alert alert-light col-auto mx-auto text-center" role="alert">
                        <p class="text-success p-1 m-1">@lang('site.' . session()->get('success'))</p>
                    </div>
                @endif
                <input type="hidden" id="gtokenbusiness" name="gToken">
                <div class="d-lg-flex justify-content-lg-between">
                    <div class="w-48 d-lg-flex flex-lg-column justify-content-lg-between">
                        <div class="form-group mb-lg-3">
                            <label for="name" class="text-3b3b3b SF22_26Bold SF22_30Bold-lg">@lang('site.Name'):</label>
                            <input type="text" name="name" id="name" value="{{ old('name') }}"
                                class="form-control evaluatePlaceholder border-d1d1d1 py-2 py-lg-3" placeholder="@lang('site.Enter your name here')">
                            @error('name')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-group mb-lg-3">
                            <label for="phone" class="text-3b3b3b SF22_26Bold SF22_30Bold-lg">@lang('site.Phone_Number'):</label>
                            <input type="text" name="phone" id="phone" value="{{ old('phone') }}"
                                class="form-control evaluatePlaceholder border-d1d1d1 py-2 py-lg-3" placeholder="@lang('site.Enter your number here')">
                            @error('phone')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-group mb-lg-3">
                            <label for="email" class="text-3b3b3b SF22_26Bold SF22_30Bold-lg">@lang('site.Email_Address'):</label>
                            <input type="email" name="email" id="email" value="{{ old('email') }}"
                                class="form-control evaluatePlaceholder border-d1d1d1 py-2 py-lg-3" placeholder="@lang('site.Enter your email here')">
                            @error('email')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="w-48 d-lg-flex flex-lg-column justify-content-lg-between">
                        <div class="form-group mb-lg-3">
                            <label for="business_type" class="text-3b3b3b SF22_26Bold SF22_30Bold-lg">@lang('site.business_type'):</label>
                            <input type="text" name="business_type" id="business_type" value="{{ old('business_type') }}"
                                class="form-control evaluatePlaceholder border-d1d1d1 py-2 py-lg-3" placeholder="@lang('site.Enter type of business here')">
                            @error('business_type')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="form-group mb-lg-3">
                            <label for="message" class="text-3b3b3b SF22_26Bold SF22_30Bold-lg">@lang('hr.Message'):</label>
                            <textarea name="message" id="message" class="form-control evaluatePlaceholder border-d1d1d1 py-2 py-lg-3" placeholder="@lang('site.Enter your message')"> {{ old('message') }} </textarea>
                        </div>
                        <div class="form-group mb-lg-3 mt-3">
                            <a onclick="Captcha('gtokenbusiness')" class="inquireRev bg-red btn w-100 text-white SF20_24Bold-Important py-3 disableClick ">@lang('site.Send')</a>
                            <div id="getag" class="d-none my-2">
                                <p class="col-12 col-md-8 mx-auto alert alert-danger">@lang('site.you must sign agreement contract first') <a
                                        href="{{ route('confidentiality_agreement') }}" class="text-info">@lang('site.agreement')</a>
                                </p>
                            </div>
                            <button hidden type="submit" id="doSubmitWithCaptchagtokenbusiness"></button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        @if ($seo != null)
            @php
                if (LaravelLocalization::getCurrentLocale() == 'ar') {
                    $content = $seo->content_ar;
                } else {
                    $content = $seo->content;
                }
            @endphp
            @if (isset($content))
                <div id="seeDIV" class="changeLink col-11 col-md-10 mx-auto text-justify my-3">
                    {!! $content !!}
                </div>
            @endif
        @endif
    </div>
@endsection
@section('script')
    <script>
        $('[name="phone"]').on("keyup change", function() {
            var value = $(this).val();
            $.ajax({
                url: 'getAgreement',
                data: {
                    mobile: value,
                },
                success: function(result) {
                    if (result == true) {
                        $('.inquireRev').removeClass('disableClick');
                        $('#getag').addClass('d-none');
                    }
                    if (result == false) {
                        $('.inquireRev').addClass('disableClick');
                        $('#getag').removeClass('d-none');
                    }
                },
                error: function(errors) {
                    console.log(errors);
                }
            });
        });
        $("#see").on("click", function(e) {
            e.preventDefault();
            $("#seeDIV").toggleClass('seemore2');
        });
        $("#see2").on("click", function(e) {
            e.preventDefault();
            $("#seeDIV2").toggleClass('seemore');
        });
    </script>
@endsection