@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-buy-sell')}}">Buy/Sell</a>
        </h4>
        @if(session('msg'))
          <div class="alert alert-{{ session('type', 'info') }}">
              {{ session('msg') }}
          </div>
      @endif

        <div class="row">
        <div class="col-md-8 mt-3 pt-5 form-div">
        
        <h4 class="fw-bold"><span class="text-muted fw-light color-green">Digi Gold KYC </span> <span style="float: right;font-size: 13px;">Kyc Status : <span @if($user_kyc_data['status'] !='approved') style="color:red;" @endif>{{ucwords($user_kyc_data['status'])}}</span></span></h4>

        <form method="post" class="row" action="{{ route('digigolduserkycupdate')}}">
               @csrf

            <div class="col-md-6 mb-3 ">
            <div class="d-grid">
                <label for="name" class="form-label d-flex">Name* <span>(as per government ID)</span></label>
                <input type="text" class="form-control" name="user_data[nameAsPerPan]" id="name" placeholder="Enter your name" @if(!empty($profile_data['userName'])  && $user_kyc_data['status'] =='approved') readonly @endif value="{{$profile_data['userName']}}" required>          
          </div>
              </div>
              <div class="col-md-6 mb-3 ">
                    <div class="d-grid">
                <label for="dob" class="form-label d-flex">Date of Birth* <span>(as per government ID)</span></label>        
                <input type="date" name="user_data[dateOfBirth]"  class="form-control" @if(!empty($profile_data['dateOfBirth'])  && $user_kyc_data['status'] =='approved') readonly @endif value="{{$profile_data['dateOfBirth']}}" id="dob" required>           

              </div>
              </div>
              
              <div class="col-md-6 mb-3 ">
                    <div class="d-grid">
                <label for="phone" class="form-label">Phone Number*</label>
                <input type="tel" class="form-control" name="user_data[phone]"  id="phone" @if(!empty($profile_data['mobileNumber'])) readonly @endif value="{{$profile_data['mobileNumber']}}" placeholder="Enter your phone number" required>        
         </div>
              </div>
              <div class="col-md-6 mb-3 ">
                    <div class="d-grid">
                <label for="email" class="form-label">Email*</label>
                <input type="email" class="form-control"  name="user_data[email]" id="email" @if(!empty($profile_data['userEmail'])) readonly @endif value="{{$profile_data['userEmail']}}" placeholder="Enter your email" required>          
           </div>
              </div>
             
              
              <div class="col-md-12 mb-3 ">
                    <div class="d-grid">
                <label for="pan" class="form-label d-flex">PAN* <span>(as per government ID)</span></label>
                <input type="text" class="form-control" id="pan" name="user_data[panNumber]" value="{{$user_kyc_data['panNumber']}}"  @if(!empty($user_kyc_data['panNumber']) && $user_kyc_data['status'] =='approved') readonly @endif  placeholder="Enter your PAN" required>        
         </div>
         <div class="col-md-12 mb-3 ">
          <div class="d-grid"><br/>
          <label for="pan" class="form-label"> <input type="checkbox" required> I agree to the <a href="{{url('/digigold-termcondition')}}" target="_blank">Terms and Conditions</a></label>
          </div>
        </div>
              </div>
              <div class="col-md-12 mb-3 mt-3 ">
              <button type="submit" class="btn btn-primary">Submit</button>
</div>
            </form>
          </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>
          <h4 class="fw-bold"><span class="text-muted fw-light color-green">Your KYC details have been submitted successfully. Verification may take up to 24-48 hours.</span></h4>
          
        </div>
    </div>
        </div>
      </div>
    </div>
</div>
<div  class="poweredbyaug" style="text-align: center;background: #fff; line-height: 50px;">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";
};
openModal.onclick = function () {
  modal.style.display = "block";
};
// 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