@extends('frontend.layouts.master')

@section('title', $settings['website_name'][app()->getLocale()] ?? '')

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

@section('meta')

    <meta property="og:title" content="{{ $settings['home_page_meta_title'][app()->getLocale()] ?? '' }}"/>
    <meta property="og:description" content="{{ $settings['home_page_description'][app()->getLocale()] ?? '' }}" />
    <meta property="og:image" content="{{ url($settings['website_logo']) ?? '' }}"/>
    <meta property="og:url" content="{{ url()->current() }}"/>

    <!-- Meta description for twitter. -->
    <meta name="twitter:card" content="{{ url($settings['website_logo']) ?? '' }}">
    <meta name="twitter:site" content="{{ url()->current() }}">
    <meta name="twitter:title" content="{{ $settings['home_page_meta_title'][app()->getLocale()] ?? '' }}"/>
    <meta name="twitter:description" content="{{ $settings['home_page_description'][app()->getLocale()] ?? '' }}" />
    <meta name="twitter:image" content="{{ url($settings['website_logo']) ?? '' }}" />

    <link rel="canonical" href="{{ $settings['home_page_canonical'][app()->getLocale()] ?? '' }}" />
    <meta name="title" content="{{ $settings['home_page_meta_title'][app()->getLocale()] ?? '' }}"/>
    <meta name="keywords" content="{{ $settings['home_page_keywords'][app()->getLocale()] ?? '' }}"/>
    <meta name="description" content="{{ $settings['home_page_description'][app()->getLocale()] ?? '' }}"/>

@stop

@section('content')
 <!-- start slider -->
 <section class="main-slider row">
    <div class="tp-banner-container">
        <div class="tp-banner">
            <ul>
                @if(count($sliders) > 0)
                    @foreach($sliders as $slider)
                    <li data-transition="fade" data-slotamount="1" data-masterspeed="1000"
                        data-thumb="{{ $slider->image ?? '' }}" data-saveperformance="off" data-title="{{ $slider->title ?? '' }}">
                        <img src="{{ $slider->image ?? '' }}" alt="" data-bgposition="center top" data-bgfit="cover"
                            data-bgrepeat="no-repeat" />
                    </li>
                    @endforeach
                @endif
            </ul>

            <!--<div class="tp-bannertimer"></div>-->

        </div>
    </div>
