@extends('layouts.front.app')

@section('content')

<section>
  
  <div class="container my-4">
    <nav>
      <ol class="breadcrumb transparent">
        <li class="breadcrumb-item ">
          <a href="{{ route('home') }}" class="font-weight-bold font-montserrat fourth-text">
            Home <i class="fas fa-angle-right mx-2"></i>
          </a>
        </li>
        <li class="breadcrumb-item font-weight-bold font-montserrat fourth-text">
          <a>
            Resultado da busca por <i class="fas fa-angle-right mx-2"></i>
          </a>
        </li>
        <li class="breadcrumb-item font-weight-bold font-montserrat fourth-text"> 
          {{ request()->input('search') }}
        </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 secondary-text font-abeezee mt-5">
      Resultado da busca por "{{ request()->input('search') }}"
    </h2>
    
    <div class="d-lg-block d-none">
      <div class="row">
        @include(config('site.domain').'.front.products.product-list', ['search' => $products])
      </div>
    </div>
    
    <div class="d-block d-lg-none">
      @include(config('site.domain').'.front.products.product-list-mobile', ['search' => $products])
    </div>
    <div class="d-flex justify-content-center my-2">
      @if (isset($search))
      {{ $products->appends(['search' => isset($search) ? $search : ''])->links() }}
      @else
      {{ $products->links() }}
      @endif
    </div>
    @endif
    
  </div>
</section>
@endsection

@section('js')

<script>
  $(function(){
    $('ul.pagination').addClass('pg-amber')
  })
</script>

@endsection