@extends('sidebar-template')


@section('content')
    <div id="bb-items">
        @include('blocks.banners')
        @include('blocks.buttons')
    </div>

    <h1 class="page-title">{{$title}}</h1>
    <h2 class="page-description" id="category-desc">{{$description}}</h2>

    <div class="row">
        @if(isAdmin())
            <div class="col-md-12">
                <div id="stats-container" style="margin-bottom:16px"></div>
            </div>
        @endif
        <div id="search-hits" data-category="{{$api_name}}" data-title="{{$title}}"></div>
    </div>

@stop

@section('sidebar')

    <div id="clear-all" class="sidebar-box-algolia no-arrows"></div>
    <h3 class="instantsearch-header">Categories</h3>
    <div id="categories-search" class="sidebar-box-algolia no-arrows"></div>

{{--    <div class="sidebar-box-algolia no-arrows">--}}
{{--        <input type="search" id="address-input" placeholder="Filter by your Location"/>--}}
{{--        <div class="btn-group btn-group-toggle float-right metric-switch" data-toggle="buttons">--}}
{{--            <label class="btn btn-sm active">--}}
{{--                <input type="radio" name="metricType" value="mile" checked> Mile--}}
{{--            </label>--}}
{{--            <label class="btn btn-sm" id="km">--}}
{{--                <input type="radio" name="metricType" value="km"> Kilometer--}}
{{--            </label>--}}
{{--        </div>--}}
{{--    </div>--}}

    <h3 class="instantsearch-header">Regions</h3>
    <div id="locations-search" class="sidebar-box-algolia"></div>
@stop

@section('js_functions')
    my_main.Listings();
@stop


@section('algolia-layouts')
    <script>
        var wishlistItems = {!! json_encode(App\Helpers\WishlistHelper::getInstance()->getWishlistItemsIds()) !!};
        var algoliaOptionsFromView = {!! $options !!};
        var loadBBFromView = true;
    </script>
    @include('listings.product-template');
@stop