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

$fee = $udata['mobile_to_look_up_details_find_a'];
checkServiceStatus($udata,'mobile_to_look_up_details_find_a_status');

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

    $mobile = trim($_POST['mobileNumber']);
    $user   = $udata['phone'];
    $wallet = $udata['balance'];

    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 = mobile_number_look_up_verification_api_run(['mobileNumber' => $mobile]);
        $sampleCode = $resdata['sampleCode'] ?? '';
        $errorMsg = $resdata['error'] ?? 'Mobile lookup failed';

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

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

            $base64Json = base64_encode(json_encode($resdata, JSON_UNESCAPED_UNICODE|JSON_UNESCAPED_SLASHES));
            
            $operatorName = $resdata['operator'] ?? 'NA';
            
            mysqli_query($tng_conn, "INSERT INTO all_pdf_records
                (service_name, name, username, number, pdf, date)
                VALUES(
                    'MOBILE_LOOKUP',
                    '".mysqli_real_escape_string($tng_conn, $operatorName)."',
                    '$user',
                    '$mobile',
                    '".mysqli_real_escape_string($tng_conn, $base64Json)."',
                    NOW()
                )");

            echo "<script src='https://cdn.jsdelivr.net/npm/sweetalert2@11'></script>
            <script>
                Swal.fire({
                    icon:'success',
                    title:'Success!',
                    text:'Mobile lookup details saved 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;
}
</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;">📲 Mobile Number Lookup</h5>
    <p class="text-muted small">Get operator, circle & postpaid info (All India)</p>
</div>

<form method="post" id="mobileForm">

<div class="mb-3">
    <label class="form-label">MOBILE NUMBER *</label>
    <input type="tel" name="mobileNumber" id="mobileNumber" class="form-control"
           placeholder="Enter 10-digit Mobile Number" maxlength="10"
           style="border-radius: 12px; padding: 12px;" 
           onkeyup="this.value = this.value.replace(/[^0-9]/g, '');" required>
    <small class="text-muted">Example: 9876543210</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;">
    🔍 LOOKUP
</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>
// Mobile number validation
function validateMobile(mobile) {
    return /^[0-9]{10}$/.test(mobile);
}

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

    var mobile = document.getElementById("mobileNumber").value;
    if(!validateMobile(mobile)) {
        Swal.fire('Invalid Mobile Number', 'Please enter valid 10-digit mobile number', 'error');
        return;
    }

    Swal.fire({
        title: 'Confirm?',
        text: 'Mobile lookup 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...';
            this.submit();
        }
    });
});
</script>

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