@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'=> 'specifications'])
    </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'=> 'specifications'])
        </div>
    </div>
</section>

    <div class="specifications-wrap">
        <div class="container">
            <div class="spec-head"><h1>{{ (app()->getLocale() == 'ar') ? 'المواصفات' : 'Specifications' }}</h1></div>
            <div class="car-dimensions clearfix">
                <img src="{{ $subcategory->specificationCar->image ?? '' }}" width="989" height="319" alt="" title="" class="img-fluid"/>
            </div>
            <div class="detail-specs">
                <ul class="nav nav-tabs">
                    @foreach($subcategory->specificationCar->specCarId as $specifi)
                    <li><a data-toggle="tab" href="#{{ $specifi->specification->translate('en')->title ?? ''}}" @if($loop->first) class="active" @endif>{{ $specifi->specification->title ?? ''}}</a></li>
                    @endforeach
                </ul>

                <div class="tab-content">
                @foreach($subcategory->specificationCar->specCarId as $specifi)
                    <div id="{{ $specifi->specification->translate('en')->title ?? ''}}" @if($loop->first) class="tab-pane fade active show" @else class="tab-pane fade" @endif>
                        <table class="tabular-content">
                            <tbody>
                                    <tr class="tr-first">
                                        <td class="td-first-col">&nbsp;</td>
                                        @if(!empty($carmodels))
                                            @foreach($carmodels as $modelval)
                                            <td>{{ $modelval->title }}</td>
                                            @endforeach
                                        @endif
                                    </tr>
                                    @foreach($specifi->spectype as $spectypedetail)
                                    <tr>
                                        <td class="td-first-col">{{ $spectypedetail->type }}</td>
                                        @if(!empty($spectypedetail->specdetails))
                                           @foreach($spectypedetail->specdetails as $specdetail)
                                            <td>{{ $specdetail->value }}</td>
                                           @endforeach
                                        @endif
                                    </tr>
                                    @endforeach
                            </tbody>
                        </table>
                    </div>
                @endforeach
                </div>

            </div>
        </div>
    </div>
@if(!empty($subcategory->galleryOneItem))
   @include('frontend.components.next-section-gallery',['sectionData' => $subcategory->galleryOneItem , 'modelName'=> route('web.category.gallery', $subcategory->slug)])
@endif
<div class="clear"></div>
@endsection