@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">Digi Gold </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" href="{{url('digigold-transfer')}}" style="display:none;">Transfer</a>
            <a class="btn right-align" href="{{url('digigold-redeem')}}" style="margin-left: 10px;margin-right: 10px;">Redeem</a>&nbsp;
           
            <a class="btn right-align" href="{{url('digigold-buy-sell')}}">Buy/Sell</a>&nbsp;
        </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">Summary & Confirmation </span></h4>
          <div class="col-md-4 mt-3 pt-3 form-div">
          <div class="amount-detail">
                <h4>Recipient Name <span>Alex</span></h4>
                <h4>Contact <span>+91 9999 000 000</span></h4>
                <h4>Gold/Silver Amount <span>0.255 gm</span></h4>
                <h4>Total Amount : <span><b>₹ 10,100.00</b></span></h4>
                <h4>Transfer Fees <span>₹ 100.00</span></h4>
                <p><span>All transfers are secured using the latest encryption technology.</span></p>
                <a class="btn mt-3 trigger" id="openModal">Confirm & Transfer</a>
            </div>
        </div>
    </div>
    <div id="modal" class="modal">
      <div class="modal-content">
     
      <div class="modal-text">
        <div class="row">
       
          <div class="col-md-4 mt-3 pt-3 offset-md-4 form-div modal-new-design">
        <span class="close" id="closeModal">&times;</span>
        <h2 class="color-green">Transfer Successful</h2>
        <p>Your gold has been securely transferred</p>
        <p><b>Transaction ID:</b> 123456789</p>
        <p><b>Amount Transferred:</b>  0.255 gm/<b>₹ 10,100.00</b></p>
        <p><b>Date & Time:</b> 09-01-2025</p>
        </div>
      </div>
    </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