<?php $__env->startSection('content'); ?>

    <body class="">
        <div id="app" data-v-app="">
            <div data-v-0ee0ae8d="" class="withdrawPage bg_00">
                <div data-v-0ee0ae8d="">
                    <div class="van-sticky">
                        <div data-v-0ee0ae8d="" class="van-nav-bar van-hairline--bottom">
                            <div class="van-nav-bar__content">
                                <div onclick="window.history.go(-1); return false;"
                                    class="van-nav-bar__left van-haptics-feedback"><i
                                        class="van-badge__wrapper van-icon van-icon-arrow-left van-nav-bar__arrow"><!----><!----><!----></i>
                                </div>
                                <div class="van-nav-bar__title van-ellipsis">Gift Code</div>
                                
                            </div>
                        </div>
                    </div>
                </div>
                <div data-v-0ee0ae8d="" class="main">
                    <div data-v-0ee0ae8d="" class="withdrawForm m5 p20">
                        
                        <div data-v-0ee0ae8d="" class="dashedLine m_tb20"></div>
                        <div data-v-0ee0ae8d="" class="formBox">
                            <form action="" method="post" data-v-0ee0ae8d="" class="van-form">
                                <?php echo csrf_field(); ?>
                                <ul data-v-0ee0ae8d="">
                                    <li data-v-0ee0ae8d="" class="formLinear">
                                        <div data-v-0ee0ae8d="" class="inputArea l activate">
                                            <div data-v-0ee0ae8d="" class="formTitleBar display alignCenter">
                                                <div data-v-0ee0ae8d="" class="title flex1"><label data-v-0ee0ae8d=""
                                                        for="withdraw">Coupon Code</label></div>
                                            </div>
                                            <div data-v-0ee0ae8d="" class="trueInpt display alignCenter">
                                                <div data-v-0ee0ae8d="" class="icon"><i data-v-0ee0ae8d=""
                                                        class="ri-coupon-line"></i></div>
                                                <div data-v-0ee0ae8d="" class="van-cell van-field flex1">
                                                    <div class="van-cell__value van-field__value">
                                                        <div class="van-field__body">
                                                            <input type="text" inputmode="decimal" id="withdrawMoney"
                                                                name="code" class="van-field__control"
                                                                placeholder="Enter your Gift Code here" autocomplete="off">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li data-v-0ee0ae8d="">
                                        <div data-v-0ee0ae8d="" class="actionBlock display alignCenter justifyEnd">
                                            
                                            <button data-v-0ee0ae8d="" type="submit"
                                                class="van-button van-button--primary van-button--normal van-button--round confirmBtn clickBtn"
                                                style="color: white; background: var(--bw0); border-color: var(--bw0);">
                                                <div class="van-button__content">
                                                    <span class="van-button__text">
                                                        <div data-v-0ee0ae8d=""
                                                            class="display alignCenter justifyDetween">
                                                            <p data-v-0ee0ae8d="" class="flex1">Confirm</p><i
                                                                data-v-0ee0ae8d="" class="ri-arrow-right-line"></i>
                                                        </div>
                                                    </span>
                                                </div>
                                            </button>
                                        </div>
                                    </li>
                                </ul>
                            </form>
                        </div>
                    </div>

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


        <script>
            // Get elements
            const ruleButton = document.querySelector('.ruleBtn');
            const overlay = document.getElementById('overlay');
            const popup = document.getElementById('popup');

            // Function to show the popup
            ruleButton.addEventListener('click', function() {
                overlay.style.display = 'block'; // Show the overlay
                popup.style.display = 'block'; // Show the popup
            });

            // Function to hide the popup
            function hidePopup() {
                overlay.style.display = 'none'; // Hide the overlay
                popup.style.display = 'none'; // Hide the popup
            }

            // Event listener for the overlay to close the popup
            overlay.addEventListener('click', hidePopup);
        </script>

        <script>
            const inputField = document.getElementById('withdrawMoney');
            const keys = document.querySelectorAll('.van-key');

            keys.forEach(key => {
                key.addEventListener('click', () => {
                    const keyValue = key.textContent;
                    if (keyValue === 'Delete') {
                        inputField.value = inputField.value.slice(0, -1);
                    } else {
                        inputField.value += keyValue;
                    }
                });
            });
        </script>
    </body>

    <script>
        $('.money').keyup(function() {
            $(this)[0].value = $(this)[0].value.replace(/^(0+)|[^\d]+/g, '')
        })
        $('.all').click(function() {
            $('.money').val(<?php echo e(auth()->user()->bonus_balance); ?>)
        })
    </script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.users', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/chevbuzx/public_html/core/resources/views/templates/basic/user/coupon.blade.php ENDPATH**/ ?>