@extends('frontend.layouts.master')

@section('title','Al-Bazai | '.((app()->getLocale() == 'ar') ? 'امتلك الآن سيارات لكزس البازعي' : 'Own Now Lexus Al Bazai Cars'))

@section('lang')
    @if(app()->getLocale() == 'ar')
        <li class="last leaf toyota-color"><a href="{{ route(Route::currentRouteName(), array_replace(Route::getCurrentRoute()->parameters())) }}" title="English" class="langar">English</a></li>
    @else
        <li class="last leaf toyota-color"><a href="{{ route(Route::currentRouteName(), array_replace(Route::getCurrentRoute()->parameters(), ['lang' =>'ar' ])) }}" title="عربي" class="langar">عربي</a></li>
    @endif
@endsection

@section('script_page')
<!-- TikTok Pixel Code Start -->
<script>
    !function (w, d, t) {
      w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie","holdConsent","revokeConsent","grantConsent"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(
    var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var r="https://analytics.tiktok.com/i18n/pixel/events.js",o=n&&n.partner;ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=r,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement("script")
    ;n.type="text/javascript",n.async=!0,n.src=r+"?sdkid="+e+"&lib="+t;e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)};
    
    
      ttq.load('CKP5EOBC77U0CKFVVHOG');
      ttq.page();
    }(window, document, 'ttq');
    </script>
    <!-- TikTok Pixel Code End -->

    <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-11321653335"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-11321653335'); </script>
@endsection

@section('content')
<!-- start page content -->
{{-- <div class="spotlight-wrap spotlight-wrap2">
    <div class="spotlight addwidth1">
        <img src="/frontEnd/images/es-cover-1.png" style="object-fit:cover">
    </div>
    
</div> --}}
<section class="main-slider row">
    <div class="tp-banner-container">
        <div class="tp-banner">
            <ul>
                {{-- <li data-transition="fade" data-slotamount="1" data-masterspeed="1000"
                    data-thumb="/frontEnd/images/covers-50/Web-ES2.png" data-saveperformance="off" data-title="Lexus Model">
                    <img src="/frontEnd/images/covers-50/Web-ES2.png" alt="Lexus" data-bgposition="center top" data-bgfit="contain"
                        data-bgrepeat="no-repeat" />
                </li> --}}
                <li data-transition="fade" data-slotamount="1" data-masterspeed="1000"
                    data-thumb="/frontEnd/images/covers-com/Web-ES.png" data-saveperformance="off" data-title="Lexus Model">
                    <img src="/frontEnd/images/covers-com/Web-ES.png" alt="Lexus" data-bgposition="center top" data-bgfit="contain"
                        data-bgrepeat="no-repeat" />
                </li>
            </ul>
        </div>
    </div>
