@extends('front.qrmenu.layout')

@section('page-heading')
    {{__('Menu')}}
@endsection

@section('content')
<section class="food-menu-area food-menu-2-area food-menu-3-area">
    <div class="container">
        <div class="categories-tab">
            <div class="row">
                <div class="col-lg-12">
                    <div class="tabs-btn pb-20">
                        <ul class="nav nav-pills d-flex justify-content-center" id="pills-tab" role="tablist">
                            @foreach ($categories as $keys => $category)
                            <li class="nav-item">
                                <a class="nav-link {{$keys == 0 ? 'active' : ''}}" id="{{$category->slug}}-tab" data-toggle="pill" href="#{{$category->slug}}" role="tab" aria-controls="{{$category->slug}}" aria-selected="true">
                                    <p>{{convertUtf8($category->name)}}</p>
                                </a>
                            </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <div class="tab-content" id="pills-tabContent">
                    @foreach ($categories as $key => $category)
                    <div class="tab-pane fade {{$key == 0 ? 'show active' : ''}}"  id="{{$category->slug}}" role="tabpanel" aria-labelledby="{{$category->slug}}-tab">
                        <div class="button-group filters-button-group text-center">
                            <button class="button is-checked base-bg" data-filter="*" @if ($category->subcategories()->count() == 0) style="display: none;" @endif>{{__('All')}}</button>
                            @foreach ($category->subcategories()->get() as $subcat)
                                <button class="button" data-filter=".sub{{$subcat->id}}">{{$subcat->name}}</button>
                            @endforeach
                        </div>

                        <div class="row justify-content-center">
                            @if($category->products()->where('status', 1)->count() > 0)

                            @foreach ($category->products()->where('status', 1)->get() as $product)
                            <div class="col-lg-6">
                                <div class="food-menu-items">

                                    <div class="single-menu-item mt-30 sub{{$product->subcategory_id}}">
                                        <div class="item-details">
                                            <div class="menu-thumb">
                                                <img class="lazy" data-src="{{asset('assets/front/img/product/featured/'.$product->feature_image)}}" alt="menu">
                                                <div class="thumb-overlay">
                                                    <a href="#"><i class="flaticon-add"></i></a>
                                                </div>
                                            </div>
                                            <div class="menu-content ml-3">
                                                <a class="title" href="#">{{convertUtf8($product->title)}}</a>
                                                <p>{{convertUtf8($product->summary)}} </p>
                                            </div>
                                        </div>
                                        <div class="menu-price-btn">
                                            <a class="cart-link" data-product="{{$product}}" data-href="{{route('add.cart',$product->id)}}">{{__('Add to Cart')}}</a>

                                            <span>{{$be->base_currency_symbol_position == 'left' ? $be->base_currency_symbol : ''}}{{convertUtf8($product->current_price)}}{{$be->base_currency_symbol_position == 'right' ? $be->base_currency_symbol : ''}}
                                            </span>
                                            @if($product->previous_price)
                                            <del>  {{$be->base_currency_symbol_position == 'left' ? $be->base_currency_symbol : ''}}{{convertUtf8($product->previous_price)}}{{$be->base_currency_symbol_position == 'right' ? $be->base_currency_symbol : ''}}</del>
                                            @endif
                                        </div>
                                        @if ($product->is_special == 1)
                                            <div class="flag flag-2"><span>{{__('Special')}}</span></div>
                                        @endif

                                    </div>

                                </div>
                            </div>
                            @endforeach
                            @else
                            <div class="col-lg-12 bg-light py-5 mt-4">
                                <h4 class="text-center">{{__('Product Not Found')}}</h4>
                            </div>
                            @endif
                        </div>
                    </div>
                    @endforeach



                </div>
            </div>
        </div>
    </div>
</section>





{{-- Variation Modal Starts --}}
@include('front.qrmenu.partials.qr-variation-modal')
{{-- Variation Modal Ends --}}
@endsection