@extends('layout.master')

@section('title', "Products")

@section('content')
    @include('partials.page_header', ['title' => 'Products'])
    <section class="section-content padding-y bg">
        <div class="container">
            <div class="row">
                <div>
                    @if (session()->has('success'))
                        <div class="alert alert-success">
                            {{ session('success') }}
                        </div>
                    @endif
                </div>
                @if($products->count())
                    @foreach($products as $item)
                        <div class="col-md-3 col-12">
                            @include('partials.product', ['product' => $item])
                        </div> <!-- col.// -->
                    @endforeach
                @endif
            </div>
            <div class="row justify-content-center">
                {{ $products->links('vendor.pagination.bootstrap-4') }}
            </div>
        </div>

    </section>
@stop

@push('scripts_end')
    <script>
        Livewire.on('cartAdded', postId => {
            alert('Item Added to cart');
        })
    </script>
@endpush