@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')
<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'=> 'gallery'])
    </select>
</div>
<section class="cartype-spotlight is colors">
    <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'=> 'gallery'])
        </div>
    </div>
</section>

<div class="oerview-wrap">
    @if(count($subcategory->gallery) > 0)
    <div class="mix-controls controls">
        <button type="button" class="control" data-filter="all">
            {{ (app()->getLocale() == 'ar') ? 'الكل' : 'All' }}
        </button>
        <button type="button" class="control" data-filter=".Exterior">
            {{ (app()->getLocale() == 'ar') ? 'الخارجية' : 'Exterior' }}
        </button>
        <button type="button" class="control" data-filter=".Interior">
            {{ (app()->getLocale() == 'ar') ? 'الداخلية' : 'Interior' }}
        </button>
    </div>
    <div class="galMixContainer">
        @foreach($subcategory->gallery as $img)
        <div @if($img->type == 'interior') class="mix Interior" @else class="mix Exterior" @endif>
            <div class="field-content">
                <a data-fancybox="gallery" class="fancybox" rel="group" href="{{ $img->image ?? '' }}">
                    <img typeof="foaf:Image" src="{{ $img->image ?? '' }}" width="320" height="133"
                        alt="{{ $subcategory->title ?? '' }}" />
                </a>
            </div>
        </div>
        @endforeach
    </div>
    @endif
</div>
@if(!empty($subcategory))
   @include('frontend.components.next-section',['sectionData' => $subcategory , 'modelName'=> route('web.category.details', $subcategory->slug)])
@endif
<div class="clear"></div>
@endsection