<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Cek Nama Rekening</title>

</head>

<body>



    <h1>Cek Nama Rekening</h1>



    <form id="accountForm">

        <label for="accountNumber">Nomor Rekening:</label>

        <input type="text" id="accountNumber" name="accountNumber" required>



        <label for="bankOption">Pilih Bank:</label>

        <select id="bankOption" name="bankOption" required>

            <option value="gopay">GoPay</option>

            <option value="dana">Dana</option>

        </select>



        <button type="button" onclick="checkAccount()">Cek Nama Rekening</button>

    </form>



    <div id="result-container">

        

    </div>



    <script>

        function checkAccount() {

            const accountNumber = document.getElementById('accountNumber').value;

            const bankOption = document.getElementById('bankOption').value;



            fetch('https://netovas.com/api/cekrek/v1/account-inquiry', {

                method: 'POST',

                headers: {

                    'Content-Type': 'application/x-www-form-urlencoded',

                },

                body: `account_bank=${bankOption}&account_number=${accountNumber}`,

            })

            .then(response => response.json())

            .then(data => {

                // Menampilkan hasil dari permintaan API di dalam div dengan id "result-container"

                const resultContainer = document.getElementById('result-container');



                if (data.success) {

                    resultContainer.innerHTML = `

                        

                        <p><strong>Nama Akun</strong> ${data.data.account_holder}</p>

                    

                    `;

                } else {

                    resultContainer.innerHTML = `<p><strong>Error:</strong> ${data.message}</p>`;

                }

            })

            .catch(error => {

                console.error('Error:', error);

                const resultContainer = document.getElementById('result-container');

                resultContainer.innerHTML = `<p><strong>Error:</strong> ${error.message}</p>`;

            });

        }

    </script>



</body>

</html>