@extends('layouts.app')
@section('meta')
    @if($category->name)
        <meta property="category:modified_time" content="{{ $category->updated_at }}"/>
    @elseif($tag->name)
        <meta property="category:modified_time" content="{{ $tag->updated_at }}"/>
    @elseif($brand->name)
        <meta property="category:modified_time" content="{{ $brand->updated_at }}"/>
    @endif
@endsection
@section('header')
    <link rel="stylesheet" type="text/css" href="{{ asset('css/category.css?v=2.1.21') }}"/>
    <link rel="stylesheet" type="text/css" href="{{ asset('css/nouislider.min.css') }}"/>
    @if($faq)
        <script type="application/ld+json">
            {
              "@context": "https://schema.org",
              "@type": "FAQPage",
              "mainEntity": [
              @foreach($faq as $f)
                {
                    "@type": "Question",
                    "name": "{{ $f['question'] }}",
                        "acceptedAnswer": {
                            "@type": "Answer",
                            "text": "{{ $f['answer'] }}"
                        }
                    }
                    @unless($loop->last) , @endunless
            @endforeach
            ]
          }
        </script>
    @endif
@endsection
@section('content')
    <div class="body-content">
        <livewire:frontend.search.index :category="$category" :brand="$brand" :tag="$tag" :faq="$faq"/>
    </div>
@endsection
@section('footer')
    <script src="{{ asset('js/theia-sticky-sidebar.js') }}"></script>
    <script src="{{ asset('js/nouislider.min.js') }}"></script>
    <script src="{{ asset('js/wNumb.js') }}"></script>
@endsection