@extends('templates.'.$template.'.layouts.' . $layout)

@section('content')
<div class="row">
    <div class="col-lg-9">
        <ul class="nav nav-tabs">
            <li class="nav-item"><a class="nav-link cars-filters-tab-btn" data-tab="vehicle" href="javascript:void(0)">Vehicle</a></li>
            <li class="nav-item"><a class="nav-link cars-filters-tab-btn" data-tab="engine" href="javascript:void(0)">Engine</a></li>
            <li class="nav-item"><a class="nav-link cars-filters-tab-btn" data-tab="colour" href="javascript:void(0)">Colour</a></li>
            <li class="nav-item"><a class="nav-link cars-filters-tab-btn" data-tab="equipment" href="javascript:void(0)">Equipment</a></li>
            <li class="nav-item"><a class="nav-link cars-filters-tab-btn" data-tab="location" href="javascript:void(0)">Location</a></li>
            <li class="nav-item"><a class="nav-link cars-filters-tab-btn" data-tab="price" href="javascript:void(0)">Price</a></li>
        </ul>
	</div>
    <div class="col-lg-3">
        <a href="javascript:void(0);" class="btn btn-primary" id="go-to-cars-list"><span id="cars-count">{{ $totalCarsLabel }}</span></a>
	</div>
</div>

<div class="row">
    <div class="col-lg-12">
        <div id="tab-vehicle" class="cars-filters-tab">
            @include('templates/'.config('app.template').'/cars/common/tab-vehicle')
        </div>
        <div id="tab-engine" class="cars-filters-tab">
            @include('templates/'.config('app.template').'/cars/common/tab-engine')
        </div>
        <div id="tab-colour" class="cars-filters-tab">
            @include('templates/'.config('app.template').'/cars/common/tab-colour')
        </div>
        <div id="tab-equipment" class="cars-filters-tab">
            Equipment
        </div>
        <div id="tab-location" class="cars-filters-tab">
            Location
        </div>
        <div id="tab-price" class="cars-filters-tab">
            @include('templates/'.config('app.template').'/cars/common/tab-price')
        </div>
    </div>
</div>
@endsection

{{-- Page script --}}
@section('script')
	<script type="text/javascript">
    var modelsValues = [];
    @if(app('request')->input('models'))
        var modelsString = '{{ app('request')->input('models') }}';
        modelsValues = modelsString.split(',').map(Number);
    @endif
    var motorisationsValues = [];
    @if(app('request')->input('motorisations'))
        var motorisationsString = '{{ app('request')->input('motorisations') }}';
        motorisationsValues = motorisationsString.split(',').map(Number);
    @endif
    var carTypesValues = [];
    @if(app('request')->input('types'))
        var carTypesString = '{{ app('request')->input('types') }}';
        carTypesValues = carTypesString.split(',').map(Number);
    @endif
    var carBodyShapes = [];
    @if(app('request')->input('bodies'))
        var carBodyShapesString = '{{ app('request')->input('bodies') }}';
        carBodyShapes = carBodyShapesString.split(',').map(Number);
    @endif
    var carUpholsteries = [];
    @if(app('request')->input('upholstery'))
        var carUpholsteriesString = '{{ app('request')->input('upholstery') }}';
        carUpholsteries = carUpholsteriesString.split(',').map(Number);
    @endif
    var carColours = [];
    @if(app('request')->input('colours'))
        var carColoursString = '{{ app('request')->input('colours') }}';
        carColours = carColoursString.split(',').map(Number);
    @endif
    var carInteriorColours = [];
    @if(app('request')->input('interiorcolours'))
        var carInteriorColoursString = '{{ app('request')->input('interiorcolours') }}';
        carInteriorColours = carInteriorColoursString.split(',').map(Number);
    @endif
    var carListPage = '{{ route('vehicles-list') }}';
    </script>
@endsection