@extends('sidebar-template')

@section('content')
    
    @include('blocks.banners')
    @include('blocks.buttons')

    {!!   page_title($catData->name)  !!}

    <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="{{$catData->api_name}}" data-title="{{$catData->name}}">
        </div>

    </div>

@stop

@section('sidebar')

<div id="clear-all" class="sidebar-box-algolia no-arrows"></div>
<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="Type a Location to Filter" />--}}

{{--  <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>
<div id="locations-search" class="sidebar-box-algolia"></div>

@stop

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


@section('algolia-layouts')

<script>

  @php

  $wishlistJson = json_encode([]);

  use javcorreia\Wishlist\Facades\Wishlist;

  if(\Auth::user() !== null) {

    $wishlist = Wishlist::getUserWishlist(\Auth::user()->id);
    $wishIds = [];

    foreach ($wishlist as $key => $value) {

      array_push($wishIds, $value->product_id);

    }

    $wishlistJson = json_encode($wishIds);

  } else {

    if(isset($_COOKIE['wishlist'])) {
      $wishlist = json_decode($_COOKIE['wishlist']);
    } else {
      $wishlist = [];
    }

    $wishlistJson = json_encode($wishlist);

  }

  echo "var wishlistItems = ".$wishlistJson.";"

  @endphp

</script>

@include('listings.product-template')

@stop