@extends('main')
@section('styles')
@endsection
@section('page-title')
@endsection
@section('content')
  <div class="shop-header bg-color--grey fix-head">
    <div class="container space-y--15">
      <div class="row align-items-center">
        <div class="col-9">
          <h1 class="category-title text-right">{!! $cat->title !!}</h1>
        </div>
        <div class="col-3 text-left">
          <a href="javascript:history.back()" class="back-link">{!! __('Back') !!} <i class="fa fa-long-arrow-left"></i> </a>
        </div>
      </div>
    </div>
  </div>
  @if (Session::get('list_view') != 'list')
    <div class="products-area">
      <div class="container">
        <div class="row row-5">
          @foreach ($products as $k => $product)
            @livewire('mob-app.cart.item-grid', ['product' => $product,'title_cat' => false ])
          @endforeach
        </div>
        <div class="row row-5">
          <div class="col">
            {{ $products->links('vendor.pagination.mobile') }}
          </div>
        </div>
      </div>
    </div>
  @else
    <div class="products-area">
      <div class="container">
        <div class="row row-5">
          @foreach ($products as $k => $product)
            @livewire('mob-app.cart.item-grid', ['product' => $product,'title_cat' => false ])
          @endforeach
        </div>
        <div class="row row-5">
          <div class="col">
            {{ $products->links('vendor.pagination.mobile') }}
          </div>
        </div>
      </div>
    </div>
  @endif
@endsection
@section('scripts')
@endsection