@extends('store.main.template')

@section('store.content.container')
<div class="row store-list">
    <div class="col-sm-12">
        <hr class="sidebar-divider d-none d-md-block">
        <div class="row">
            @foreach ($productGroups as $prodGroup)
            <div class="col-xl-3 col-md-6 mb-4">
                @include('store.products.card')
            </div>
            @endforeach
        </div>
    </div>
    <div class="col-sm-12 d-flex justify-content-center">
        {{ $productGroups->links('pagination::bootstrap-4') }}
    </div>
</div>
@endsection

@section('modals')
<div class="modal_placeholder"></div>
@endsection

@section('pageJsIncludes')
<script>
$(function () {
    $('[data-toggle="popover"]').popover({
        container: 'body',
        trigger: 'focus'
    })
  })
</script>
@endsection