@extends('layouts.front.app')

@section('content')

<section>
  <div class="container px-1">
    <nav>
      <ol class="breadcrumb bg-white mt-3 shadow-1">
        <li class="breadcrumb-item font-weight-bold">
          <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">
          <a>
            <i class="fas fa-eye black-text"></i> Resultado da busca por
          </a>
        </li>
        <li class="breadcrumb-item font-weight-bolder black-text">
          <a><i class="fas fa-search black-text"></i> {{ request()->input('search') }}</a>
        </li>
      </ol>
    </nav>
  </div>
</section>

<section>
  <div class="container">

    <div class="row">
      <h2 class="font-weight-bold fosco-text font-abeezee">
        Resultado da busca por "{{ request()->input('search') }}"
        ( {{ $products->count() }} de {{ $total }} encontrados)
      </h2>
    </div>

    <div class="d-md-block d-none">
      @include(config('site.domain').'.front.products.product-list-search')
    </div>

    <div class="d-md-none d-block">
      @include(config('site.domain').'.front.products.product-list-mobile', ["products" => $products])
    </div>

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

  </div>
</section>

@endsection