@extends('main')
@section('title')
@endsection
@section('styles')
  <style>
  #wrap {
    max-width: 660px;
    margin: 100px auto;
  }
</style>
@endsection
@section('content')
  <div class="breadcrumbs">
    <div class="container">
      <div class="row">
        <div class="col-xs-12">
          <ul>
            <li class="home">
              <a href="{{ Route('site.home.page') }}">{{ __('Home') }}</a>
              <span>/</span>
            </li>
            <li>
              {{ __('Search') }}
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <section class="main-container col2-left-layout">
    <div class="container">
      <div class="row">
        <div class="col-sm-9 col-xs-12 col-sm-push-3">
          <article class="col-main2">
            <div class="product-title"><span class="page-heading-title"> {{ __('Search Results For') }}</span><span style="color:red"> "{{ Request::get('s') }}" </span>
            </div>
            @if (count($products) > 0)
              <div class="category-products">
                <div class="clearfix"></div>
                <ol class="products-list" id="products-list">
                  @foreach ($products as $key => $product)
                    @livewire('front-end.product.item-list' , ['product' => $product], key($loop->index))

                  @endforeach
                </ol>
              </div>
              {{ $products->links() }}

            @else
              <div class="row">
                <div class="col-md-12">
                  <div class="pager">
                    <div class="text-center">
                      <h4 class="">{!! __('No Results') !!}</h4>
                    </div>
                  </div>
                </div>
              </div>
              <div class="note note-danger">
                <br>
                <br>
              </div>
            @endif
          </article>
        </div>
        @if (isDesktop())
          <div class="col-left sidebar col-sm-3 col-xs-12 col-sm-pull-9">
            <aside class="col-left sidebar">
              @if (isDesktop())
                @widget('ListCategoriesMenu')
                @widget('Sidebar\BlockBanner')

              @else

              @endif
              @widget('Sidebar\DeliveryReturns')
            </aside>
          </div>
        @endif
      </div>
    </div>
  </section>
@endsection
@section('scripts')
  {!! Html::script(Theme::current()->assetPath.'/js/jquery.matchHeight.min.js') !!}
  <script language="javascript">
    jQuery(document).ready(function($) {
      $('.item-inner').matchHeight();
      $('.products-grid .item .item-title').matchHeight({
        byRow: true,
        property: 'height',
        target: null,
        remove: false
      });
    });
  </script>
@endsection