<!-- resources/views/layouts/clean.blade.php -->
<!doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- CSRF Token -->
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <meta name="send-otp-url" content="{{ route('send-otp') }}">
     <meta name="send-otp-url-aadhar" content="{{ route('getAbdmSessionToken') }}"> 
    <meta name="whatapp-send-otp-url" content="{{ route('whatapp-send-otp') }}">
    <meta name="verify-otp-url" content="{{ route('verify-otp') }}">
    <meta name="send-qr-code" content="{{ route('send-qr-code') }}">
    <title>{{ config('app.name', 'BluHealth') }}</title>
   
    <!-- Fonts -->
    <link rel="dns-prefetch" href="//fonts.bunny.net">
    <link href="https://fonts.bunny.net/css?family=Nunito" rel="stylesheet">
    <link href="{{ asset('css/patients.css') }}" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.all.min.js"></script>

    <!-- Custom Styles --> 
    <style>
        .sidebar {
            border-right: 1px solid #ccc;
        }
    </style>


</head>
<body>
    <div id="app">
        <main>
            @yield('content')
        </main>
    </div>
    <script src="{{ asset('js/patient.js?id=df33222') }}" defer></script>
</body>
</html>

<script>
$(document).ready(function() {

$(document).on("submit", "form.ajax-form", function (e) {
 
    e.preventDefault();

    let form = $(this);
    let formData = new FormData(this);
    let url = form.attr("action");
    let redirect = form.data("redirect");
    
    const accessToken = localStorage.getItem('abdm_accessToken');
const publicKeyPem = localStorage.getItem('abdm_publicKeyPem');
const txnId = localStorage.getItem('abdm_txnId');
 
     if (url === "https://bluhealth.india.bluai.ai/verifyAbdmOtp") {
  // Append additional values to formData
  formData.append("accessToken", accessToken);
  formData.append("publicKeyPem", publicKeyPem);
  formData.append("txnId", txnId);
   const aadhaarNumber = $('#aadhaarNumber').val();
  formData.append("aadhaarNumber", aadhaarNumber);  
}   
   
    $.ajax({    
        url: url,
        type: "POST",
        data: formData,
        processData: false,
        contentType: false,
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        success: function (response) {
            Swal.fire({
                title: "Success",
                text: response.message, 
                icon: "success",
                timer: 2000,
                showConfirmButton: false,
                position: "top",
                toast: true 
            }).then(() => {  
            
             if (response.message === 'Registration successful from blunotes!') {
            window.location.href = 'https://blunotes.bluai.ai/'; 
        } else {
            if (redirect) { 
                window.location.href = redirect; 
            } 
        }   
            }); 
        },  
        error: function (xhr) {
           Swal.fire({
                title: "Error",
                text: xhr.responseJSON?.error || "Something went wrong!",
                icon: "error",
                timer: 2000,
                showConfirmButton: false,
                position: "top", 
                toast: true 
            });  
        }
    });
});
  });
  
  </script>