<title>Instant Deposit -money up work </title>

<?php $__env->startSection('css'); ?>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700">
    <link rel="stylesheet" href="https://www.powerworkerearn.com/resources/css/argon.css" type="text/css">
    <link rel="stylesheet" href="https://www.powerworkerearn.com/resources/css/myapp.css" type="text/css">
    <link rel="stylesheet" href="https://www.powerworkerearn.com/resources/css/bttn.css" type="text/css">
    <link href="<?php echo e(asset('frontend/user/assets/css/custom.css')); ?>" rel="stylesheet" />
<?php $__env->stopSection(); ?>
<?php $__env->startSection('user-content'); ?>

    <div class="row justify-content-center mt-2">
        <div class="col-xl-8 order-xl-1">
            <div class="card">
                <div class="card-header p-3">
                    <h2 class="text-center m-0" style="color:#2ECC71;">Instant Deposit</h2>
                    <div class="notice-box mb-2 mt-4">
                        <marquee bgcolor="transparent" style="padding: 5px;border-radius: 5px;border: 1px solid red;" behavior="scroll">
                            <a style="font-size:15px; color: red">
                                <i class="fe fe-link me-2" aria-hidden="true"></i>Coming Soon...
                            </a>
                        </marquee>
                    </div>
                    <div class="mt-3">
                        <p class="text-center" style="background:dodgerblue;color: white;padding: 8px;border-radius: 5px;margin-top: 2px">
                        <b><?php echo e(complete_task_note()); ?></b>
                    </p>
                    </div>

                <div class="card-body">

                    <div>

                            <input type="hidden" name="_token" value="">
                            <h5>Enter Deposit Amount</h5>

                            <div class="row">
                                <div class="col-12 mb-2">
                                    <div class="form-group">
                                        <div class="input-group input-group-merge">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text"><i class="fas fa-dollar-sign"></i></span>
                                            </div>
                                            <input class="form-control" id="dollarAmount" min="1" placeholder="Dollar Amount" type="text" name="amount" required>
                                        </div>
                                        <small class="text-muted text-red font-weight-600" id="amount-info" style="margin-top: 8px; margin-left: 2%; display: block;"></small>
                                    </div>
                                </div>         
                                <div class="custom-control custom-checkbox">
                                    <input type="checkbox" name="Tos" id="tos" class="custom-control-input" onchange="valueChanged()" required>
                                    <label for="tos" class="custom-control-label">I agree to all Terms of Service and all Policy.</label>
                                    <div id="tos-error" class="invalid-message mb-1">&nbsp;</div>
                                </div>

                                <button type="button" class="btn btn-block btn-dribbble bttn">Coming soon</button>
                                <br>
                        
                </div>

                <div class="text-right">
                    <a class="gateway-branding" href="<?php echo e(route('contact-us')); ?>">
                        <i class="fas fa-headset font-size-17 align-middle me-1"></i><span class="ms-1">Support</span>
                    </a>
                </div>

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

<script>
function updatePayout() {
        let depositAmount = parseFloat($('input[name="amount"]').val());
    
        if (isNaN(depositAmount) || depositAmount < 1) {
            $('#amount-info').text('');
            $('#amount-info').fadeIn();
            return;
        }
    
        let payoutAmount = depositAmount * 100;  
    
        $('#amount-info').text(`$1 = 100 | Total Amount: ${payoutAmount.toFixed()} BDT`);
        $('#amount-info').fadeIn();
    }
    
    // Call the function when the amount changes
    $('input[name="amount"]').on('input', function() {
        updatePayout();
    });
    
    // Call the function on page load
    $(document).ready(function() {
        updatePayout();
    });

</script>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('js'); ?>
    <script src="<?php echo e(asset('frontend/user/assets/js/my_custom.js')); ?>"></script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('user.layouts.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/powerwor/public_html/resources/views/user/pages/instant-deposit.blade.php ENDPATH**/ ?>