@include('users.header')
<div class="container-fluid">
   <div class="card bg-light-info shadow-none position-relative overflow-hidden">
      <div class="card-body px-4 py-3">
         <div class="row align-items-center">
            <div class="col-9">
               <h4 class="fw-semibold mb-8">Add Fund By Payment Gateway</h4>
               <nav aria-label="breadcrumb">
                  <ol class="breadcrumb">
                     <li class="breadcrumb-item"><a class="text-muted" href="index.html">Dashboard</a></li>
                     <li class="breadcrumb-item" aria-current="page">By Payment Gateway</li>
                  </ol>
               </nav>
            </div>
            <div class="col-3">
               <div class="text-center mb-n5">  
                  <img src="{{url('assets')}}/dist/images/breadcrumb/ChatBc.png" alt="" class="img-fluid mb-n4">
               </div>
            </div>
         </div>
      </div>
   </div>
   <section>
      <div class="row">
         <div class="col-lg-8">
            <div class="card">
                  <div class="card-body">
                    <h5>Add Fund </h5>
                    
                    <form class="" id="raise-form">
                      <div class="row mt-3">  
                      <div class="col-10 form-floating">
                        <input type="text" class="form-control border border-ecuzen numeric-input" placeholder="Amount" id="amount"   oninput="this.value = this.value.replace(/[^0-9.]/g, '')">
                        <label>
                            <i class="ti ti-currency-rupee me-2 fs-4 text-eczn-blue"></i><span class="border-start line-eczn ps-3">Amount</span>
                        </label>
                      </div>
                        <div class="col-2 py-1">
                          <button type="button" class="btn btn-primary font-medium rounded-pill px-4 by-upi"  onclick="GenerateUrl()">
                            <div class="d-flex align-items-center">
                              <i class="ti ti-send me-2 fs-4"></i>
                              Submit
                            </div>
                          </button>
                        
                         </div>
                      </div>
                    </form>
                  </div>
                </div>
         </div>
   
      </div>
   </section>
</div>

<script>
   
function GenerateUrl() {
    let amount = document.getElementById('amount').value.trim();
    let button = document.querySelector('.by-upi');
    
    if (amount === "" || parseInt(amount) <= 0) {
         Swal.fire({
            icon: 'warning',
            title: 'Oops!',
            text: 'Please enter a valid amount',
        });
        return;
    }
    
    button.disabled = true;
    button.innerText = "Processing...";
    
      let payload = {
        amount: amount
    };
    fetch('/createorder', { 
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
            'X-CSRF-TOKEN': "{{csrf_token()}}"
        },
        body: JSON.stringify(payload)
    })
    .then(response => response.json())
    .then(data => {
        button.disabled = false;
        button.innerText = "Submit";
        if (data.status === 'SUCCESS' && data.payment_url) {
            window.open(data.payment_url, '_blank');
        } else {
           Swal.fire({
                icon: 'error',
                title: 'Error',
                text: data.message || "Something went wrong",
            });
        }
    })
    .catch(error => {
        button.disabled = false;
        button.innerText = "Submit";
       // console.error('Error:', error);
       Swal.fire({
            icon: 'error',
            title: 'Error',
            text: "Failed to generate payment URL",
        });
    });
}

 
</script>

@include('users.footer')