@extends('layouts.front.app')

@section('content')
@php
$menu_banner = [
['link' => route('front.category.slug', ['romantico',  15]), 'banner' => 'banner/112.jpg'],
['link' => route('front.category.slug', ['aniversario',  19]), 'banner' => 'banner/113.jpg'],
['link' => route('front.category.slug', ['maternidade',  3]), 'banner' => 'banner/114.jpg'],
['link' => route('front.category.slug', ['presentes',  14]), 'banner' => 'banner/116.jpg'],
['link' => route('front.category.slug', ['decoracao',  20]), 'banner' => 'banner/117.jpg'],
];
@endphp

@include(config('site.domain').'.layouts.front.menu-banner')

<section>
  <div class="container dark-grey-text my-2">
    <nav style="z-index: 100 !important;">
      <ol class="breadcrumb grey lighten-4">
        <li><a href="{{ route('home') }}" class="opera-text font-weight-bold"> <i class="fa fa-home"></i> Home</a>
          <i class="fas fa-angle-double-right mx-2 opera-text"></i></li>
          <li class="breadcrumb-item font-weight-bolder opera-text"><i class="fas fa-eye"></i> Resultado da busca</li>
          <li class="breadcrumb-item font-weight-bolder opera-text">{{ request()->input('search') }}</li>
        </ol>
      </nav>
    </div>
  </section>

  <section>
    <!-- Menu Superior -->
    <div class="container dark-grey-text mt-5">
      <div class="row">
        <div class="category-top col-md-12">
          <h2 class="font-weight-bolder">Resultado da busca por "{{ request()->input('search') }}" ( {{ $products->count() }} de {{ $total }} encontrados )</h2>
        </div>
      </div>

      @include(config('site.domain').'.front.products.product-list-search', ['products' => $products])

      <div class="pagination pg-red justify-content-center mt-5 pt-2 rounded">
				{{ $products->appends(['search' => isset($search) ? $search : ''])->links() }}
			</div>
    </div>
  </section>

  @endsection
  @section('js')
  <script type="text/javascript">
    $(document).ready(function(){
    })
  </script>
  @endsection