@extends('layouts.buddy-screens')

@section('content')

<div class="content-wrapper bgline">
    <div class="container-xxl flex-grow-1 container-p-y">
        <h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light color-green">Dashboard </span>
        <span class="small-black">Gold Price
                @if(!empty($gold_silver_rate) && isset($gold_silver_rate['result']) && isset($gold_silver_rate['result']['data'])) 
                    {{$gold_silver_rate['result']['data']['rates']['gBuy']}}/Gm
                @endif 
                 <img src="{{asset('/images/right-arrow.png')}}" alt="" class="right-arrow">
            </span>
            <span class="small-black">Silver Price
                @if(!empty($gold_silver_rate) && isset($gold_silver_rate['result']) && isset($gold_silver_rate['result']['data'])) 
                    {{$gold_silver_rate['result']['data']['rates']['sBuy']}}/Gm
                @endif
                <img src="{{asset('/images/right-arrow.png')}}" alt="" class="right-arrow">
            </span>
            <a class="btn right-align">Buy/Sell</a>
        </h4>

        <div style="display:none">
            <span>Gold Price
                @if(!empty($gold_silver_rate) && isset($gold_silver_rate['result']) && isset($gold_silver_rate['result']['data'])) 
                    {{$gold_silver_rate['result']['data']['rates']['gBuy']}}/Gm
                @endif
            </span>
            <br/>
            <span>Silver Price
                @if(!empty($gold_silver_rate) && isset($gold_silver_rate['result']) && isset($gold_silver_rate['result']['data'])) 
                    {{$gold_silver_rate['result']['data']['rates']['sBuy']}}/Gm
                @endif
            </span>
        </div>
        <div class="row">
        <h4 class="fw-bold"><span class="text-muted fw-light color-green">Withdrawal Request Submitted Successfully!</span></h4>
          <div class="col-md-5 mt-3 pt-5 form-div">
          <div class="amount-detail">
          <h4>Transaction ID <span>123456789</span></h4>
          <h4>Withdrawal Amount <span>₹ 18,236.00</span></h4>
          <h4>Gold <span>2.255 gm</span></h4>
          <h4>Transaction Fee <span>₹ 1000.00</span></h4>
          <h4>Total Credited <span>₹ 17,236.00</span></h4>
          <h4>Date <span> 10-01-2025</span></h4>
                <p><span>Your funds will be credited to your account within 1-2 business days.</span></p>
               
            </div>
        </div>
    </div>
    
    </div>
<!-- The Modal -->
<div  class="poweredbyaug" style="text-align: center;background: #fff; line-height: 50px;"><a href="{{url('/digigold-termcondition')}}" style="float: left;padding-left:20px;" target="_blank">Terms and Conditions</a> Powered By Augmont</div>

<link rel="stylesheet" href="{{asset('assets/css/digigold.css')}}" />
<script>
 // Get modal element
var modal = document.getElementById("modal");
// Get open modal button
var openModal = document.getElementById("openModal");
// Get close button
var closeModal = document.getElementById("closeModal");
// Listen for open click
openModal.onclick = function () {
  modal.style.display = "block";
};
// Listen for close click
closeModal.onclick = function () {
  modal.style.display = "none";
};
// Listen for outside click to close modal
window.onclick = function (event) {
  if (event.target === modal) {
    modal.style.display = "none";
  }
};
// Handle form submission
document.getElementById("contactForm").onsubmit = function (event) {
  event.preventDefault(); // Prevent page refresh
  alert("Form submitted successfully!");
  modal.style.display = "none"; // Close modal after submission
};

</script>
@endsection