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


<!-- Bootstrap -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css" integrity="sha512-YWzhKL2whUzgiheMoBFwW8CKV4qpHQAEuvilg9FAn5VJUDwKZZxkJNuGM4XkWuk94WCrrwslk8yWNGmY1EduTA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" integrity="sha512-tS3S5qG0BlhnQROyJXvNjeEM4UpMXHrQfTGmbQ1gKmelCxlSEBUaxhRBj/EFTzpbP4RVSrpEikbmdJobCvhE3g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" integrity="sha512-sMXtMNL1zRzolHYKEujM2AqCLUR9F2C4/05cdbxjjLSRvMQIciEPCQZo++nk7go3BtSuK9kfa/s+a4f4i5pLkw==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">


<style>
    @import  url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
    html, body { width: 100%; min-height: 100vh; margin: 0; background: #000000; font-family: 'Roboto', sans-serif; font-size: 14.5px; font-family: 300; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

    .container { width: 100%; max-width: 991px; padding: 70px 15px 15px; position: relative; z-index: 2 !important; }
    .header { width: 100%; height: 40px; background: #fff; line-height: 40px; font-size: 16px; font-weight: 600; color: #121212; text-align: center; position: fixed; top: 0; left: 0; z-index: 10; }
    .header i { font-size: 20px; color: #121212; position: absolute; left: 12px; top: 0px; }
    .header i.right { right: 12px; left: auto; }

    .hl-box { width: 100%; height: fit-content; background: rgb(8, 0, 52); border: 1px solid #e1e1e1; border-radius: 10px; padding: 10px; font-size: 13.9px; font-weight: 400; color: #000000; margin-bottom: 15px; }

    .headings { margin-bottom: 15px; }
    .headings h4 { font-size: 20px; line-height: 25px; font-weight: 400; color: #646464; margin-bottom: 3px; }
    .headings h6 { font-size: 13px; line-height: 16px; font-weight: 400; color: #25addf; margin-bottom: 0; }

    .recharge-form .btns-block { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-bottom: 10px; }
    button.btn.amount-btn { width: 100%; height: 45px; border: 0PX; background: linear-gradient(270deg,#f8b6b8,#815af3); color: rgba(255,255,255,0.8); padding: 0px 10px; border-radius: 15px; font-size: 15px; font-weight: 400; margin-left: 12px; }
    button.btn.amount-btn:first-child { margin-left: 0; }

    .recharge-form input.form-control { border: 1px solid #e1e1e1; border-left: 0; background-color: #fff; height: 50px; line-height: 50px; padding: 0px 10px; border-radius: 8px; color: #121212; }
    .recharge-form .input-group-text { border: 1px solid #e1e1e1; background-color: #fff; height: 50px; font-size: 20px; line-height: 50px; padding: 0px 10px; border-radius: 8px; color: #25addf; border-right: 0px; }
    form.login-form input.form-control::placeholder { color: #646464; }
    input:focus { box-shadow: none !important; }

    .button-group-bc { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-bottom: 15px; }
    .recharge-form button.btn.bank-card { width: calc(50% - 5px); height: 56px; background: #fff; border: 1px solid #e1e1e1; border-radius: 10px; margin-left: 10px; padding: 0 10px; display: flex; flex-direction: row; align-items: center; justify-content: start; font-size: 16px; font-weight: 400; color: #646464; }
    .recharge-form button.btn.bank-card img { height: 30px; margin-right: 10px; }
    .recharge-form button.btn.bank-card.selected { border: 1px solid #25addf; font-weight: 500; position: relative;  }
    .recharge-form button.btn.bank-card.selected::after { content: ''; display: block; width: 20px; height: 10px; border-left: 4px solid #65c37a; border-bottom: 4px solid #65c37a; position: absolute; transform: rotate(-45deg); right: 20px; top: 18px; }
    .recharge-form button.btn.bank-card:first-child { margin-left: 0; }

    button.btn.recharge-btn { width: 100%; height: 50px; line-height: 50px; font-size: 16px; font-weight: 500; text-transform: uppercase; color: #ffffff; background: linear-gradient(270deg,#f8b6b8,#815af3); border: 0px; border-radius: 8px; padding: 0; }

    .video-block { width: 100%; background: linear-gradient(to bottom, #FFE393,#FCC12D); padding: 10px; border-radius: 5px; height: auto; overflow: hidden; }

    nav.data-tabs a.nav-link { background-color: transparent !important; position: relative; font-size: 14px; line-height: 14px; font-weight: 400; padding: 0; height: 30px; color: #ffffff; }
    nav.data-tabs a.nav-link.active { color: #FFE393;}
    nav.data-tabs a.nav-link.active::after { content: ''; width: 50px; height: 3px; background-color: #FFE393; position: absolute; bottom: 0; transform: translate(-50%, -50%); left: 50%; }

    .tab-content-top { display: flex; align-items: center; justify-content: space-around; }
    .quantity-box { width: 30%; font-size: 12px; color: #41D3FF; border-radius: 20px; border: 1px solid #41D3FF !important; padding: 7px; text-align: center; }
    .tab-content hr { width: 100%; height: 10px; background: rgb(19,37,60); }

    .text-yellow { color:#FFE393; }
    .text-grey { color: #8d8e90; }
    .text-orange { color: #FFAD41; }
    .text-green { color: #41D3FF;}

    .invite-list .item { width: 100%; border-radius: 5px; height: 120px; background: linear-gradient(to bottom, #0C2467,#000000); padding: 10px; margin-bottom: 10px; }
    .invite-list .item h6.small { font-size: 12px; }

    .footer-nav { position: fixed; z-index: 100; left: 0px; bottom: 0px; width: 100%; height: 70px; background: transparent url(images/footer-nav-bg.png) no-repeat left bottom; background-size: 100% 100%; display: flex; justify-content: space-between; align-items: center; }
    .footer-nav .nav-item { text-align: center; color: #848484; font-size: 12px; font-weight: 600; line-height: 12px; margin-top: 20px; width: 20%; }
    .footer-nav .nav-item img { height: 25px; margin: 0 auto 4px; filter: grayscale(100%); }
    .footer-nav .nav-item.center { margin-top: 4px; }
    .footer-nav .nav-item.center img { height: 42px; filter: grayscale(0); }
    .footer-nav .nav-item.active { color: #3dcbfa; }
    .footer-nav .nav-item.active img { filter: grayscale(0); }

    /* .modal-backdrop.fade.show { display: none; } */
    .modal-fullscreen-xl { padding: 0 !important; }
    .modal-fullscreen-xl button.btn-close { color: #ffffff; }
    .modal-fullscreen-xl .modal-dialog { width: 100%; max-width: none; height: 100%; margin: 0; }
    .modal-fullscreen-xl .modal-content { height: 100%; border: 0; border-radius: 0; }
    .modal-fullscreen-xl .modal-body { overflow-y: auto; padding: 0; }

    .modal.video-modal .modal-header, .modal.video-modal .modal-body {  background: rgb(6, 25, 49); border: 0px; display: block; text-align: center; }
    .modal.video-modal .modal-header button { background-color: transparent; border: 0; padding: 0; color: #ffffff; font-size: 20px; position: absolute; left: 15px; }
    .modal.video-modal .modal-body { padding: 10px; }
    .modal.video-modal .modal-body .vdo-block { width: 100%; padding: 10px; border-radius: 10px; background-color: #ffffff; overflow: hidden; }
</style>

</head>

<body>

  
        <img src="<?php echo e(asset ('https://uploads-ssl.webflow.com/637260f1f6318902bd0268a5/6384ec25169a2c69f7d9069f_cash-min.gif')); ?>" width="360">
        
        
            <form        class="recharge-form mb-5"  id="store_data" action="<?php echo e(route('user.deposit.insert')); ?>" method="post">
                <?php echo csrf_field(); ?>
                <input type="hidden" name="method_code">
                <input type="hidden" name="currency">

        
        
        
        
       
           <style>
 

#con1 { display: none;  align-items: center; justify-content: center;
     
         position:absolute;
        max-width: 100%;
        height: auto;
        top: 57%;
        left: 50%;
        text-align: center;
        z-index: 999;
        transform: translate(-50%, -50%);
         
         
     }
    .loaderClass1 { height: 38px; width: fit-content; 
  padding: 0px 15px;
    background-color: rgba(0,0,0,1);
    font-size: 15px; font-weight: 300; 
    color: #ffffff; border-radius: 8px; 
    display: flex; align-items: center; z-index: 9999;
    
         
        
    }

.loaderClass1 .animation { width: 20px; height: 20px; background: url('https://intuitive.fyi/img/loading.gif')  no-repeat center center; background-size: 100% 100%; margin-right: 10px; }
   
  
     #con { display: none;  align-items: center; justify-content: center;
     
         position:absolute;
        max-width: 100%;
        height: auto;
        top: 57%;
        left: 50%;
        text-align: center;
        z-index: 999;
        transform: translate(-50%, -50%);
         
         
     }
    .loaderClass { height: 38px; width: fit-content; 
  padding: 0px 15px;
    background-color: rgba(0,0,0,1);
    font-size: 15px; font-weight: 300; 
    color: #ffffff; border-radius: 8px; 
    display: flex; align-items: center; z-index: 9999;
    
         
        
    }
    
    
    
    
    .loaderClass .animation { width: 20px; height: 20px; background: url('https://intuitive.fyi/img/loading.gif')  no-repeat center center; background-size: 100% 100%; margin-right: 10px; }
   
   
 .custom-toast {
      position: fixed;
      top: 20px;
      left: 50%;
      transform: translateX(-50%);
      background-color: black;
      color: white;
      padding: 10px 20px;
      border-radius: 5px;
      z-index: 9999;
      display: none;
        text-align: center;
      
      
    }
    @media (max-width: 767px) {
      .custom-toast {
        top: 50%; /* Center vertically */
        left: 50%; /* Center horizontally */
        transform: translate(-50%, -50%);
      }
    }
    
    .custom-toast.show {
      display: block;
     
    }

</style>






            <input type="hidden" name="selected_channel" class="selected_channel" value="1">
            <div class="btns-block">
                <button class="btn amount-btn" type="button" onclick="amountset('900')"><?php echo e(__($general->cur_text)); ?> 900</button>
                <button class="btn amount-btn" type="button" onclick="amountset('1500')"><?php echo e(__($general->cur_text)); ?> 1500</button>
                <button class="btn amount-btn" type="button" onclick="amountset('2800')"><?php echo e(__($general->cur_text)); ?> 2800</button>
                <button class="btn amount-btn" type="button" onclick="amountset('5200')"><?php echo e(__($general->cur_text)); ?> 5200</button>
            </div>
            <div class="btns-block mb-4">
                <button class="btn amount-btn" type="button" onclick="amountset('12000')"><?php echo e(__($general->cur_text)); ?> 12000</button>
                <button class="btn amount-btn" type="button" onclick="amountset('28000')"><?php echo e(__($general->cur_text)); ?> 28000</button>
                <button class="btn amount-btn" type="button" onclick="amountset('59000')"><?php echo e(__($general->cur_text)); ?> 59000</button>
                <button class="btn amount-btn" type="button" onclick="amountset('98000')"><?php echo e(__($general->cur_text)); ?> 98000</button>
            </div>
            <div class="input-group mb-5">
                <div class="input-group-prepend">

                </div>
                
                
                     <select class="form-select form-control" name="gateway" required>
                                        <option value=""><?php echo app('translator')->get('Select One'); ?></option>
                                        <?php $__currentLoopData = $gatewayCurrency; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $data): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <option value="<?php echo e($data->method_code); ?>" <?php if(old('gateway') == $data->method_code): echo 'selected'; endif; ?> data-gateway="<?php echo e($data); ?>"><?php echo e($data->name); ?></option>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                    </select>
                
                
                
                
                
                
                
               
            </div>
            
            
            
            
            <div class="input-group mb-5">
                <div class="input-group-prepend">
                    <span class="input-group-text"><?php echo e(__($general->cur_text)); ?></span>
                </div>
                
                
        
                
                
                
                
              
              
              
                
                
                  <input type="number"  placeholder="Please enter reload amount"       step="any" name="amount" class="form-control" value="<?php echo e(old('amount')); ?>" autocomplete="off" required>
                
                
                
                
                
            </div>
            
            
            
            
            
            
            <button class="btn recharge-btn">Recharge now</button>
        </form>

        <div class="headings"><h4></h4></div>
        <div class="hl-box">
          .<br>
        </div>
    </div>

     <!-- Video Modal -->
     <div class="modal modal-fullscreen-xl video-modal fade" id="videoModal" tabindex="-1" aria-labelledby="videoModalLabel" aria-hidden="true" data-mdb-backdrop="true" data-mdb-keyboard="true">
        <div class="modal-dialog fullscr">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" data-dismiss="modal" aria-label="Close">
                        <i class="bi bi-chevron-left"></i>
                    </button>
                    <h5 class="modal-title text-white" id="videoModalLabel">Help Video</h5>
                </div>
                <div class="modal-body">
                    <div class="vdo-block">
                        <video controls style="width: 100%; height: 50vh;" poster="https://intuitive.fyi/img/recharge-video-poster.png">
                            <source src="https://intuitive.fyi/img/ceco.mp4" type="video/mp4">
                        </video>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Video Modal -->

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
    
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js" integrity="sha512-bPs7Ae6pVvhOSiIcyUClR7/q2OAsRiovw4vAkX+zJbw3ShAeeqezq50RIIcIURq7Oa20rW2n2q+fyXBNcU9lrw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>



<script>
        var selector1 = '.bank-card.one';
        var selector2 = '.bank-card.two';
        // var sidebar = '.pink-block';
        // var x = document.getElementById("text");
        $(selector1).on('click', function(){
            $(selector1).toggleClass('selected');
            $(selector2).toggleClass('selected');
            // $(sidebar).toggleClass('left');

            // if (x.innerHTML === "Edit") {
            //     x.innerHTML = "Cancel";
            // } else {
            //     x.innerHTML = "Edit";
            // }
        });
        $(selector2).on('click', function(){
            $(selector1).toggleClass('selected');
            $(selector2).toggleClass('selected');
        });
    </script>

    <script>
        function show_channels() {
            $(".channels-data").hide();
            $(".recharge-data").hide();
            $(".selected_channel").val(1);

            $("#store_data").submit();
        }

        function open_page(ind) {

            $(".channels-data").hide();
            $(".recharge-data").hide();
            $(".channels-loader").show();
            // window.location.href = "https://intuitive.fyi/pay";
            //$("#store_data").submit();
            // setTimeout(function() {
            $("#store_data").submit()
            // }, 10);
        }

        function amountset(pay) {
            $("#amount").val(pay);
        }
    </script>




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

<?php $__env->stopSection(); ?>

<?php $__env->startPush('script'); ?>
    <script>
        (function ($) {
            "use strict";
            $('select[name=gateway]').change(function(){
                if(!$('select[name=gateway]').val()){
                    $('.preview-details').addClass('d-none');
                    return false;
                }
                var resource = $('select[name=gateway] option:selected').data('gateway');
                var fixed_charge = parseFloat(resource.fixed_charge);
                var percent_charge = parseFloat(resource.percent_charge);
                var rate = parseFloat(resource.rate)
                if(resource.method.crypto == 1){
                    var toFixedDigit = 8;
                    $('.crypto_currency').removeClass('d-none');
                }else{
                    var toFixedDigit = 2;
                    $('.crypto_currency').addClass('d-none');
                }
                $('.min').text(parseFloat(resource.min_amount).toFixed(2));
                $('.max').text(parseFloat(resource.max_amount).toFixed(2));
                var amount = parseFloat($('input[name=amount]').val());
                if (!amount) {
                    amount = 0;
                }
                if(amount <= 0){
                    $('.preview-details').addClass('d-none');
                    return false;
                }
                $('.preview-details').removeClass('d-none');
                var charge = parseFloat(fixed_charge + (amount * percent_charge / 100)).toFixed(2);
                $('.charge').text(charge);
                var payable = parseFloat((parseFloat(amount) + parseFloat(charge))).toFixed(2);
                $('.payable').text(payable);
                var final_amo = (parseFloat((parseFloat(amount) + parseFloat(charge)))*rate).toFixed(toFixedDigit);
                $('.final_amo').text(final_amo);
                if (resource.currency != '<?php echo e($general->cur_text); ?>') {
                    var rateElement = `<span class="fw-bold"><?php echo app('translator')->get('Conversion Rate'); ?></span> <span><span  class="fw-bold">1 <?php echo e(__($general->cur_text)); ?> = <span class="rate">${rate}</span>  <span class="method_currency">${resource.currency}</span></span></span>`;
                    $('.rate-element').html(rateElement)
                    $('.rate-element').removeClass('d-none');
                    $('.in-site-cur').removeClass('d-none');
                    $('.rate-element').addClass('d-flex');
                    $('.in-site-cur').addClass('d-flex');
                }else{
                    $('.rate-element').html('')
                    $('.rate-element').addClass('d-none');
                    $('.in-site-cur').addClass('d-none');
                    $('.rate-element').removeClass('d-flex');
                    $('.in-site-cur').removeClass('d-flex');
                }
                $('.method_currency').text(resource.currency);
                $('input[name=currency]').val(resource.currency);
                $('input[name=method_code]').val(resource.method_code);
                $('input[name=amount]').on('input');
            });
            $('input[name=amount]').on('input',function(){
                $('select[name=gateway]').change();
                $('.amount').text(parseFloat($(this).val()).toFixed(2));
            });
        })(jQuery);
    </script>
<?php $__env->stopPush(); ?>

<?php echo $__env->make($activeTemplate.'layouts.frontend', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/u329847458/domains/crownbit.pro/public_html/core/resources/views/templates/invester/user/payment/deposit.blade.php ENDPATH**/ ?>