@extends('frontend.layouts.amp')

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

@php
    $url = URL::current();
@endphp
@push('head-area')
    <link rel="canonical" href="{{ $url }}" />
    {{--<link rel="amphtml" href="{{ $url }}?amp=1" />--}}
@endpush

@section('content')

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

            <div class="category-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 id="b-li-{{ $category['id'] }}" class="b-lis"><a class="active" href="#" on="show_bogo_products({{ $category['id'] }});">{{ $category['name'] }}&nbsp;({{ $category['count'] }})</a></li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                    </div>
                </div>
                <div class="col-md-9">
                    <p>
                        <amp-img alt="Buy any 3 of the following items and get free pouch from GerVetUSA" src="{{$data['page']->content}}" layout="responsive" width="358" height="204"></amp-img>
                    </p>
                     <div class="row2">
                        @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-amp') !!}
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>


@endsection