<?php
include('../includes/session.php');
include('../includes/config.php');
include('../template/tngweb/header.php');

$fee = $udata['aadhar_validation_fee'];
checkServiceStatus($udata, 'aadhar_validation_fee_status');

$captchaData = fetchAadharCaptcha();

if ($_SERVER['REQUEST_METHOD'] === 'POST' && !empty($_POST['aadhar']) && !empty($_POST['captcha'])) {

    $aadhar     = trim($_POST['aadhar']);
    $captcha    = trim($_POST['captcha']);
    $captchaSID = trim($_POST['captchaSID']);
    $appliedby  = $udata['phone'];
    $wallet     = $udata['balance'];
    $debit_fee  = $wallet - $fee;

    if ($wallet < $fee) {
        echo "<script src='https://cdn.jsdelivr.net/npm/sweetalert2@11'></script>
        <script>
            Swal.fire('Low Balance', 'Please recharge wallet', 'error')
            .then(()=>window.location='wallet.php');
        </script>";
    } else {

        $resdata = aadhar_validation_api_run([
            'aadhar' => $aadhar,
            'captcha' => $captcha,
            'captchaSID' => $captchaSID
        ]);
        
        $sampleCode = $resdata['sampleCode'] ?? '';
        $errorMsg = $resdata['error'] ?? $resdata['Message'] ?? '';

        if ($sampleCode !== 200 && $sampleCode !== '200') {
            echo "<script src='https://cdn.jsdelivr.net/npm/sweetalert2@11'></script>
            <script>
                Swal.fire('Error', '" . addslashes($errorMsg) . "', 'error');
            </script>";
        } else {

            mysqli_query($tng_conn, "UPDATE users SET balance = balance - $fee WHERE phone='$appliedby'");
            addCommission($tng_conn, $appliedby, $fee, $udata['parent'] ?? null, 'Aadhaar Validation');
            mysqli_query($tng_conn, "INSERT INTO wallethistory
                (userid, amount, balance, purpose, status, type)
                VALUES('$appliedby', '$fee', '$debit_fee', 'Aadhaar Validation', '1', 'Debit')");

            $base64Json = base64_encode(json_encode($resdata, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES));
            
            mysqli_query($tng_conn, "INSERT INTO all_pdf_records
                (service_name, name, username, number, pdf, date)
                VALUES('AADHAAR_VALIDATION', '$aadhar', '$appliedby', '$aadhar', '$base64Json', NOW())");

            echo "<script src='https://cdn.jsdelivr.net/npm/sweetalert2@11'></script>
            <script>
                Swal.fire({
                    icon: 'success',
                    title: 'Success!',
                    text: 'Aadhaar validated successfully',
                    timer: 2000,
                    showConfirmButton: false
                }).then(() => {
                    window.location = 'all_history.php';
                });
            </script>";
        }
    }
}
?>

<style>
.card-shine {
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    transition: .3s;
    border: none;
}
.card-shine:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(0,0,0,0.15);
}
.container-center {
    min-height: 85vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
}
.form-label {
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 6px;
    color: #333;
}
.single-line {
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #e2e8f0, #e2e8f0, #e2e8f0, transparent);
    margin: 20px 0;
}
.captcha-img {
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    padding: 5px;
    background: #f8fafc;
}
</style>

<div class="content-wrap">
<div class="main">
<div class="page-wrapper">
<div class="container-center">
<div class="page-content w-100 d-flex justify-content-center">

<div class="col-lg-5 col-md-7 col-sm-10">
<div class="card card-shine">
<div class="card-body p-4">

<a href="javascript:history.back()" class="btn btn-light mb-4 w-100 py-2" style="border-radius: 12px;">
    ← Go Back
</a>

<div class="text-center mb-4">
    <h5 class="fw-bold mb-1" style="color: #1e293b;">🆔 Aadhaar Validation (Captcha)</h5>
    <p class="text-muted small">Validate Aadhaar number with captcha verification</p>
</div>

<form method="POST" id="aadhaarForm">

<div class="mb-3">
    <label class="form-label">AADHAAR NUMBER *</label>
    <input type="text" name="aadhar" id="aadhar" class="form-control"
           placeholder="Enter 12-digit Aadhaar Number" maxlength="12"
           style="border-radius: 12px; padding: 12px;" 
           onkeyup="this.value = this.value.replace(/[^0-9]/g, '');" required>
    <small class="text-muted">Example: 123456789012</small>
</div>

<div class="mb-3">
    <label class="form-label">ENTER CAPTCHA *</label>
    <div class="text-center mb-2">
        <img src="<?= $captchaData['captcha'] ?? '' ?>" alt="Captcha" class="captcha-img">
    </div>
    <input type="text" name="captcha" id="captcha" class="form-control"
           placeholder="Enter captcha code" 
           style="border-radius: 12px; padding: 12px;" required>
    <input type="hidden" name="captchaSID" value="<?= $captchaData['captchaTxnId'] ?? '' ?>">
    <small class="text-muted">Enter the code shown in image</small>
</div>

<div class="single-line"></div>

<div class="d-flex justify-content-between align-items-center mb-4">
    <span class="fw-semibold" style="color: #475569;">💰 SERVICE CHARGE</span>
    <span class="fw-bold fs-5" style="color: #1e293b;">₹ <?= number_format($fee, 2) ?></span>
</div>

<button type="submit" class="btn btn-success w-100 py-2" id="submitBtn" 
        style="border-radius: 12px; font-weight: 600; font-size: 16px;">
    ✅ VALIDATE AADHAAR
</button>

</form>

</div>
</div>
</div>

</div>
</div>
</div>
</div>
</div>

<?php include('../template/tngweb/footer.php'); ?>

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<script>
// Aadhar validation
function validateAadhar(aadhar) {
    return /^[0-9]{12}$/.test(aadhar);
}

let submitting = false;
document.getElementById("aadhaarForm").addEventListener("submit", function(e) {
    e.preventDefault();
    if (submitting) return;

    var aadhar = document.getElementById("aadhar").value;
    if(!validateAadhar(aadhar)) {
        Swal.fire('Invalid Aadhaar', 'Please enter valid 12-digit Aadhaar number', 'error');
        return;
    }

    var captcha = document.getElementById("captcha").value.trim();
    if(captcha == "") {
        Swal.fire('Invalid Input', 'Please enter captcha code', 'error');
        return;
    }

    Swal.fire({
        title: 'Confirm?',
        text: 'Aadhaar validation hoga aur wallet se fee deduct hogi',
        icon: 'warning',
        showCancelButton: true,
        confirmButtonText: 'Yes, Proceed',
        cancelButtonText: 'Cancel',
        confirmButtonColor: '#10b981'
    }).then((result) => {
        if (result.isConfirmed) {
            submitting = true;
            document.getElementById('submitBtn').disabled = true;
            document.getElementById('submitBtn').innerText = 'Processing...';
            document.getElementById("aadhaarForm").submit();
        }
    });
});
</script>

<script src="../template/tngweb/assets/js/bootstrap.bundle.min.js"></script>
<script src="../template/tngweb/assets/js/app.js"></script>
</html>