@extends('layouts.front.app')

@section('content')

<section>
  <div class="container my-3">
    <nav>      
      <ol class="breadcrumb grey lighten-3">
        <li class="breadcrumb-item">
          <a href="{{route('home')}}" class="font-weight-bold fosco-text">
            <i class="fas fa-home black-text"></i> Home
          </a>
        </li>
        <li class="breadcrumb-item">
          <a class="font-weight-bolder black-text">
            <i class="fas fa-eye black-text"></i> Resultado da busca por
          </a>
        </li>
        <li class="breadcrumb-item"> 
          <a class="font-weight-bolder black-text">
            <i class="fas fa-search black-text"></i> {{ request()->input('search') }}
          </a>
        </li>
      </ol>
    </nav>
  </div>
</section>

<section>
  <div class="container">
    
    <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', ['search' => $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>
  $(function () {
    $('input[name=min_price]').maskMoney({showSymbol: false, decimal: ",", thousands: "."})
    $('input[name=max_price]').maskMoney({showSymbol: false, decimal: ",", thousands: "."})
  })
</script>
@endsection