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

    $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>

    <div class="buttons">
        <button
            onclick="cngdetonvar({{ $main_parent_products[0]->product_id }},{{ $main_parent_products[0]->product_size_id }})"
            class="btn btn-product-details @if ($product_details->product_id == $main_parent_products[0]->product_id) variant-active @endif">{{ $main_parent_products[0]->variant_name }}</button>
        @foreach ($child_products as $childs)
            <button onclick="cngdetonvar({{ $childs->product_id }},{{ $childs->product_size_id }})"
                class="btn btn-product-details @if ($product_details->product_id == $childs->product_id) variant-active @endif">{{ $childs->variant_name }}</button>
        @endforeach
    </div>


    <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>{{ sprintf('%.2f', $product_details->product_price) }}</s> {{ sprintf('%.2f', $offer_price) }}
            @else
                {{ sprintf('%.2f', $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>