</section>
<section class="content">
            <div class="media-center-wrap">
                <div class="container">
                    <div class="heading">
                        <h1 class="main-head"> {{ (app()->getLocale() == 'ar') ? 'لكزس ES' : 'Lexus ES' }}</h1>
                    </div>
                    <div class="content">
                        <div class="row">
                                <div class="col-md-8">
                                    <div class="mid-content-wrap pr-3">
                                        <div class="inside-content clearfix">
                                            <h2> {{ (app()->getLocale() == 'ar') ? 'لكزس ES' : 'Lexus ES' }}</h2>
                                            <div class="region region-content">
                                                <article id="node-44" class="node node-webform node-odd">
                                                    <header>
                                                        <span property="dc:title" content="Call back service" class="rdf-meta element-hidden"></span>
                                                        <span property="sioc:num_replies" content="0" datatype="xsd:integer" class="rdf-meta element-hidden"></span>
                                                    </header>
                                                        <div class="form-elements clearfix">
                                                            <form class="webform-client-form webform-client-form-44 ads-form" action="{{ route('web.lead.storeAds', app()->getLocale() == 'ar' ? ['lang' => 'ar'] : '') }}" method="POST" id="webform-client-form-44" accept-charset="UTF-8">
                                                            @method('POST')
                                                            @csrf
                                                            <input type="hidden" name="source" value="{{ request()->get('source') ?? '' }}">
                                                                <div>
                                                                    <div class="row">
                                                                        <div class="col-md-3">
                                                                            <label for="edit-submitted-name">
                                                                                {{ (app()->getLocale() == 'ar') ? 'الاسم' : 'Name' }}:
                                                                                <span class="form-required" title="This field is required.">*</span>
                                                                            </label>
                                                                        </div>
                                                                        <div class="col-md-9">
                                                                            <input required="required" type="text" name="name" value="{{ old('name') }}" size="60" maxlength="128" class="form-control required">
                                                                            @error("name")
                                                                                <span class="text-danger">{{ $message }}</span>
                                                                            @enderror
                                                                        </div>
                                                                    </div>
                        
                                                                    <div class="row">
                                                                        <div class="col-md-3">
                                                                            <label for="edit-submitted-name">
                                                                                {{ (app()->getLocale() == 'ar') ? 'بريدك الالكتروني' : 'Email' }}:
                                                                                <span class="form-required" title="This field is required.">*</span>
                                                                            </label>
                                                                        </div>
                                                                        <div class="col-md-9">
                                                                            <input required="required" type="email" name="email" value="{{ old('email') }}" size="60" class="form-control required">
                                                                            @error("email")
                                                                                <span class="text-danger">{{ $message }}</span>
                                                                            @enderror
                                                                        </div>
                                                                    </div>
                        
                                                                    <div class="row">
                                                                        <div class="col-md-3">
                                                                            <label for="edit-submitted-mobile-number">
                                                                                {{ (app()->getLocale() == 'ar') ? 'رقم الهاتف' : 'Mobile Number' }}:
                                                                                <span class="form-required" title="This field is required.">*</span>
                                                                            </label>
                                                                        </div>
                                                                        <div class="col-md-9">
                                                                            <input required="required" type="text" name="phone" value="{{ old('phone') }}" size="60" id="bookPhone" onchange="validateContact(this)" maxlength="10" class="form-control required">
                                                                            <div class="invalid-feedback">
                                                                            {{ (app()->getLocale() == 'ar') ? 'يجب أن يكون هذا الحقل جوالًا سعوديًا (05xxxxxxxx).' : 'This field must be saudi arabia mobile (05xxxxxxxx).'}}
                                                                            </div>
                                                                        </div>
                                                                    </div>

                                                                    <div class="row">
                                                                        <div class="col-md-3">
                                                                            <label for="edit-submitted-request-contact-by">
                                                                                {{ (app()->getLocale() == 'ar') ? 'المدينة' : 'City' }}: <span class="form-required" title="This field is required.">*</span>
                                                                            </label>
                        
                                                                        </div>
                                                                        <div class="col-md-9">
                                                                            <select required="required" name="city" class="form-select required selectnew" tabindex="-1">
                                                                                <option value="">- {{ (app()->getLocale() == 'ar') ? 'اختر' : 'Select' }} -</option>
                                                                                @if(!empty($cities))
                                                                                @foreach($cities as $key => $data)
                                                                                <option value="{{ $data[app()->getLocale()] }}" {{ old('city') == $data[app()->getLocale()] ? 'selected' : '' }}>{{ $data[app()->getLocale()] }}</option>
                                                                                @endforeach
                                                                                @endif
                                                                            </select>
                                                                            @error("city")
                                                                                <span class="text-danger">{{ $message }}</span>
                                                                            @enderror  
                                                                        </div>
                                                                    </div>
                        
                                                                    <div class="row">
                                                                        <div class="col-md-3">
                                                                            <label for="edit-submitted-request-contact-by">
                                                                            {{ (app()->getLocale() == 'ar') ? 'موديل السيارة' : 'Car model' }}: <span class="form-required" title="This field is required.">*</span>
                                                                            </label>
                                                                        </div>
                                                                        <div class="col-md-9">
                                                                            <select required="required" name="category_id" class="form-select required valid selectnew select2-hidden-accessible" tabindex="-1" aria-hidden="true">
                                                                            @if(count($Lexusacars) > 0)
                                                                            <optgroup label="{{ (app()->getLocale() == 'ar') ? 'اختر موديل لكزس' : 'Select a model Lexus' }}">
                                                                            @foreach($Lexusacars as $cat)
                                                                            <option value="{{ $cat->id }}" {{ old('category_id') == $cat->id ? 'selected' : '' }}>{{ $cat->title ?? '' }}</option>
                                                                            @endforeach
                                                                            </optgroup>
                                                                            @endif
                                                                            </select>
                                                                            @error("category_id")
                                                                                <span class="text-danger">{{ $message }}</span>
                                                                            @enderror
                                                                        </div>
                                                                    </div>

                                                                    <div class="row">
                                                                        <div class="col-md-3">
                                                                            <label for="edit-submitted-request-contact-by">
                                                                                {{ (app()->getLocale() == 'ar') ? 'متوسط الدخل الشهري' : 'Average monthly income' }}: <span class="form-required" title="This field is required.">*</span>
                                                                            </label>
                        
                                                                        </div>
                                                                        <div class="col-md-9">
                                                                            <select required="required" name="average_monthly_income" class="form-select required selectnew" tabindex="-1">
                                                                                <option value="">- {{ (app()->getLocale() == 'ar') ? 'اختر' : 'Select' }} -</option>
                                                                                @if(!empty($average_income))
                                                                                @foreach($average_income as $key => $data)
                                                                                <option value="{{ $data[app()->getLocale()] }}" {{ old('average_monthly_income') == $data[app()->getLocale()] ? 'selected' : '' }}>{{ $data[app()->getLocale()] }}</option>
                                                                                @endforeach
                                                                                @endif
                                                                            </select>
                                                                            @error("average_monthly_income")
                                                                                <span class="text-danger">{{ $message }}</span>
                                                                            @enderror  
                                                                        </div>
                                                                    </div>
                        
                                                                    <div class="row">
                                                                        <div class="col-md-3">
                                                                            <label for="edit-submitted-request-contact-by">
                                                                                {{ (app()->getLocale() == 'ar') ? 'الوقت المناسب للاتصال' : 'Call Time' }}: <span class="form-required" title="This field is required.">*</span>
                                                                            </label>
                        
                                                                        </div>
                                                                        <div class="col-md-9">
                                                                            <select required="required" name="call_time" class="form-select required selectnew" tabindex="-1">
                                                                                <option value="">- {{ (app()->getLocale() == 'ar') ? 'اختر' : 'Select' }} -</option>
                                                                                @if(!empty($call_time))
                                                                                @foreach($call_time as $key => $data)
                                                                                <option value="{{ $data[app()->getLocale()] }}" {{ old('call_time') == $data[app()->getLocale()] ? 'selected' : '' }}>{{ $data[app()->getLocale()] }}</option>
                                                                                @endforeach
                                                                                @endif
                                                                            </select>
                                                                            @error("call_time")
                                                                                <span class="text-danger">{{ $message }}</span>
                                                                            @enderror  
                                                                        </div>
                                                                    </div>

                                                                    <div class="row">
                                                                        <div class="col-md-3">
                                                                            <label for="edit-submitted-note">
                                                                                {{ (app()->getLocale() == 'ar') ? 'ملاحظات' : 'Notes' }}:
                                                                            </label>
                                                                        </div>
                                                                        <div class="col-md-9">
                                                                            <textarea name="notes" cols="60" rows="5" class="form-controlarea"> {{ old('notes') }}</textarea>
                                                                            @error("address")
                                                                                <span class="text-danger">{{ $message }}</span>
                                                                            @enderror
                                                                        </div>
                                                                    </div>
                                                                    
                                                                    <input type="hidden" name="page_name" value="Lexus ES">
                                                                    <div class="form-text">
                                                                        <h5>{{ (app()->getLocale() == 'ar') ? 'الشروط و الأحكام' : 'Terms & Conditions' }}</h5>
                                                                        @if(!empty($pages_text2))
                                                                       
                                                                            {!! $pages_text2[app()->getLocale()] !!}
                                                                        
                                                                        @endif
                                                                    </div>
                                                                    <div class="form-text">
                                                                        <h5>{{ (app()->getLocale() == 'ar') ? 'الخصوصية وإخلاء المسؤولية' : 'Privacy and Disclaimer' }}</h5>
                                                                        @if(!empty($pages_text))
                                                                        <p>
                                                                            {{ $pages_text[app()->getLocale()] }}
                                                                        </p>
                                                                        @endif
                                                                    </div>
                                                
                                                                    <div class="form-actions pb-4">
                                                                        <input class="webform-submit button-primary form-submit" type="submit" name="op" value="{{ (app()->getLocale() == 'ar') ? 'إرسال' : 'Submit' }}" id="sendbtn">
                                                                    </div>
                                                                </div>
                                                            </form>
                                                        </div>
                                                    
                                                    <div class="links"></div>
                                                </article>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {{-- <div class="col-md-6">
                                    <div class="img-side">
                                        <img src="/frontEnd/images/lexusES.jpg">
                                    </div>
                                </div> --}}
                        </div>
                    </div>
                </div>
            </div>
        </section>
        
        <div class="clear"></div>
        <!-- end page content -->
@endsection

@push('js')
<script>
        function validateContact(tel) {

        var xyz=document.getElementById('bookPhone').value.trim();

        var  phoneno = /^\d{10}$/;
        if((tel.value.match(phoneno)) && tel.value.length == 10 && xyz.substr(0,2)==='05' && $.isNumeric(xyz))
            {
                $(tel).removeClass('is-invalid');
                $(tel).addClass('is-valid');

            }
        else
            {
                $("#bookPhone").val('');
                $(tel).removeClass('is-valid');
                $(tel).addClass('is-invalid');

            }
        }

</script>
@endpush