@php
    use App\Models\User\UserAuth;
    use App\Libraries\ShipRocket;
    use App\Models\Admin\Settings;
    $whatsapp = Settings::get('whats_app_number');
@endphp
@extends('layouts.frontlayout')
@section('content')

<section class="product_detail_section {{ $product->product_qty }}">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="product_detail_area">
                    <div class="row">
                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12 image_slider_parent">
                            @include('frontend.products.single.slider',[
                                    'multi_image' => isset($multi_image) && $multi_image ? $multi_image : []
                                ]) 
                        </div>
                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                            <div class="right_area">
                                <div class="product_name_area">
                                    <div class="list_area">
                                        @if(isset($product->subCategories) && count($product->subCategories) > 0 )
                                            @php  
                                                $categories         = isset($product->categories) && $product->categories ? current($product->categories) : [];
                                                $categories         = isset($categories) && $categories ? current($categories) : [];
                                                
                                                $subCategories      = isset($product->subCategories) && $product->subCategories ? $product->subCategories->toArray() : [];
                                            @endphp
                                            <ul>
                                                @if(isset($categories['title']) && $categories['title'])
                                                    <li>
                                                        {{isset($categories['title']) && $categories['title'] ? $categories['title'] : ''}}
                                                    </li>
                                                @endif
                                                @foreach($subCategories as $c)
                                                    <li>
                                                        {{ isset($c) && isset($c['title']) && $c['title'] ? ucwords($c['title']) : ''}}
                                                    </li>
                                                @endforeach
                                            </ul>
                                        @endif
                                    </div>

                                    <div class="heading_area">
                                        <h3 class="product_heading">
                                            {{  isset($product->title) && $product->title ? $product->title : '' }}
                                            <size>{{ isset($product->product_size) && $product->product_size ? ' - '.$product->product_size : '' }}</size>
                                        </h3>
                                    </div>

                                    @if(isset($product->tax_note) && $product->tax_note)
                                        <div class="icon_text_area">
                                            <div class="info_icon">
                                                <img src="{{ url('frontend/images/info_icon.png') }}" title="Image" alt="Image" fetchpriority="low">
                                            </div>
                                            <div class="info_text">{{isset($product->tax_note) && $product->tax_note ? $product->tax_note : ''}}</div>
                                        </div>
                                    @endif

                                    <div class="rating_list">
                                        <ul>
                                            <li>
                                                <div class="image_text_area">
                                                    <div class="image_parent">
                                                        <div class="image_area">
                                                            <img src="{{ url('frontend/images/icons/star.png') }}" title="Image" alt="Image" fetchpriority="low">
                                                        </div>
                                                        <div class="rating_text">
                                                            {{ isset($averageRating) && $averageRating ? round($averageRating,1,0) : 0 }}
                                                        </div>
                                                    </div>
                                                    <div class="text_area">
                                                        {{ isset($totalReview) && $totalReview ? $totalReview : 0 }} Reviews
                                                    </div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="icon_text_area">
                                                    <div class="icon_area">
                                                        ₹
                                                    </div>
                                                    <div class="text_area">
                                                        Cash-on Delivery
                                                    </div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="icon_text_area">
                                                    <div class="image_parent">
                                                        <div class="image_area">
                                                            <img src="{{ url('frontend/images/icons/box.png') }}" title="Image" alt="Image" fetchpriority="low">
                                                        </div>
                                                    </div>
                                                    <div class="text_area product_quantity">
                                                        @if(isset($product->stock) && $product->stock == 'in_stock')
                                                            Only <quantity>{{isset($product->product_qty) && $product->product_qty ? $product->product_qty : 0}}</quantity> in stock
                                                        @else
                                                            Only <quantity>0</quantity> in stock   
                                                        @endif
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                @if(isset($product->product_tags) && $product->product_tags)
                                    @php
                                        $product->product_tags = explode(',',$product->product_tags);
                                    @endphp
                                    @if(!empty($product->product_tags) && count($product->product_tags)>0)
                                        <div class="tags_section">
                                            <div class="tag_header">Tags</div>
                                            <ul class="tag_list">
                                                @foreach($product->product_tags as $vTag)
                                                    <li>
                                                        <a href="javascript:;">{{ $vTag }}</a>
                                                    </li>
                                                @endforeach
                                            </ul>
                                        </div>
                                    @endif
                                @endif
                                <div class="price_area_parent">
                                    <div class="price_area">
                                        @if(isset($productPrices['price_after_discount']) && $productPrices['price_after_discount'] > 0.00)
                                            <div class="discount_price">
                                                {{ isset($productPrices['price_after_discount']) && $productPrices['price_after_discount'] ? $settingsData['currency_symbol'].''.round($productPrices['price_after_discount'], 2) : '' }}
                                            </div>
                                        @else
                                            <div class="discount_price">
                                                {{ isset($productPrices['discount']) && $productPrices['discount'] ? $settingsData['currency_symbol'].''.priceFormatBake($productPrices['discount']) : '' }}
                                            </div>
                                        @endif

                                        @if(isset($productPrices['price_after_discount']) && $productPrices['price_after_discount'] > 0.00)
                                            <div class="off_price">
                                                @if(isset($productPrices['discount_type']) && $productPrices['discount_type'] === 'price')
                                                    {{ isset($productPrices['discount']) && $productPrices['discount'] ? $settingsData['currency_symbol'].''.round($productPrices['discount'], 2).' OFF' : '' }}
                                                @elseif(isset($productPrices['discount_type']) && $productPrices['discount_type'] === 'percent')
                                                    {{ isset($productPrices['discount']) && $productPrices['discount'] ? round($productPrices['discount'], 2).(isset($productPrices['discount_type']) && $productPrices['discount_type'] === 'percent' ? ' % ' : '').' OFF' : '' }}
                                                @endif
                                            </div>
                                        @endif
                                    </div>
                                    @if(isset($productPrices['price_after_discount']) && $productPrices['price_after_discount'] > 0.00)
                                        <div class="actual_price {{ isset($productPrices['price']) && $productPrices['price'] ? "" : "d-none" }}">
                                            {{ isset($productPrices['price']) && $productPrices['price'] ? $settingsData['currency_symbol'].''.round($productPrices['price'], 2) : '' }}
                                        </div>
                                    @endif
                                </div>
                                    @if(isset($product) && isset($product['product_variant']) && !empty($product['product_variant']) && count($product['product_variant']))
                                        @php
                                            $product_variant = $product['product_variant'];
                                        @endphp
                                    @endif

                                    @if(isset($parentProducts) && !empty($parentProducts) && count($parentProducts)>0)
                                        <div class="color_area" data-url={{ route('products.getColorImages') }}>
                                            <div class="content_area">
                                                <div class="my_header">Color :</div>
                                                <div class="my_text color_name">{{ isset($product->product_color) && $product->product_color ? $product->product_color : '' }}</div>
                                            </div> 
                                            <div class="check_box_area">
                                                @foreach($parentProducts as $k => $v)
                                                    <div class="form-check">
                                                        <input 
                                                            style="background-color:{{ isset($v['color_code']) && $v['color_code'] ? $v['color_code'] : '#0d6efd' }};"
                                                            class="form-check-input colors_value"
                                                            data-id="{{ isset($v['id']) && $v['id'] ? $v['id'] : '' }}"
                                                            data-value="{{ isset($v['color_code']) && $v['color_code'] ? $v['color_code'] : '' }}"
                                                            data-url="{{ isset($v['id']) && $v['id'] ? route('products.slug',['slug' => $v['slug']]) : '' }}"
                                                            type="radio"
                                                            name="colors"
                                                            value=""
                                                            id="flexCheckDefault{{ $k }}"
                                                            {{ $v['id'] == $product->id ? 'checked' : '' }}>
                                                    </div>
                                                @endforeach      
                                            </div>
                                        </div>
                                    @endif
                                @php
                                    $product['thread_option']   = isset($product['thread_option']) && $product['thread_option'] ? json_decode($product['thread_option'], true) : [];
                                    $categoryThread             = isset($product->categories) && $product->categories ? current(current($product->categories)) : '';
                                @endphp
                                @if(isset($categoryThread) && isset($categoryThread['is_thread_option']) && $categoryThread['is_thread_option']  == 'yes')
                                    @if(isset($product['thread_option']) && $product['thread_option'] && count($product['thread_option']) > 0 )
                                        @php
                                            $currentThread = current($product['thread_option']);
                                        @endphp
                                        @if(isset($currentThread) && isset($currentThread['thread_title']) && $currentThread['thread_title'])
                                            <div class="thread_area">
                                                <div class="header_area">Thread Options</div>
                                                <div class="radio_area">
                                                    @foreach($product['thread_option'] as $k => $data)
                                                        @if(isset($data['thread_title']) && $data['thread_title'])
                                                            <div class="form-check">
                                                                <input 
                                                                    class="form-check-input thread_values"
                                                                    data-value="{{ isset($data) && $data ? json_encode($data) : '' }}"
                                                                    type="radio"
                                                                    name="flexRadioDefault"
                                                                    id="thread{{ $k }}"
                                                                    {{ $k == 0 ? 'checked' : '' }}
                                                                    >
                                                                <label class="form-check-label" for="thread{{ $k }}">
                                                                    @php
                                                                        if((isset($data['thread_quantity']) && $data['thread_quantity']) && (isset($data['thread_price']) && $data['thread_price']))
                                                                        {
                                                                            $threadPrice = $data['thread_price']*$data['thread_quantity'];
                                                                        }
                                                                        else
                                                                        {
                                                                            $threadPrice = isset($data['thread_price']) && $data['thread_price'] ? $data['thread_price'] : 0; 
                                                                        }
                                                                        $data['thread_price'] = isset($data['thread_price']) && !$data['thread_price'] ? 0 : $data['thread_price'];
                                                                    @endphp
                                                                    {{ isset($data['thread_title']) && $data['thread_title'] ? $data['thread_title'] : ''}}
                                                                    {{ isset($data['thread_quantity']) && $data['thread_quantity'] ? $data['thread_quantity'].'*'.$data['thread_price'] : '' }}
                                                                    {{ isset($data['thread_price']) ? "(+ {$settingsData['currency_symbol']}{$threadPrice} )" : '' }}
                                                                </label>
                                                            </div>
                                                        @endif
                                                    @endforeach
                                                </div>
                                            </div>
                                        @endif
                                    @endif
                                @endif
                                @if(isset($product['variant']) && $product['variant'] && count($product['variant']) > 0)
                                    <div class="size_radio_area thread_area">
                                        <div class="header_area">Size <span><a href="javascript:;" data-id="" data-url="" data-bs-toggle="modal" data-bs-target=".size_cahrt_modal">(Size Guide)</a></span></div>
                                        <div class="radio_area">
                                            @foreach($product['variant'] as $sK => $sV)
                                                <div class="form-check">
                                                    <input 
                                                        id="flexRadioDefault{{ $sK }}"
                                                        class="form-check-input size_value"
                                                        type="radio"
                                                        name="product_size"
                                                        data-value="{{ isset($sV->id) && $sV->id ? $sV->id : '' }}"
                                                        data-is_discount="{{ isset($sV->is_discount) && $sV->is_discount ? $sV->is_discount : '' }}"
                                                        data-price="{{ isset($sV->price) && $sV->price ? $sV->price : '' }}"
                                                        data-quantity="{{ isset($sV->quantity) && $sV->quantity ? $sV->quantity : '' }}"
                                                        data-discount="{{ isset($sV->discounted_price) && $sV->discounted_price ? $sV->discounted_price : '' }}"
                                                        data-currency_symbol="{{ isset($settingsData['currency_symbol']) && $settingsData['currency_symbol'] ? $settingsData['currency_symbol'] : '' }}"
                                                        {{ isset($product->product_size) && $product->product_size ? ($product->product_size == $sV->product_size ? "checked" : "") : ($sK == 0 ? 'checked' : '')  }} 
                                                    >
                                                    <label class="form-check-label" for="flexRadioDefault{{ $sK }}">
                                                        {{ isset($sV->product_size) && $sV->product_size ? $sV->product_size : '' }}
                                                    </label>
                                                </div>
                                            @endforeach
                                        </div>
                                    </div>
                                @endif
                                <div class="availability_area">
                                    <div class="header_area">Check Availability</div>
                                    <div class="form_area">
                                        <form action="{{route('products.checkAvailability')}}" class="check_availability_form">
                                            <input type="hidden" name="weight" value="1">
                                            <input type="hidden" name="cod" value="0">
                                            <div class="form-group">
                                                <select class="form-select" name="country_iso2" aria-label="Default select example" required>
                                                    @if(isset($countries) && $countries && count($countries) > 0)
                                                        <option value="" selected disabled>Select Country</option>
                                                        @foreach($countries as $k => $c)
                                                            <option value="{{isset($c['iso2']) && $c['iso2'] ? $c['iso2'] : ''}}">
                                                                {{isset($c['short_name']) && $c['short_name'] ? $c['short_name'] : ''}}
                                                            </option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                            </div>
                                            <div class="form-group">
                                                <input type="number" name="pincode" class="form-control" placeholder="Enter Delivery Pincode">
                                            </div>
                                            <div class="button_area">
                                                <button type="submit" class="btn btn-primary">Check</button>
                                            </div>
                                        </form>
                                        <div class="append_message mt-2"></div>
                                    </div>
                                </div>
                                <div class="help_area">
                                    <div class="header_area">Need More Help?</div>
                                    <div class="button_area">
                                        <a href="https://api.whatsapp.com/send?phone={{isset($whatsapp) && $whatsapp ? $whatsapp :''}}" class="btn-primary">
                                            <div class="image_area">
                                                <img src="{{ url('frontend/images/icons/whatsapp_white.png') }}" title="Whatsapp" alt="Whatsapp" fetchpriority="low">
                                            </div>Contact Us
                                        </a>
                                    </div>
                                </div>                                
                                <div class="button_section">
                                    @if(isset($product->product_qty) && $product->product_qty == 0 || $product->stock == 'out_stock')
                                        <div class="button_area btn_space btn_one">
                                            <a href="https://api.whatsapp.com//send?phone={{isset($whatsapp) && $whatsapp ? $whatsapp :''}}&text=Hello%20I%20am%20interested%20in%20the%20product.%20Please%20arrange%20the%20product%20for%20me%20as%20soon%20as%20possible.%20{{ route('products.slug', ['slug' => urlencode($product->slug)]) }}" class="btn-primary">
                                                Ask to Arrange
                                            </a>
                                        </div>
                                    @else
                                        <div class="ask_to_arrange button_area btn_space btn_one d-none">
                                            <a href="https://api.whatsapp.com//send?phone={{isset($whatsapp) && $whatsapp ? $whatsapp :''}}&text=Hello%20I%20am%20interested%20in%20the%20product.%20Please%20arrange%20the%20product%20for%20me%20as%20soon%20as%20possible.%20{{ route('products.slug', ['slug' => urlencode($product->slug)]) }}" class="btn-primary">
                                                Ask to Arrange
                                            </a>
                                        </div>
                                    @endif

                                    <div class="button_area btn_space btn_one">
                                        @if(isset($product->product_qty) && $product->product_qty > 0 && $product->stock == 'in_stock')
                                            <form action="{{ route('order.add') }}" method="post" class="product_cart">
                                                {{ csrf_field() }}
                                                <input type="hidden" name="product_id" value="{{ $product->id }}">
                                                <input type="hidden" name="thread" value="">
                                                <input type="hidden" name="size" value="">
                                                <input type="hidden" name="color" value="{{ isset($product->product_color) && $product->product_color ? $product->product_color : '' }}">
                                                <input type="hidden" name="color_code" value="{{ isset($product->product_color_code) && $product->product_color_code ? $product->product_color_code : '' }}">
                                                
                                                @if(isset($product['stock']) && $product['stock'] == 'out_stock' )
                                                    <a href="javascript:;" aria-label="Add to Cart" onclick="alert('This product is out of stock on this time!')" class="btn-primary">Add to Cart</a>
                                                @else
                                                    <button type="submit" id="rj_add_to_cart" aria-label="Add to Cart" class="btn-primary">Add To Cart</button>
                                                @endif
                                            </form>

                                            <form action="{{ route('order.notify') }}" method="post" class="product_notify d-none">
                                                {{ csrf_field() }}
                                                <input type="hidden" name="product_id" value="{{ isset($product->id) && $product->id ? $product->id : '' }}">
                                                <input type="hidden" name="user_id" value="{{ isset($userData['id']) && $userData['id'] ? $userData['id'] : '' }}">
                                                <button type="submit" id="rj_notify" aria-label="Notify" class="btn-primary wishlist_btn">Notify Me</button>
                                            </form>

                                        @else
                                            @if(UserAuth::isLogin())
                                                <form action="{{ route('order.notify') }}" method="post" class="product_notify">
                                                    {{ csrf_field() }}
                                                    <input type="hidden" name="product_id" value="{{ isset($product->id) && $product->id ? $product->id : '' }}">
                                                    <input type="hidden" name="user_id" value="{{ isset($userData['id']) && $userData['id'] ? $userData['id'] : '' }}">
                                                    <button type="submit" id="rj_notify" aria-label="Notify" class="btn-primary wishlist_btn">Notify Me</button>
                                                </form>
                                            @else
                                                <button type="submit" data-id="" data-url="" data-bs-toggle="modal" class="btn-primary wishlist_btn" data-bs-target=".notify_modal">Notify Me</button>
                                            @endif
                                        @endif
                                    </div>
                                    @if(isset($userData) && !empty($userData))
                                        <div class="button_area btn_space btn_remove">
                                            <a href="javascript:;" aria-label="Wishlist" class="btn-primary wishlist_btn wishlistingProductDetail" data-rel_id="{{ $product['id'] }}" data-relation="product" data-url={{ route('frontend.wishlist.add') }}>
                                                {{ isset($userWishlist) && in_array($product['id'], $userWishlist) ? 'Remove From Wishlist' : 'Add To Wishlist' }}
                                            </a>
                                        </div>
                                        @else
                                        <div class="button_area btn_space">
                                            <a href="{{route('user.login')}}" aria-label="Wishlist" class="btn-primary wishlist_btn">
                                                {{ isset($userWishlist) && in_array($product['id'], $userWishlist) ? 'Remove From Wishlist' : 'Add To Wishlist' }}
                                            </a>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                    @include('frontend.products.single.details')
                </div>
            </div>
        </div>
    </div>
</section>

@include('frontend.products.single.review',[
    'product'           =>  $product,
    'userData'          =>  $userData,
    'ratings'           =>  $ratings,
    'averageRating'     =>  $averageRating,
    'totalReview'       =>  $totalReview,
    'userReview'        =>  $userReview,
    'ratingsPerCentage' =>  $ratingsPerCentage,
])

@if(isset($relatedProducts) && $relatedProducts && count($relatedProducts) > 0)
    @include('frontend.products.relatedProducts.index',[
            'settingsData'      => $settingsData,
            'userData'          => $userData,
            'relatedProducts'   => $relatedProducts
    ])
@endif

@if(isset($boughtProducts) && $boughtProducts && count($boughtProducts) > 0)
    @include('frontend.products.newArrivals.index',[
            'settingsData'      => $settingsData,
            'userData'          => $userData,
            'boughtProducts'    => $boughtProducts
        ])
@endif

@include('frontend.products.single.sizeChatModal',[
    'product' => $product
])

@include('frontend.products.single.writeReview')

@include('frontend.products.single.notifyForm')

@endsection