<?php
require_once 'includes/ProxyHelper.php';
$proxy = new ProxyHelper();
?>
<!DOCTYPE html>
<html lang="bn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>নিবন্ধন বাতিল আবেদন (বাইপাস)</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
    body { font-family: 'Hind Siliguri', sans-serif; background: #e8edf3; }
    .main-card { max-width: 600px; margin: 40px auto; background: #fff; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.1); padding: 30px; }
</style>
</head>
<body>
<div class="container">
    <div class="main-card border-top border-danger border-4">
        <h4 class="text-center text-danger mb-4"><i class="fas fa-trash-alt me-2"></i>নিবন্ধন বাতিল আবেদন (বাইপাস)</h4>
        
        <form id="cancelForm">
            <div class="mb-3">
                <label class="form-label font-weight-bold">জন্ম নিবন্ধন নম্বর (UBRN)</label>
                <input type="text" class="form-control" id="ubrn" name="ubrn" required placeholder="17 ডিজিটের নিবন্ধন নম্বর">
            </div>
            <div class="mb-4">
                <label class="form-label font-weight-bold">জন্ম তারিখ</label>
                <input type="date" class="form-control" id="dob" name="dob" required>
            </div>
            
            <button type="button" id="btnSearch" class="btn btn-primary w-100 mb-3"><i class="fas fa-search me-2"></i>তথ্য খুঁজুন (Bypass)</button>
        </form>

        <div id="resultArea" class="d-none mt-4 border-top pt-4">
            <h5 class="text-success"><i class="fas fa-check-circle me-2"></i>তথ্য পাওয়া গেছে</h5>
            <div id="personInfo" class="p-3 bg-light rounded mb-3"></div>
            
            <form id="submitCancelForm">
                <div class="mb-3">
                    <label class="form-label font-weight-bold">বাতিলের কারণ</label>
                    <select class="form-select" id="reason" required>
                        <option value="">নির্বাচন করুন</option>
                        <option value="DUPLICATE">দ্বৈত নিবন্ধন (Duplicate)</option>
                        <option value="DEATH">মৃত্যুজনিত (Death)</option>
                        <option value="FAKE">ভুয়া নিবন্ধন (Fake)</option>
                        <option value="OTHER">অন্যান্য (Other)</option>
                    </select>
                </div>
                <button type="button" id="btnSubmit" class="btn btn-danger w-100"><i class="fas fa-paper-plane me-2"></i>বাতিল আবেদন দাখিল করুন</button>
            </form>
        </div>
        
        <div id="errorArea" class="alert alert-danger d-none mt-3"></div>
    </div>
</div>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
    $('#btnSearch').click(function() {
        const ubrn = $('#ubrn').val();
        const dob = $('#dob').val();
        if(!ubrn || !dob) { alert('নম্বর এবং তারিখ দিন'); return; }
        
        const btn = $(this);
        btn.html('<i class="fas fa-spinner fa-spin me-2"></i>খোঁজা হচ্ছে...').prop('disabled', true);
        $('#errorArea').addClass('d-none');
        
        // Use proxy-services adv_info to bypass jurisdiction check and get data
        $.post('proxy-services.php', { action: 'adv_info', ubrn: ubrn }, function(res) {
            btn.html('<i class="fas fa-search me-2"></i>তথ্য খুঁজুন (Bypass)').prop('disabled', false);
            if(res.status === 'success' && res.data) {
                const p = res.data.personMaster ? (res.data.personMaster.data || res.data.personMaster) : res.data;
                const name = p.personNameBn || p.nameBn || 'অজ্ঞাত';
                const fName = p.fatherNameBn || 'অজ্ঞাত';
                const mName = p.motherNameBn || 'অজ্ঞাত';
                
                $('#personInfo').html(`
                    <strong>নাম:</strong> ${name}<br>
                    <strong>পিতা:</strong> ${fName}<br>
                    <strong>মাতা:</strong> ${mName}
                `);
                $('#resultArea').removeClass('d-none');
            } else {
                $('#errorArea').text(res.message || 'তথ্য পাওয়া যায়নি').removeClass('d-none');
            }
        }).fail(function() {
            btn.html('<i class="fas fa-search me-2"></i>তথ্য খুঁজুন (Bypass)').prop('disabled', false);
            $('#errorArea').text('সার্ভার এরর!').removeClass('d-none');
        });
    });

    $('#btnSubmit').click(function() {
        alert('অ্যাডমিন/পাবলিক এপিআই-তে সাবমিট করার পে-লোড এবং পদ্ধতি সংযুক্ত করতে হবে। দয়া করে নিশ্চিত করুন এটি কীভাবে সাবমিট হবে।');
    });
});
</script>
</body>
</html>
