@extends('frontend.layouts.app')

@section('title', $data['page']->meta_title)
@section('meta_keywords', $data['page']->meta_keywords)
@section('meta_description', $data['page']->meta_description)

@section('content')


    <!-- Cart Page Start -->
    <div class="cart_area cart-area-padding pt--35">
        <div class="container content-height">
            <div class="page-section-title">
                <h1>{{ $data['page']->heading }}</h1>
            </div>

            <div class="row">

                <div class="col-md-3">
                    <div class="sidebar-widget">
                        @if(isset($data['bogo_categories']))
                            <div class="single-sidebar">
                                <h2 class="sidebar-title">CATEGORIES</h2>
                                <ul class="sidebar-filter-list">
                                    @foreach($data['bogo_categories'] as $category)
                                        <li style="text-wrap: none;" id="b-li-{{ $category['id'] }}" class="b-lis"><a class="active" href="javascript:;" onclick="show_bogo_products({{ $category['id'] }});">{{ $category['name'] }}&nbsp;({{ $category['count'] }})</a></li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                    </div>
                </div>
                <div class="col-md-9">
                    {!! $data['page']->content  !!}
                     <div class="row">
                        @foreach($data['bogo_products'] as $product)
                            @php
                                $css = '';
                                foreach($product->cats as $cat)
                                {
                                    $css .= 'b-cat-'.$cat.' ';
                                }
                            @endphp
                            <div class="col-md-3 b-products {{ $css }}">
                                {!! \App\Models\Product::productBlock($product, 'small') !!}
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>


@endsection