@extends('frontend.layouts.master')

@section('title','Al-Bazai | '.((app()->getLocale() == 'ar') ? 'امتلك الآن سيارات تويوتا البازعي' : 'Own Now Toyota 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('content')
<!-- start page content -->
<div class="spotlight-wrap spotlight-wrap2">
    <div class="spotlight addwidth1">
        <img src="/frontEnd/images/Toyota-cover2.jpg" style="object-fit:cover">
    </div>
    
</div>
<section class="content">
            <div class="media-center-wrap">
                <div class="container">
                    <div class="heading">
                        <h1 class="main-head"> {{ (app()->getLocale() == 'ar') ? 'تويوتا سيدان' : 'Toyota Sedan' }}</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') ? 'تويوتا سيدان' : 'Toyota Sedan' }}</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">
                                                                            <option value="">- {{ (app()->getLocale() == 'ar') ? 'اختر' : 'Select' }} -</option>
                                                                            @if(count($Toyotacars) > 0)
                                                                            <optgroup label="{{ (app()->getLocale() == 'ar') ? 'اختر موديل تويوتا' : 'Select a model Toyota' }}">
                                                                            @foreach($Toyotacars 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') ? 'الوقت المناسب للاتصال' : '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="Toyota Sedan">
                                                                    <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/toyota-sedan.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