@php
        $categories=$data['category'];
        $product_details=$data['product_details'];
        $getcolors=$data['getcolors'];
        $public_url= env('Public_Url');
        $child_products=$data['child_products'];
        $main_parent_products=$data['main_parent_products'];
        $lens_powers = $data['lens_powers'];

        
        $detailing= $data['detailing'];
        $cart_quantity=1;
@endphp

    



                                    <div class="single-pro-content">
                                        <h5 class="ec-single-title">{{$product_details->product_name_en}}</h5>
                                            <div class="sub-main">
                                                <h6>Brand : {{ $product_details->brands->brand_name }} </h6>
                                                <h6>Color : {{ $product_details->colors->color_name }} </h6>
                                                <h6>Availability : @if($product_details->product_stock==0) {{ 'Out Of Stock' }} @elseif($product_details->product_stock<=$product_details->reorder_point) {{ 'Only a few In Stock' }}@else {{ 'In Stock' }} @endif</h6>
                                            </div>
                                            <div class="ec-single-desc">
                                                <ul>
                                                    @foreach ($detailing as $detail)
                                                <li>{{ $detail->spec_description }}</li>
                                            @endforeach
                                                </ul>
                                            </div>
                                            
                                            @if($product_details->parent_product_id == 0)
                                                                                        @else
                                                                                        @endif
                                            
                                            @if($product_details->product_size_id == $main_parent_products->product_size_id)
                                                                                        @else
                                                                                        @endif
                                            
                                            <div class="buttons">
                                                <button onclick="$('.btn-product-details').removeClass('variant-active');$(this).addClass('variant-active');getcolorsfn({{ $prod_id }},{{ $product_details->product_size_id }},{{ $type }})" class="btn btn-product-details variant-active">{{ $product_details->variant_name }}</button>
                                                
                                                
                                                
                                                                                                @foreach($child_products as $childs)
                                                                                                @endforeach
                                                
                                                <div class="d-flex mt-3 mb-3" id="chage_disp_color">
                                                    
                                                                                                </div>
                                                
                                                
                                                
                                                
                                            </div>
                                            
                                            @if($product_details->product_power == 1)
                                            <div class="choose-power d-flex mb-4 mt-4 align-items-center">
                                                <h6>Choose Lens Power :</h6>
                                                <select name="lens_power" id="lens_power">
                                                    <option value="">Choose Lens Power</option>
                                                    @foreach($lens_powers as $lens)
                                                    <option value="{{ $lens->power_id }}">{{ $lens->power }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                     @endif
                                            
                                      
                                            <div class="price">
                                                <h6>QAR(incl. of all taxes):</h6>
                                                
                                                <h3>QAR 
                                                    @if($product_details->offer_datas)
                                                @php
                                                    $offer_details=$product_details->offer_datas;
                                                    $offer_price=$offer_details['product_offer_amount'];
                                                    $offer_percentage=$offer_details['product_offer_percentage'];
                                                                        
                                                @endphp

                                                    <s>{{$product_details->product_price}}</s> {{sprintf("%.2f",$offer_price)}}
                                                    @else
                                                        {{$product_details->product_price}}
                                                    @endif</h3>
                                            </div>
                                        <div class="ec-single-qty">
                                            <div class="qty-plus-minus">
                                                <div class="dec ec_qtybtn">-</div>
                                                <input class="qty-input" type="text" name="ec_qtybtn" value="1">
                                                <div class="inc ec_qtybtn">+</div>
                                            </div>
                                            <div class="ec-single-cart ">
                                                <a onclick="add_to_cart($('.qty-input').val(),{{$product_details->product_id}},3)" href="javascript:void(0);" class="btn btn-product-detail">Add To Cart</a>
                                            </div>
                                            <div class="ec-single-cart ">
                                                @if($product_details->wish_list == 'true')
                                                <a href="javascript:void(0);" onclick="add_wishlist_fn({{$product_details->product_id}});setTimeout(function(){ location.reload(); }, 2000)" style="background-color:#da0006;color:#fff;" class="btn btn-product-detail">In Wishlist</a>
                                                @else
                                                <a href="javascript:void(0);" onclick="add_wishlist_fn({{$product_details->product_id}});setTimeout(function(){ location.reload(); }, 2000)" class="btn btn-product-detail">Add To Wishlist</a>
                                                @endif
                                            </div>
                                        </div>
                                     
                                    </div>
                                |||@|||
                        <div class="ec-single-pro-tab-wrapper">
                            <div class="ec-single-pro-tab-nav">
                                <ul class="nav nav-tabs">
                                    <li class="nav-item">
                                        <a class="nav-link active" data-bs-toggle="tab"
                                            data-bs-target="#ec-spt-nav-details" role="tablist">Description</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" data-bs-toggle="tab" data-bs-target="#ec-spt-nav-info"
                                            role="tablist">Specification</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="tab-content  ec-single-pro-tab-content">
                                <div id="ec-spt-nav-details" class="tab-pane fade show active">
                                    <div class="ec-single-pro-tab-desc">
                                        <p>{{ $product_details->product_desc_en }}</p>
                                      
                                    </div>
                                </div>
                                <div id="ec-spt-nav-info" class="tab-pane fade">
                                    <div class="ec-single-pro-tab-moreinfo">
                                        <ul>
                                            @foreach ($detailing as $detail)
                                                <li>{{ $detail->spec_description }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                </div>

                              
                            </div>
                        </div>