@extends('layouts.front.app')

@section('content')

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

<section>
  <div class="container">
    
    @if(!$products->count() != 0)
    
    <div class="alert alert-warning font-weight-bolder">
      Nenhum resultado para "{{ request()->input('search') }}"
    </div>   
    
    @else
    
    <h2 class="font-weight-bolder fosco-text font-abeezee mt-5">Resultado da busca por "{{ request()->input('search') }}"</h2>
    
    <hr>
    
    <div class="d-lg-block d-none">
      <div class="row">
        @include(config('site.domain').'.front.products.product-list-search', ['search' => $products])
      </div>
    </div>
    
    <div class="d-block d-lg-none">
      @include(config('site.domain').'.front.products.product-list-search-mobile', ['search' => $products])
    </div>
    
    @endif
    
  </div>
</section>
@endsection