@extends('index')
@section('title', Helper::getSiteTitle(isset($title) && !empty($title) ? $title : ''))

@section('content')
@php
    $images = DB::table('product_images')
                ->where('product_id', $product->id)
                ->where('width_type', 1)
                ->whereNull('deleted_at')
                ->orderBy('is_default', 'desc')
                ->get();

    $variants = DB::table('product_variants')
                    ->where('product_id', $product->id)
                    ->where('store_id', $store->id)
                    ->where('selling_price', '>', 0)
                    ->whereNull('deleted_at')
                    ->orderBy('size_order', 'asc')
                    ->select(['id', 'color_name', 'size', 'instock', 'selling_price'])
                    ->get();

    $sizes = DB::table('product_variants')
                    ->where('product_id', $product->id)
                    ->where('store_id', $store->id)
                    ->where('selling_price', '>', 0)
                    ->whereNull('deleted_at')
                    ->whereNotNull('size')
                    ->orderBy('size_order', 'asc')
                    ->groupBy('size')
                    ->select(['size', 'id', 'selling_price'])
                    ->get();

    $stock = DB::table('product_variants')
                    ->where('product_id', $product->id)
                    ->where('store_id', $store->id)
                    ->where('selling_price', '>', 0)
                    ->whereNull('deleted_at')
                    ->sum('instock');

    if(!empty($stock) && !empty($product->par_level) && $stock >= $product->par_level)
    {
        $stock = $product->par_level;
    }

    $effect_ids = DB::table('product_effects')->where('product_id', $product->id)->pluck('effect_id')->toArray();

    $brand = DB::table('product_brands')->where('id', $product->brand_id)->where('active', 1)->whereNull('deleted_at')->first();
    $product_dominant_terpenes = DB::table('product_dominant_terpene')->where('product_id', $product->id)->get();

    $related_products = $effects = null;

    if(!empty($effect_ids))
    {
        $effects = DB::table('effects')->whereIn('id', $effect_ids)->where('active', 1)->get();
    }

    if(!empty($category))
    {
        $query_data = ['category' => $category];

        if (!empty($category->sub_categories_ids)) {
            # code...
            $query_data['categories'] = json_decode($category->sub_categories_ids, true);
        }

        $query_data['exclude_product_ids'] = [$product->id];

        $related_products = Helper::getProductsQuery()
                                                ->groupBy('products.id')
                                                ->orderBy('products.name', 'asc')
                                                ->select('products.*')
                                                ->take(12)
                                                ->get();
    }

    $gtm_details = [];

    $details = [
        'id' => $product->id,
        'name' => $product->name,
        'list_name' => 'Search Results'
    ];

    if(!empty($brand))
    {
        $details['brand'] = $brand->name;
    }

    if(!empty($category))
    {
        $details['category'] = $category->name;
    }

    $details['list_position'] = 1;
    $details['quantity'] = $stock;
    $details['price'] = $product->selling_price;

    $gtm_details[] = $details;

    $sale_data = Helper::productSaleStatus($product);
