@extends('Client.layouts.layout')

@section('content')
    <div class="container-xl my-5" style="max-width: 1220px">
        <div class="row">
            @if ($Products->count())
                @foreach ($Products as $Product)
                    <div class="col-6 col-md-4 col-lg-3 p-2" onclick="location.href='{{ route('client.product',['title'=>str_replace(' ', '-', $Product->title())]) }}'">
                        @include('Client.layouts.product',['Product'=>$Product])
                    </div>
                @endforeach
                @if ($Products->hasPages())
                    <div class="pagination-wrapper">
                         {{ $Products->appends(request()->query())->links('pagination::bootstrap-5') }}
                    </div>
                @endif
            @else
                <div class="text-center">
                    <img src="{{ asset('new_assets/img/not-found.webp') }}" alt="data-not-found" style="max-width: 400px">
                    <h3>@lang('trans.Data not found')</h3>
                </div>
            @endif
        </div>
    </div>
@endsection


@push('js')
    <script></script>
@endpush