@extends('frontend.layouts.app')

@php
    $title = trim($data['category']->meta_title);
    if($title != null && $title != 'NULL')
            $title = $data['category']->meta_title;
    else
        $title = $data['category']->name . ' - ' . app_name();

    if($data['category']->do_index == 'N' || $data['category']->status == 'N')
        $no_index = 'NOINDEX';

    $left_banner_id = null;    
    if(isset($data['category']->left_banner_id) && $data['category']->left_banner_id > 0)
    {
        $left_banner_id = $data['category']->left_banner_id;
    }    
@endphp

@section('title', $title)

@if(trim($data['category']->meta_keywords) != null)
    @section('meta_keywords', $data['category']->meta_keywords)
@endif

@if(trim($data['category']->meta_description) != null)
    @section('meta_description', $data['category']->meta_description)
@endif

@if($data['category']->is_canonical == 'Y')
    @php
        if($data['category']->canonical_url != '')
            $url = $data['category']->canonical_url;
        else
            $url = URL::to( '/' . $data['category']->slug);
    @endphp
@else
    $url = URL::current();
@endif

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

@if(isset($no_index))
    @push('head-area')
        <META NAME="ROBOTS" CONTENT="{{ $no_index }}">
    @endpush
@endif

@section('content')


    <main class="section-padding shop-page-section">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-xl-9 order-lg-2 mb--40">
                    <div class="shop-toolbar mb--30">
                        <div class="row align-items-center">
                            <div class="col-5 col-md-3 col-xl-12 page-heading">
                                <div class="float-left"><h1>{{ $data['category']->name }}</h1></div>
                                <div class="float-right">
                                    <a href="javascript:;" onclick="show_qr_code({{ $data['category']->id }}, null, 'category');"><i class="fa fa-qrcode"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div>
                        {!! $data['category']->description !!}
                    </div>
                    <div class="shop-product-wrap grid with-pagination row border grid-four-column  mr-0 ml-0 no-gutters">
                        @foreach($data['categories'] as $category)
                            {!! \App\Models\Category::categoryBlock($category) !!}
                        @endforeach
                    </div>
                </div>
                <div class="col-lg-4 col-xl-3 order-lg-1">
                    <div class="sidebar-widget">
                        <div class="single-sidebar">
                            <h2 class="sidebar-title">SHOP BY</h2>
                            <ul class="sidebar-filter-list">
                                @foreach($data['categories'] as $category)
                                    @php
                                        $url = $category->slug;
                                    @endphp
                                    <li><a href="{{ $url }}">{{ $category->name }}</a></li>
                                @endforeach
                            </ul>
                        </div>
                    </div>

                    <div class="single-sidebar pt-5">
                        
                            {!! \App\Models\Banner::showBanner(9, 'promo-image overflow-image', $left_banner_id) !!}
                    
                    </div>
                </div>
            </div>
        </div>
    </main>

    <div class="modal fade" id="modal_qr_code" tabindex="-1" role="dialog" aria-labelledby="modal_qr_codeTitle" aria-hidden="true">
        <div class="modal-dialog modal-md modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-body text-center" id="modal_qr_code_body">
                </div>
            </div>
        </div>
    </div>
@endsection