</section>
<!-- end slider -->
<!-- start page content -->
<div class="home">
    <section class="content">
        <div class="container">
            <div class="row row-2">
                <div class="col-lg-7 col-md-12">
                    <div class="row">
                        <div class="col-md-12 col-lg-12 col-pad"></div>
                        <div class="col-md-6 col-lg-6 col-pad d-none">
                            <div class="category">
                                <div class="category_bg_box cat-2-bg">
                                    <img src="/frontEnd/images/content/6.jpg" />
                                    <div class="category-overlay">
                                        <div class="category-content">


                                        </div>
                                    </div>
                                </div>
                                <div class="video-link">
                                    <div class="ht-popup-video video-button" data-toggle="modal"
                                        data-target="#myModal">
                                        <div class="video-mark">
                                            <div class="wave-pulse wave-pulse-1"></div>
                                            <div class="wave-pulse wave-pulse-2"></div>
                                        </div>
                                        <div class="video-button__two">
                                            <div class="video-play">
                                                <span class="video-play-icon"></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-6 col-pad col-pad">
                            <div class="mask rounded" style="background-size: cover;">
                                <div class="cover cover-2 rounded" style="background-size: cover;">
                                    <div class="c-inner" style="background-size: cover;">
                                        <a href="{{ route('web.contactus', (app()->getLocale() == 'ar') ? ['lang'=> 'ar'] : '') }}">
                                            <h4><strong>{{ (app()->getLocale() == 'ar') ? 'تواصل معانا' : 'Contact Us' }}</strong></h4>
                                        </a>
                                    </div>
                                </div>
                                <div class="hover-effect">
                                    <img src="/frontEnd/new-images/img-4.jpg" alt="Camry" class="img-fluid" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-6 col-pad">
                            <div class="mask rounded" style="background-size: cover;">
                                <div class="cover cover-2 rounded" style="background-size: cover;">
                                    <div class="c-inner" style="background-size: cover;">
                                        <a href="{{ route('web.lead.drive',(app()->getLocale() == 'ar') ? ['lang'=> 'ar'] : '') }}">
                                            <h2><strong>{{ (app()->getLocale() == 'ar') ? 'اختبار القيادة' : 'TEST DRIVE' }}</strong></h2>
                                        </a>

                                    </div>
                                </div>
                                <div class="hover-effect">
                                    <img src="/frontEnd/images/content/7.jpg" alt="{{ (app()->getLocale() == 'ar') ? 'اختبار القيادة' : 'TEST DRIVE' }}" class="img-fluid" />
                                </div>
                            </div>

                        </div>
                        @if($AboutPage)
                        <div class="col-md-12 col-pad">
                            <div class="mask rounded" style="background-size: cover;">
                                <div class="cover cover-2 rounded" style="background-size: cover;">
                                    <div class="c-inner" style="background-size: cover;">
                                        <a href="{{ route('web.page.details', (app()->getLocale() == 'ar') ? ['slug'=> $AboutPage->slug ,'lang'=> 'ar'] : ['slug'=> $AboutPage->slug]) }}">
                                            <p><strong>{{ $AboutPage->page_title ?? '' }}</strong></p>
                                        </a>
                                    </div>
                                </div>
                                <div class="hover-effect">
                                    <img src="{{ $AboutPage->image ?? '' }}" alt="{{ $AboutPage->page_title ?? '' }}" class="img-fluid" />
                                </div>
                            </div>

                        </div>
                        @endif
                    </div>
                </div>
                <div class="col-lg-5 col-md-12 col-pad">
                    <div class="mask rounded" style="background-size: cover;">
                        <div class="cover cover-2 rounded" style="background-size: cover;">
                            <div class="c-inner" style="background-size: cover;">
                                <a href="{{ route('web.lead.index',(app()->getLocale() == 'ar') ? ['lang'=> 'ar'] : '') }}">
                                    <h4><strong>{{ (app()->getLocale() == 'ar') ? 'أدوات التسوق' : 'Shopping Tools' }}</strong></h4>
                                </a>
                            </div>
                        </div>
                        <div class="hover-effect">
                            <img src="/frontEnd/new-images/img-1.jpg" alt="Camry" class="img-fluid" />
                        </div>
                    </div>
                </div>
            </div>
            <div class="row row-2">
                @if($Lexuscat)
                <div class="col-lg-4 col-md-6 col-pad">
                    <div class="mask rounded" style="background-size: cover;">
                        <div class="cover cover-2 rounded" style="background-size: cover;">
                            <div class="c-inner" style="background-size: cover;">
                                <a href="{{ route('web.category.index', (app()->getLocale() == 'ar') ? ['slug'=> $Lexuscat->slug ,'lang'=> 'ar'] : ['slug'=> $Lexuscat->slug]) }}">
                                    <h5><strong>{{ (app()->getLocale() == 'ar') ? 'موديلات لكزس' : 'Lexus Models' }}</strong></h5>
                                </a>

                            </div>
                        </div>
                        <div class="hover-effect">
                            <img src="/frontEnd/new-images/img-3.jpg" alt="{{ (app()->getLocale() == 'ar') ? 'موديلات لكزس' : 'Lexus Models' }}" class="img-fluid" />
                        </div>
                    </div>

                </div>
                @endif
                <div class="col-lg-4 col-md-6">
                    <div class="row">
                        <div class="col-md-12 col-lg-12 col-pad">
                            <div class="mask rounded" style="background-size: cover;">
                                <div class="cover cover-2 rounded" style="background-size: cover;">
                                    <div class="c-inner" style="background-size: cover;">
                                        <a href="{{ route('web.lead.quote',(app()->getLocale() == 'ar') ? ['lang'=> 'ar'] : '') }}">
                                            <h6><strong>{{ (app()->getLocale() == 'ar') ? 'طلب سعر' : 'GET A QUOTE' }}</strong></h6>
                                        </a>

                                    </div>
                                </div>
                                <div class="hover-effect">
                                    <img src="/frontEnd/images/content/2.jpg" alt="{{ (app()->getLocale() == 'ar') ? 'طلب سعر' : 'GET A QUOTE' }}" class="img-fluid" />
                                </div>
                            </div>

                        </div>
                        <div class="col-md-12 col-lg-12 col-pad">
                            <div class="mask rounded" style="background-size: cover;">
                                <div class="cover cover-2 rounded" style="background-size: cover;">
                                    <div class="c-inner" style="background-size: cover;">
                                        <a href="{{ route('web.lead.callback',(app()->getLocale() == 'ar') ? ['lang'=> 'ar'] : '') }}">
                                            <p><strong>{{ (app()->getLocale() == 'ar') ? 'خدمة معاودة الاتصال' : 'CALL BACK SERVICE' }}</strong></p>

                                        </a>
                                    </div>
                                </div>
                                <div class="hover-effect">
                                    <img src="/frontEnd/images/content/3.jpg" alt="{{ (app()->getLocale() == 'ar') ? 'خدمة معاودة الاتصال' : 'CALL BACK SERVICE' }}" class="img-fluid" />
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                @if($Toyotacat)
                <div class="col-lg-4 col-md-12 col-pad d-none-992">
                    <div class="mask rounded" style="background-size: cover;">
                        <div class="cover cover-2 rounded" style="background-size: cover;">
                            <div class="c-inner" style="background-size: cover;">
                                <a href="{{ route('web.category.index', (app()->getLocale() == 'ar') ? ['slug'=> $Toyotacat->slug ,'lang'=> 'ar'] : ['slug'=> $Toyotacat->slug]) }}">
                                    <p><strong>{{ (app()->getLocale() == 'ar') ? 'موديلات تويوتا' : 'Toyota Models' }}</strong></p>
                                </a>

                            </div>
                        </div>
                        <div class="hover-effect">
                            <img src="/frontEnd/new-images/img-2.jpg" alt="{{ (app()->getLocale() == 'ar') ? 'موديلات تويوتا' : 'Toyota Models' }}" class="img-fluid" />
                        </div>
                    </div>
                </div>
                @endif
            </div>

        </div>
    </section>
</div>
<!-- end page content -->
    {{-- <div class="Privacy-text">
        <div class="alert alert_info"> 
            <button aria-hidden="true" data-dismiss="alert" class="close" type="button">accept</button> 
            <h3>Cookies Policy</h3>
            <p>
                By clicking “Accept”, you agree to our website’s cookie use as described in our Cookies Policy. Otherwise, you may object to such use by clicking “Decline” and you can change your cookie settings at any time by clicking “Preferences.”
            </p>
        </div>
</div> --}}
@endsection