@extends('layouts.front.app')

@section('content')

<section>
  <div class="container">
    <nav>
      <ol class="breadcrumb grey lighten-3 mt-3">
        <li class="breadcrumb-item">
          <a href="{{ route('home') }}" class="font-weight-bold fosco-text">
            <i class="fas fa-home"></i> Home
          </a>
        </li>
        <li class="breadcrumb-item font-weight-bolder black-text">Busca</li>
      </ol>
    </nav>
  </div>
</section>

<section>
  
  <div class="container">
    @if ($products)
    
    <h2 class="font-weight-bolder fosco-text font-nunito">
      Resultado da busca por 
      "{{ request()->input('search') }}" ( {{ $products->count() }} de {{ $total }} encontrados )
    </h2>
    
    @include(config('site.domain').'.front.products.product-list-search', $products)
    
    <div class="pagination pg-red justify-content-center my-5 pt-2 rounded">
      {{ $products->appends(['search' => isset($search) ? $search : ''])->links() }}
    </div>
    
    @else
    
    <div class="alert alert-warning">Produto não encontrado</div>
    
    @endif
  </div>
</section>


@endsection

@section('js')
<script>
  $(document).ready(function () {
    $('input[name=min_price]').maskMoney({showSymbol: false, decimal: ",", thousands: "."})
    $('input[name=max_price]').maskMoney({showSymbol: false, decimal: ",", thousands: "."})
  })
</script>
@endsection