<?php $__env->startSection('title', __('Shop')); ?>

<?php $__env->startPush('styles'); ?>
<style>
    .separator-breadcrumb, .breadcrumb{
        display: none;
    }
</style>
<link href="<?php echo e(asset('frontend/styles/css/product-index.css')); ?>" rel="stylesheet">
<?php $__env->stopPush(); ?>
<?php $__env->startSection('content'); ?>
<h5 class="m-1 p-0"><?php echo e(__('OCA Balance : ')); ?> <b>€ <?php echo e(__(formatDisplayNumber($walletBalance))); ?></b></h5>
<h5 class="m-1 p-0"><?php echo e(__('Bonus Wallet Balance : ')); ?> <b>€ <?php echo e(__(formatDisplayNumber($bonusWalletBalance))); ?></b></h5>

    <section id="purchaseProduct" class="m-auto w-full p-5 px-0" style="max-width:980px;width: 100%;">
        <div class="container">
            <div class="row">
                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12 mx-auto">
                    <form action="<?php echo e(route('member.shop.addToCart')); ?>" class="h-100" id="productForm" method="POST" onkeydown="return event.key != 'Enter';">
                        <div class="P-5 pricecard">
                            <?php if(isset($product) && !empty($product->count())): ?>
                                <h2 class="producttitles"><?php echo e(__("Plastic Neutrality Package")); ?></h2>
                                <div class="relative z-0 w-full mb-1 mt-1 group">
                                    <label for="countries" class="select-lbl"><?php echo e(__('Select Package')); ?></label>
                                    <select id="product_id" name="product_id" class="dropdown js-example-basic-single form-control bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" aria-describedby="inputGroupPrependEmail">
                                        <?php $__currentLoopData = $product; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $productStaticOption): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                            <option value="<?php echo e(basicEncrypt($productStaticOption->id)); ?>" data-price="<?php echo e($productStaticOption->price); ?>" data-kg="<?php echo e($productStaticOption->getTotalKgs($csrSellingPrice)); ?>" <?php if($productStaticOption->title === 'PNP-10'): ?> selected <?php endif; ?>>
                                                <?php if(empty($productStaticOption->title)): ?>
                                                    <?php echo e(__('Plastic Neutrality Package')); ?> - € <?php echo e($productStaticOption->price); ?>

                                                <?php else: ?>
                                                    <?php echo e($productStaticOption->title); ?>

                                                <?php endif; ?>
                                            </option>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                    </select>
                                </div>

                                <div class="relative">
                                    <span class="data-loader"></span>
                                    <h4 class="pricingtxt">€<span id="productPrice">0</span></h4>
                                    <ul class="min-h-20">
                                        <li class="d-flex justify-start p-0">
                                            <img src="<?php echo e(asset('frontend/images/checkbox.svg')); ?>" class="h-7"/>
                                            <p class="checklisttext"><span id="productKg">0</span> <?php echo e(__("kg of Plastic Waste Removal Service")); ?></p>
                                        </li>
                                    </ul>
                                </div>
                                <button type="submit" class="cart-btns" id="pnpAddToCart"><?php echo renderIconHtml('cart'); ?><?php echo e(__('Add To Cart')); ?></button>
                            <?php else: ?>
                                <h2 class="producttitles text-center mt-5"><?php echo e(__("No Product Found")); ?></h2>
                            <?php endif; ?>
                        </div>
                    </form>
                </div>
                <?php if(isset($licence) && !empty($licence)): ?>
                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12 mx-auto">
                    <form action="<?php echo e(route('member.shop.addToCart')); ?>" class="h-100" id="LicenceForm" method="POST" onkeydown="return event.key != 'Enter';">
                        <div class="P-5 pricecard bgpurple">
                            <input type="hidden" name="product_id" value="<?php echo e(basicEncrypt($licence->id)); ?>">
                            <div class="relative">
                                <h2 class="producttitles"><?php echo e((!empty($licence->title)) ? $licence->title : 'Amplivo Business Licence'); ?></h2>
                                <span class="data-loader"></span>
                                <h4 class="pricingtxt" style="margin-top:85px !important;">€<?php echo e(formatDisplayNumber($licence->price) ?? 0.00); ?></h4>
                                <ul class="min-h-20 text-white">
                                    <li class="d-flex items-center justify-start p-0"><img src="<?php echo e(asset('frontend/images/checkbox.svg')); ?>" class="h-7"/><p class="checklisttext"><?php echo e(__('Amplivo Business Licence ( 1 Year )')); ?></p></li>
                                </ul>
                            </div>

                            <button type="submit" class="cart-btns darkbtns" id="ablAddToCart"><?php echo renderIconHtml('cart'); ?><?php echo e(__("Add To Cart")); ?></button>
                        </div>
                    </form>
                </div>
                <?php endif; ?>
            </div>
            <div class="row" id='checkoutDiv' style='display: none;'>
                <div class="col-12">
                    <div class="checkout-total">
                        <div class="row">
                            <div class="col-sm-9 col-12">
                                <div class="row">
                                    <div class="col-lg-12 d-flex items-center justify-start gap-4 pricincard amount-details">
                                        <div>
                                            <p class="notevalue"><?php echo e(__("Subtotal")); ?></p>
                                            <p class="value">
                                                €<span id="cartSubTotal">0</span>
                                            </p>
                                        </div>
                                        <div class="">
                                            <p class="notevalue equatation">+</p>
                                        </div>
                                        <div class="">
                                            <p class="notevalue"><?php echo e(__("Total Tax")); ?></p>
                                            <p class="value">
                                                €<span id="cartTax">0</span>
                                            </p>
                                        </div>
                                        <div class=""><p class="notevalue equatation" style="color:#FFFFFF;">=</p></div>
                                        <div class="">
                                            <p class="finalvalue text-white">
                                                €<span id="cartTotal">0</span>
                                            </p>
                                        </div>

                                    </div>
                                </div>
                            </div>

                            <div class="col-sm-3 col-12 d-flex items-center justify-center">
                                <?php if(isMyProfileCompleted()): ?>
                                    <button type="button" id="checkoutBtn" class="btn text-white cart-btns" onclick="goToCartPage($(this))"><?php echo renderIconHtml('checkout'); ?><?php echo e(__('Checkout')); ?></button>
                                    <?php else: ?>
                                    <button type="button" id="checkoutBtn" class="cart-btns opacity-75" disabled>
                                        <?php echo renderIconHtml('checkout'); ?><?php echo e(__('Checkout')); ?> <i class="bi bi-info-circle font-size-14" data-html="true" data-toggle="tooltip" data-placement="top" title="Complete your profile to proceed with checkout."></i>
                                    </button>
                                <?php endif; ?>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
<?php $__env->stopSection(); ?>

<?php $__env->startPush('scripts'); ?>
    <script src="<?php echo e(asset('frontend/js/page-js/product-index-blade.js')); ?>"></script>
<?php $__env->stopPush(); ?>

<?php echo $__env->make('layouts.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/corsairdevelopme/public_html/member/resources/views/frontend/products/index.blade.php ENDPATH**/ ?>