@extends('frontend.layouts.master')

@section('title','Al-Bazai | '.$subcategory->title)

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

@section('content')
<!-- start title -->
<div class="overview-title">
    <div class="mid-options-menu clearfix">
    </div>
    <!-- components get models section -->
    @include('frontend.components.models',['dataModels' => $subcategory])
</div>
<!-- end title -->

<div class="mid-options-menu clearfix">
    <select class="custom-select spot-content-list select-menu-mobile">
        <!-- components get option model section -->
        @include('frontend.components.option-model',['optionModels' => $subcategory ,'optionSelect'=> 'overview'])
    </select>
</div>

<!-- components get shopping-tools section -->
@include('frontend.components.shopping-tools',['dataModels' => $subcategory])

<div class="addtopheight position-center-top">
    <div class="spot-content clearfix">
        <div class="spot-content-head">
        <!-- components get models section -->   
        @include('frontend.components.models',['dataModels' => $subcategory])
        </div>
        <!-- components li models section -->  
        @include('frontend.components.li-model',['liModels' => $subcategory ,'current'=> 'overview'])
    </div>
</div>
<section class="car">
    <div class="container">
        @if(!empty($subcategory->overview))
        <div class="car-info row align-items-center">
            <div class="col-md-6">
                <img src="{{ $subcategory->overview->image ?? '' }}" />
            </div>
            <div class="col-md-6">
                <h2>{{ $subcategory->overview->title ?? '' }}</h2>
                <p>
                    <p>{{ $subcategory->overview->description ?? '' }}<br></p>
                </p>
            </div>
        </div>
        @endif
        @if(!empty($subcategory->design))
        <div class="car-info row align-items-center">
            <div class="col-md-6">
                <h2>{{ $subcategory->design->title ?? '' }}</h2>
                <p>
                    <p>{{ $subcategory->design->description ?? '' }}<br></p>

                </p>

                <p><a href="{{ route('web.design.details', (app()->getLocale() == 'ar') ? ['slug' => $subcategory->design->slug ,'lang' =>'ar'] : $subcategory->design->slug) }}">{{ (app()->getLocale() == 'ar') ? ' اكتشف المزيد' : 'find out more' }}</a></p>
            </div>
            <div class="col-md-6">
                <img src="{{ $subcategory->design->image ?? '' }}" />
            </div>
        </div>
        @endif
        @if(!empty($subcategory->performance))
        <div class="car-info row align-items-center">
            <div class="col-md-6">
                <img src="{{ $subcategory->performance->image ?? '' }}" />
            </div>
            <div class="col-md-6">
                <h2>{{ $subcategory->performance->title ?? '' }}</h2>
                <p>
                    <p>{{ $subcategory->performance->description ?? '' }}<br></p>

                </p>
                <p><a href="{{ route('web.performance.details', (app()->getLocale() == 'ar') ? ['slug' => $subcategory->performance->slug ,'lang' =>'ar'] : $subcategory->performance->slug) }}">{{ (app()->getLocale() == 'ar') ? ' اكتشف المزيد' : 'find out more' }}</a></p>
            </div>
        </div>
        @endif
        @if(!empty($subcategory->comfort))
        <div class="car-info row align-items-center">
            <div class="col-md-6">
                <h2>{{ $subcategory->comfort->title ?? '' }}</h2>
                <p>
                    <p>{{ $subcategory->comfort->description ?? '' }}<br></p>

                </p>

                <p><a href="{{ route('web.comfort.details', (app()->getLocale() == 'ar') ? ['slug' => $subcategory->comfort->slug ,'lang' =>'ar'] : $subcategory->comfort->slug) }}">{{ (app()->getLocale() == 'ar') ? ' اكتشف المزيد' : 'find out more' }}</a></p>
            </div>
            <div class="col-md-6">
                <img src="{{ $subcategory->comfort->image ?? '' }}" />
            </div>
        </div>
        @endif
        @if(!empty($subcategory->feature) && empty($subcategory->comfort))
        <div class="car-info row align-items-center">
            <div class="col-md-6">
                <h2>{{ $subcategory->feature->title ?? '' }}</h2>
                <p>
                    <p>{{ $subcategory->feature->description ?? '' }}<br></p>

                </p>

                <p><a href="{{ route('web.feature.details', (app()->getLocale() == 'ar') ? ['slug' => $subcategory->feature->slug ,'lang' =>'ar'] : $subcategory->feature->slug) }}">{{ (app()->getLocale() == 'ar') ? ' اكتشف المزيد' : 'find out more' }}</a></p>
            </div>
            <div class="col-md-6">
                <img src="{{ $subcategory->feature->image ?? '' }}" />
            </div>
        </div>
        @elseif(!empty($subcategory->feature))
        <div class="car-info row align-items-center">
            <div class="col-md-6">
                <img src="{{ $subcategory->feature->image ?? '' }}" />
            </div>
            <div class="col-md-6">
                <h2>{{ $subcategory->feature->title ?? '' }}</h2>
                <p>
                    <p>{{ $subcategory->feature->description ?? '' }}<br></p>

                </p>
                <p><a href="{{ route('web.feature.details', (app()->getLocale() == 'ar') ? ['slug' => $subcategory->feature->slug ,'lang' =>'ar'] : $subcategory->feature->slug) }}">{{ (app()->getLocale() == 'ar') ? ' اكتشف المزيد' : 'find out more' }}</a></p>
            </div>
        </div>
        @endif
        @if(!empty($subcategory->safety) && empty($subcategory->comfort))
        <div class="car-info row align-items-center">
            <div class="col-md-6">
                <img src="{{ $subcategory->safety->image ?? '' }}" />
            </div>
            <div class="col-md-6">
                <h2>{{ $subcategory->safety->title ?? '' }}</h2>
                <p>
                    <p>{{ $subcategory->safety->description ?? '' }}<br></p>

                </p>
                <p><a href="{{ route('web.safety.details', (app()->getLocale() == 'ar') ? ['slug' => $subcategory->safety->slug ,'lang' =>'ar'] : $subcategory->safety->slug) }}">{{ (app()->getLocale() == 'ar') ? ' اكتشف المزيد' : 'find out more' }}</a></p>
            </div>
        </div>
        @elseif(!empty($subcategory->safety) && !empty($subcategory->comfort))
        <div class="car-info row align-items-center">
            <div class="col-md-6">
                <img src="{{ $subcategory->safety->image ?? '' }}" />
            </div>
            <div class="col-md-6">
                <h2>{{ $subcategory->safety->title ?? '' }}</h2>
                <p>
                    <p>{{ $subcategory->safety->description ?? '' }}<br></p>

                </p>
                <p><a href="{{ route('web.safety.details', (app()->getLocale() == 'ar') ? ['slug' => $subcategory->safety->slug ,'lang' =>'ar'] : $subcategory->safety->slug) }}">{{ (app()->getLocale() == 'ar') ? ' اكتشف المزيد' : 'find out more' }}</a></p>
            </div>
        </div>
        @elseif(!empty($subcategory->safety))
        <div class="car-info row align-items-center">
            <div class="col-md-6">
                <h2>{{ $subcategory->safety->title ?? '' }}</h2>
                <p>
                    <p>{{ $subcategory->safety->description ?? '' }}<br></p>

                </p>

                <p><a href="{{ route('web.safety.details', (app()->getLocale() == 'ar') ? ['slug' => $subcategory->safety->slug ,'lang' =>'ar'] : $subcategory->safety->slug) }}">{{ (app()->getLocale() == 'ar') ? ' اكتشف المزيد' : 'find out more' }}</a></p>
            </div>
            <div class="col-md-6">
                <img src="{{ $subcategory->safety->image ?? '' }}" />
            </div>
        </div>
        @endif
        @if(!empty($subcategory->fsport) && empty($subcategory->comfort))
        <div class="car-info row align-items-center">
            <div class="col-md-6">
                <h2>{{ $subcategory->fsport->title ?? '' }}</h2>
                <p>
                    <p>{{ $subcategory->fsport->description ?? '' }}<br></p>

                </p>

                <p><a href="{{ route('web.fsport.details', (app()->getLocale() == 'ar') ? ['slug' => $subcategory->fsport->slug ,'lang' =>'ar'] : $subcategory->fsport->slug) }}">{{ (app()->getLocale() == 'ar') ? ' اكتشف المزيد' : 'find out more' }}</a></p>
            </div>
            <div class="col-md-6">
                <img src="{{ $subcategory->fsport->image ?? '' }}" />
            </div>
        </div>
        @elseif(!empty($subcategory->fsport))
        <div class="car-info row align-items-center">
            <div class="col-md-6">
                <img src="{{ $subcategory->fsport->image ?? '' }}" />
            </div>
            <div class="col-md-6">
                <h2>{{ $subcategory->fsport->title ?? '' }}</h2>
                <p>
                    <p>{{ $subcategory->fsport->description ?? '' }}<br></p>

                </p>
                <p><a href="{{ route('web.fsport.details', (app()->getLocale() == 'ar') ? ['slug' => $subcategory->fsport->slug ,'lang' =>'ar'] : $subcategory->fsport->slug) }}">{{ (app()->getLocale() == 'ar') ? ' اكتشف المزيد' : 'find out more' }}</a></p>
            </div>
        </div>
        @endif
    </div>
</section>
 <!-- components get next-section --> 
@if(!empty($subcategory->design))
@include('frontend.components.next-section',['sectionData' => $subcategory->design , 'modelName'=> route('web.design.details', $subcategory->design->slug)])
@endif
<div class="clear"></div>
<!-- end page content -->
@endsection