@endphp
<main>
    <section class="ecom-title">
        <div class="container">
            <div class="warning-message">
                @include('includes.warning')
            </div>
        </div>
    </section>
    <section class="ecom-main">
        <div class="ecom-row pl-4">
            @include('includes.products_filter', ['is_product_page' => true])
            <div class="ecom-prods-content product-detail-section">
                <div class="product-images">      
                    <div class="product-slider">
                        <div class="outer">
                            <div id="big" class="owl-carousel owl-theme">
                                @foreach($images as $image)
                                    <div class="item">
                                        <img src="{{ $image->image_url }}" alt="{{ $product->name }}">
                                    </div>
                                @endforeach
                            </div>
                            <!-- <div id="thumbs" class="owl-carousel owl-theme">
                                @foreach($images as $image)
                                    <div class="item">
                                        <img src="{{ $image->image_url }}" alt="{{ $product->name }}">
                                    </div>
                                @endforeach
                            </div> -->
                        </div>
                    </div>
                </div>
                <div class="product_detailss product-details-section">
                    <h2>{{ $product->name }}</h2>
                    @if($sale_data)
                        <h5>
                            <strong>{{ Helper::showCurrencyFormats($sale_data['selling_price']) }}</strong>
                            <span class="price-old-detailed">{{ Helper::showCurrencyFormats($sale_data['original_price']) }}</span>
                            <span class="tag_prod product-type-on-specials">{{ $sale_data['sale_percentage'] + 0 }}% OFF</span>
                        </h5>
                    @else
                        <h5><strong>{{ Helper::showCurrencyFormats($product->original_price) }}</strong></h5>
                    @endif
                    @if(!empty($product->type))
                    <span class="tag_prod product-type-{{ strtolower(\Str::slug($product->type, '-')) }}">{{ $product->type }}</span>
                    @endif
                    @if(!empty($product->thc) || !empty($product->cbd))
                    <div>
                        @if(!empty($product->thc))
                        <div class="size">
                            <span><strong>THC (%):</strong> {{ Helper::showTHCOrCBD($product->thc) }}</span>
                        </div>
                        @endif
                        @if(!empty($product->cbd))
                        <div class="size">
                            <span><strong>CBD (%):</strong> {{ Helper::showTHCOrCBD($product->cbd) }}</span>
                        </div>
                        @endif
                    </div>
                    @endif
                    @if(!$sizes->isEmpty())
                    <div class="size">
                        <h6>{{ $size->size }}</h6>
                        <span>{{ Helper::showCurrencyFormats($size->selling_price) }}</span>
                    </div>
                    @endif
                    @if(empty($stock))
                    <div class="alert alert-danger mt-4" style="text-align: center;">
                        Out Of Stock!
                    </div>
                    @else
                    <div class="flex">
                        <div id="cart-quantity" class="qty-inputs">
                            <button type="button" id="sub" class="sub stock-inc-dec-btn {{ $stock == 1 ? 'max-reached' : '' }}">-</button>
                            <input type="" id="1" value="1" min="1" max="{{ $stock }}" class="horizontal-quantity">
                            <button type="button" id="add" class="add stock-inc-dec-btn {{ $stock == 1 ? 'max-reached' : '' }}">+</button>
                        </div>
                    </div>
                    @endif
                    <div class="display-messages mt-4"></div>
                    <a href="{{ route('add-to-cart', [$store->slug, $product->id]) }}" class="addCart add-to-cart-button">Add to Cart<i class="fa fa-spinner fa-spin d-none ml-2"></i></a>

                    @if(!empty($brand) && (!empty($brand->description) || !empty($brand->image)))
                        @if(!empty($brand->image))
                            <span class="brand"><img src="{{ $brand->image }}" alt="{{ $brand->name }}"></span>
                        @endif
                        <h6 class="sponser">{{ $brand->description }}</h6>
                    @endif
                    
                    @if(!empty($product->description))
                    <div class="prodTexts">
                        <p>{{ $product->description }}</p>
                    </div>
                    @endif

                    @if(!empty($product->flavors))
                        @php
                            $flavors = json_decode($product->flavors, true);
                        @endphp
                        <div class="product-flavors">
                            <span class="flavors">
                                @foreach($flavors as $flavor)
                                    @php
                                        $flavor_code = trim(str_replace('U+', '&#x', $flavor['code'])) . ';';
                                        $flavor_name = null;

                                        if(isset($flavor['name']) && !empty($flavor['name']))
                                        {
                                            $flavor_name = '<br/><span class="flavor-name">' . $flavor['name'] . '</span>';
                                        }
                                    @endphp
                                    <span class="flavor-item"><span class="flavor-code">{!! $flavor_code !!}</span>{!! $flavor_name !!}</span>
                                @endforeach
                            </span>
                        </div>
                    @endif
                    @if(!empty($effects) && !$effects->isEmpty())
                    <div class="effects">
                        <h5>Effects</h5>
                        <div class="effects-row">
                            @foreach($effects as $effect)
                            <div class="single-effect">
                                <label for="effect-{{ $effect->id }}">
                                    <input type="checkbox" id="effect-{{ $effect->id }}" disabled>
                                    @if(!empty($effect->svg))
                                    <span class="effect-area"><img src="{{ asset('images/effects/' . $effect->svg) }}" class="effects-image"><span class="effect-name">{{ $effect->name }}</span></span>
                                    @else
                                    <span class="effect-area effect-name">{{ $effect->name }}</span>
                                    @endif
                                </label>
                            </div>
                            @endforeach
                            <p class="effects-disclaimer">Cannabis is a subjective experience. While we base our effects on our staff and user feedback, everyone has a different response to cannabis and results may vary widely.</p>
                        </div>
                    </div>
                    @endif
                    @if(!empty($product->type) && Helper::getSliderScaleValue($product->type))
                    <!-- <div class="mood-range">
                        <h5>Scale</h5>
                        <input type="range" min="0" max="100"  value="{{ $product->slider_scale }}"  class="mood-show">
                        <div class="mood-value flex sb center">
                            <span>Indica</span>
                            <span>Hybrid</span>
                            <span>Sativa</span>
                        </div>
                    </div> -->
                    <div>
                        <div class="ga-progress" data-amount="100">
                            <span class="ga-marker" style="left: {{ Helper::getSliderScaleValue($product->type) }}%;"></span>
                        </div>
                        <div class="scale-title">
                            <span>Sativa</span>
                            <span>Hybrid</span>
                            <span>Indica</span>
                        </div>
                    </div>
                    @endif
                    @if(!$product_dominant_terpenes->isEmpty())
                    <div class="prodState">
                        <h5>Dominant Terpene</h5>
                        @foreach($product_dominant_terpenes as $product_dominant_terpene)
                            <span>{{ $product_dominant_terpene->name }}</span>
                        @endforeach
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </section>
</main>
@endsection

@section('before-gtm')
<script>
    gtag('event', 'view_item', {
        "items": {!! json_encode($gtm_details) !!}
    });
</script>
@endsection

@section('css-lib')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/rangeslider.js/2.3.0/rangeslider.min.css">
<style type="text/css">
    .ecom-title
    {
        padding: 0px !important;
    }
    h5
    {
        text-transform: uppercase;
    }
</style>
@endsection