@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('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('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('selling_price', '>', 0)
                    ->whereNull('deleted_at')
                    ->sum('instock');

    $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.selling_price', '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;
@endphp
<section class="titlepage">
    <div class="container">
        <h2>{{ $product->name }}</h2>
    </div>
</section>
<section class=" detail-main">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <div class="swiper-container mySwiper2">
                    <div class="swiper-wrapper">
                    	@if(!$images->isEmpty())
                    		@foreach($images as $image)
		                        <div class="swiper-slide">
		                            <div class="img-holder">
		                                <img src="{{ $image->image_url }}" alt="{{ $product->name }}" style="object-fit: contain;">
		                            </div>
		                        </div>
		                    @endforeach
                        @endif
                    </div>
                </div>
                <div thumbsSlider="" class="swiper-container mySwiper">
                    <div class="swiper-wrapper justify-content-center">
                        @if(!$images->isEmpty())
                    		@foreach($images as $image)
		                        <div class="swiper-slide">
		                            <div class="img-holder">
		                                <img src="{{ $image->image_url }}" alt="{{ $product->name }}" style="width: 80px; height: 80px; object-fit: contain;">
		                            </div>
		                        </div>
		                    @endforeach
                        @endif
                    </div>
                </div>
            </div>
            <div class="col-lg-6 product-details-section">
                <div class="detail-content">
                    <h3>{{ $product->name }}</h3>
                    <div class="price mt-4 mb-4">
                        <h4>
                        	{{ Helper::showCurrencyFormats($product->selling_price) }}
                            @if(!empty($product->original_price) && $product->original_price > $product->selling_price)
                            <span class="price-old-detailed">{{ Helper::showCurrencyFormats($product->original_price) }}</span>
                            @endif
                        </h4>
                    </div>
                    <div class="price mt-4 mb-4">
                        @if(!empty($product->type))
                        <span class="badges badge-green product-type-{{ strtolower(\Str::slug($product->type, '-')) }} mr-2">{{ strtoupper($product->type) }}</span>
                        @endif
	                    @if(!empty($product->thc) || !empty($product->cbd))
		                    @if(!empty($product->thc))
	                        	<span class="badges badge-info mr-2"><strong>THC (%):</strong> <span class="ml-1">{{ $product->thc }}</span></span>
	                        @endif
	                        @if(!empty($product->cbd))
	                        <span class="badges badge-warning mr-2"><strong>CBD:</strong> <span class="ml-1">{{ $product->cbd }}</span></span>
	                        @endif
	                    @endif
                    </div>
                    @if(!$sizes->isEmpty())
                    <ul class="select-check size-variant-section">
                    	@foreach($sizes as $key => $size)
	                        <li>
	                            <input type="radio" id="variant-size{{ $size->id }}" name="size" value="{{ $size->size }}" class="checkbox-label" {{ $key == 0 ? 'checked' : '' }}>
	                            <label for="variant-size{{ $size->id }}">
	                                <span>{{ $size->size }}</span>
	                                <h5>{{ Helper::showCurrencyFormats($size->selling_price) }}</h5>
	                            </label>
	                        </li>
                        @endforeach
                    </ul>
                    @endif
                    @if(!empty($product->description))
                    	<div class="text-justify mt-4 mb-4">
                    		{!! $product->description !!}
                    	</div>
                    @endif

                    @if(!empty($effects) && !$effects->isEmpty())
                    <h4>Effects</h4>
                    <ul class="effects">
                    	@foreach($effects as $effect)
                        <li>
                            <input type="radio" id="effect-{{ $effect->id }}" name="radioa" class="checkbox-label">
                            <label for="effect-{{ $effect->id }}">{!! $effect->svg !!} <span class="ml-2">{{ $effect->name }}</span></label>
                        </li>
                        @endforeach
                    </ul>
                    @endif
                    @if(!empty($stock))
                    <div class="input-spinner">
                        <input type="number" class="horizontal-quantity" value="1" min="1" max="{{ $stock - $product->par_level }}" step="1" />
                    </div>
                    <div class="display-messages mb-1 mt-1"></div>
                    <div class="action add-to-cart-button-full">
                        <li>
                        	<a href="{{ route('add-to-cart', [$store->slug, $product->id]) }}" class="btn cta-outline-primary add-to-cart-button">Add to Cart 
                        		<i class="main-icon"><img src="{{ asset('images/cart.svg') }}"></i>
                        		<i class="fa fa-spinner fa-spin d-none ml-2"></i>
                        	</a>
                        </li>
                    </div>
                    @else
                    <div class="action">
                        <li><a href="javascript:void(0);" class="btn btn-danger">Out Of Stock </a></li>
                    </div>
                    @endif
                    @if(!empty($brand) && (!empty($brand->description) || !empty($brand->image)))
	                    <h4>About Brand</h4>
	                    <div class="media">
	                    	@if(!empty($brand->image))
	                        <div class="img-brand">
	                            <img src="{{ $brand->image }}" alt="{{ $brand->name }}" style="object-fit: contain;">
	                        </div>
	                        @endif
	                        <div class="media-body text-justify">{!! $brand->description !!}</div>
	                    </div>
                    @endif
                    @if(!empty($product->slider_scale))
                    <h4>Scale</h4>
                    <div>
                        <div class="ga-progress" data-amount="100">
                            <span class="ga-marker" style="left: {{ $product->slider_scale }}%;"></span>
                        </div>
                        <div class="scale-title">
                            <span>Indica</span>
                            <span>Hybrid</span>
                            <span>Sativa</span>
                        </div>
                    </div>
                    @endif
                    @if(!$product_dominant_terpenes->isEmpty())
                    <div class="mt-5">
                        <h4 style="margin-bottom: 12px;">Dominent Terpene</h4>
                        <ul>
                            @foreach($product_dominant_terpenes as $product_dominant_terpene)
                            <li>
                                <div>
                                    <div class="container diamond-shape"></div>
                                    <p class="dominent-p">{{ $product_dominant_terpene->name }}</p>
                                </div>
                            </li>
                            @endforeach
                        </ul>
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

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