<?php
// connect-setup.php
require_once 'includes/ProxyHelper.php';

$msg = '';
$msgClass = '';

// Handle Form Submission
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $cookieString = $_POST['cookie_string'] ?? '';
    if ($cookieString) {
        $ph = new ProxyHelper();
        $csrf = $_POST['csrf_token'] ?? null;
        if ($ph->saveCookies($cookieString, [], $csrf)) {
            $msg = '✅ কানেকশন সেটআপ সফল! এখন যেকোনো ইউনিয়নের নিবন্ধন নম্বর সার্চ করতে পারবেন।';
            $msgClass = 'alert-success';
        } else {
            $msg = 'কুকি সেভ করতে সমস্যা হয়েছে। ফোল্ডার পারমিশন চেক করুন।';
            $msgClass = 'alert-danger';
        }
    } else {
        $msg = 'অনুগ্রহ করে কুকি স্ট্রিং দিন।';
        $msgClass = 'alert-warning';
    }
}

include 'includes/header.php';

$protocol = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on') ? 'https' : 'http';
$host     = $_SERVER['HTTP_HOST'];
$appUrl   = $protocol . '://' . $host;
$basePath = rtrim(dirname($_SERVER['PHP_SELF']), '/');
$apiUrl   = $appUrl . $basePath . '/api/save-session.php';

// Bookmarklet — run on bdris.gov.bd
$jsCode = "javascript:(function(){try{var c=document.cookie||'';if(!c){alert('কুকি পাওয়া যায়নি! BDRIS-এ লগিন করে আবার চেষ্টা করুন।');return;}var t='';var m=document.querySelector('meta[name=\"_csrf\"]');if(m)t=m.content;if(!t){m=document.querySelector('meta[name=\"csrf-token\"]');if(m)t=m.content;}var api='{$apiUrl}';var u=api+'?cookies='+encodeURIComponent(c);if(t)u+='&csrf_token='+encodeURIComponent(t);var w=window.open(u,'_blank');if(!w)alert('Popup block! Please allow popup for this site.');else alert('✅ Session পাঠানো হয়েছে!');}catch(ex){alert('Error: '+ex.message);}})();";
?>
<link href="https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;600;700&display=swap" rel="stylesheet">
<style>
body { font-family: 'Hind Siliguri', sans-serif; }

/* ── Hero Banner ── */
.connect-hero {
    background: linear-gradient(135deg, #0f2744, #0c3460);
    border-radius: 16px;
    padding: 32px 36px;
    color: white;
    margin-bottom: 24px;
    position: relative;
    overflow: hidden;
}
.connect-hero::before {
    content: '';
    position: absolute; top: -50%; right: -10%;
    width: 300px; height: 300px;
    background: rgba(59,130,246,.15);
    border-radius: 50%;
}
.connect-hero h2 { font-size: 22px; font-weight: 700; margin: 0 0 8px; }
.connect-hero p  { font-size: 14px; color: #93c5fd; margin: 0; }

/* ── Step Cards ── */
.step-card {
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 22px 24px;
    margin-bottom: 16px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.06);
    transition: box-shadow .2s;
}
.step-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,.1); }
.step-num {
    display: inline-flex; align-items: center; justify-content: center;
    width: 34px; height: 34px;
    background: #1d4ed8; color: #fff;
    border-radius: 50%; font-weight: 700; font-size: 15px;
    margin-right: 10px; flex-shrink: 0;
}
.step-title { font-size: 16px; font-weight: 700; color: #1e293b; display: flex; align-items: center; margin-bottom: 10px; }

/* ── Bookmarklet Button ── */
.bookmarklet-btn {
    display: inline-block;
    background: linear-gradient(135deg, #16a34a, #059669);
    color: white !important;
    padding: 12px 24px;
    border-radius: 10px;
    font-size: 15px; font-weight: 700;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(22,163,74,.35);
    transition: all .2s;
    cursor: pointer;
}
.bookmarklet-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(22,163,74,.5);
    color: white !important;
}

/* ── Auto Capture Button ── */
.auto-capture-btn {
    width: 100%;
    padding: 18px;
    font-size: 18px; font-weight: 700;
    color: white;
    background: linear-gradient(135deg, #1d4ed8, #0891b2);
    border: none; border-radius: 12px; cursor: pointer;
    transition: all .25s;
    box-shadow: 0 8px 24px rgba(29,78,216,.35);
    display: flex; align-items: center; justify-content: center; gap: 10px;
}
.auto-capture-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px rgba(29,78,246,.5);
}

/* ── Manual form ── */
.manual-section {
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    overflow: hidden;
}
.manual-header {
    background: #f8fafc;
    padding: 14px 20px;
    border-bottom: 1px solid #e2e8f0;
    font-weight: 700; color: #475569; font-size: 14px;
    cursor: pointer;
    display: flex; align-items: center; justify-content: space-between;
}
.manual-body { padding: 20px; display: none; }
.manual-body.show { display: block; }

/* ── Success box ── */
.success-box {
    background: linear-gradient(135deg, #064e3b, #065f46);
    border: 1px solid #10b981;
    border-radius: 12px;
    padding: 20px 24px;
    color: #a7f3d0;
    margin-bottom: 20px;
    font-size: 15px; font-weight: 600;
    display: flex; align-items: center; gap: 14px;
}
.success-box i { font-size: 28px; color: #34d399; }
</style>

<div class="container" style="max-width:760px; margin: 20px auto;">

<?php if ($msg): ?>
<div class="<?= $msgClass === 'alert-success' ? 'success-box' : 'alert ' . $msgClass ?>">
    <?php if ($msgClass === 'alert-success'): ?>
    <i class="fas fa-check-circle"></i>
    <div>
        <strong>সংযোগ সফল!</strong><br>
        <span style="font-size:14px;">এখন <a href="dob-finder.php" style="color:#6ee7b7;">জন্ম তারিখ অনুসন্ধান</a> পেজে গিয়ে যেকোনো ইউনিয়নের নম্বর সার্চ করুন।</span>
    </div>
    <?php else: ?>
        <?= $msg ?>
    <?php endif; ?>
</div>
<?php endif; ?>

<!-- Hero -->
<div class="connect-hero">
    <div style="position:relative; z-index:1;">
        <h2><i class="fas fa-plug me-2"></i> BDRIS সংযোগ সেটআপ</h2>
        <p>একবার সেটআপ করলেই যেকোনো ইউনিয়নের নিবন্ধন নম্বর দিয়ে জন্ম তারিখ বের করা যাবে।</p>
    </div>
</div>

<!-- STEP 1: Auto Method -->
<div class="step-card">
    <div class="step-title">
        <span class="step-num">১</span>
        পদ্ধতি — Bookmarklet (সবচেয়ে সহজ, একবার করলেই চিরকাল)
    </div>
    <p style="font-size:14px; color:#475569; margin-bottom:16px;">
        নিচের সবুজ বাটনটি ড্র্যাগ করে ব্রাউজারের <strong>Bookmarks বারে</strong> যোগ করুন।
        তারপর <code>bdris.gov.bd</code> তে লগিন করে সেই bookmark এ ক্লিক করলেই session সরাসরি চলে আসবে।
    </p>
    <div style="background: #f1f5f9; border-radius: 10px; padding: 20px; text-align: center; border: 2px dashed #94a3b8;">
        <p style="font-size: 13px; color:#64748b; margin-bottom:14px;">⬇️ এই বাটনটি Bookmarks বারে ড্র্যাগ করুন</p>
        <a href="<?= htmlspecialchars($jsCode) ?>" class="bookmarklet-btn" onclick="alert('এটা ক্লিক করবেন না! ড্র্যাগ করে Bookmarks বারে যোগ করুন।'); return false;">
            <i class="fas fa-bookmark me-2"></i> BDRIS Session ক্যাপচার
        </a>
    </div>
</div>

<!-- STEP 2: Console Method -->
<div class="step-card">
    <div class="step-title">
        <span class="step-num">২</span>
        পদ্ধতি — Console কোড (সবচেয়ে দ্রুত)
    </div>
    <p style="font-size:14px; color:#475569; margin-bottom:12px;">
        <code>bdris.gov.bd</code> তে লগিন থাকা অবস্থায় <strong>F12</strong> চাপুন → <strong>Console</strong> ট্যাবে যান → নিচের কোডটি paste করে Enter দিন:
    </p>
    <div style="background:#0f172a; border-radius:10px; padding:16px; position:relative;">
        <button onclick="copyCode()" style="position:absolute; top:10px; right:10px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2); color:#94a3b8; padding:4px 12px; border-radius:6px; font-size:12px; cursor:pointer;" id="copyBtn">
            <i class="fas fa-copy me-1"></i> Copy
        </button>
        <code id="consoleCode" style="color:#86efac; font-size:13px; font-family:'Courier New',monospace; display:block; white-space:pre-wrap; word-break:break-all;">(function(){var c=document.cookie||'';if(!c){alert('BDRIS-এ লগিন করুন!');return;}var t='';var m=document.querySelector('meta[name="_csrf"]');if(m)t=m.content;if(!t){m=document.querySelector('meta[name="csrf-token"]');if(m)t=m.content;}var u='<?= $apiUrl ?>?cookies='+encodeURIComponent(c);if(t)u+='&csrf_token='+encodeURIComponent(t);window.open(u,'_blank');alert('✅ Session পাঠানো হয়েছে! সাপোর্ট সাইট রিফ্রেশ করুন।');})()</code>
    </div>
</div>

<!-- STEP 3: Manual -->
<div class="manual-section">
    <div class="manual-header" onclick="toggleManual()">
        <span><span class="step-num" style="background:#64748b;">৩</span> পদ্ধতি — Manual Cookie Paste (উন্নত ব্যবহারকারীর জন্য)</span>
        <i class="fas fa-chevron-down" id="manualIcon"></i>
    </div>
    <div class="manual-body" id="manualBody">
        <div class="alert alert-warning mb-3">
            <small>
                ১. BDRIS-এ লগিন করুন → F12 → Network ট্যাব<br>
                ২. যেকোনো request এ ক্লিক → Request Headers → <strong>Cookie</strong> কপি করুন<br>
                ৩. নিচে paste করে Save করুন
            </small>
        </div>
        <form action="" method="POST">
            <div class="mb-3">
                <label for="cookie_string" class="form-label fw-bold">Cookie String</label>
                <textarea class="form-control" id="cookie_string" name="cookie_string" rows="5"
                    placeholder="SESSION=...; JSESSIONID=..." required></textarea>
            </div>
            <div class="mb-3">
                <label for="csrf_token" class="form-label fw-bold">CSRF Token <span class="text-muted">(Optional)</span></label>
                <input type="text" class="form-control" id="csrf_token" name="csrf_token"
                    placeholder="X-CSRF-TOKEN মান (পেলে যোগ করুন)">
            </div>
            <button type="submit" class="btn btn-primary">
                <i class="fas fa-save me-1"></i> Save Connection
            </button>
            <a href="verify_system.php" class="btn btn-outline-secondary ms-2">
                <i class="fas fa-vial me-1"></i> Test Connection
            </a>
        </form>
    </div>
</div>

<!-- Quick links -->
<div style="margin-top:24px; display:flex; gap:10px; flex-wrap:wrap;">
    <a href="dob-finder.php" class="btn btn-success">
        <i class="fas fa-calendar-check me-1"></i> জন্ম তারিখ অনুসন্ধান
    </a>
    <a href="search-birth.php" class="btn btn-outline-primary">
        <i class="fas fa-search me-1"></i> নিবন্ধন সার্চ
    </a>
    <a href="session-manager.php" class="btn btn-outline-secondary">
        <i class="fas fa-user-clock me-1"></i> Session Manager
    </a>
    <a href="index.php" class="btn btn-outline-dark">
        <i class="fas fa-home me-1"></i> হোম
    </a>
</div>
</div>

<script>
function copyCode() {
    var code = document.getElementById('consoleCode').textContent;
    navigator.clipboard.writeText(code).then(function() {
        var btn = document.getElementById('copyBtn');
        btn.innerHTML = '<i class="fas fa-check me-1"></i> Copied!';
        btn.style.color = '#4ade80';
        setTimeout(function() {
            btn.innerHTML = '<i class="fas fa-copy me-1"></i> Copy';
            btn.style.color = '';
        }, 2000);
    });
}
function toggleManual() {
    var body = document.getElementById('manualBody');
    var icon = document.getElementById('manualIcon');
    body.classList.toggle('show');
    icon.style.transform = body.classList.contains('show') ? 'rotate(180deg)' : '';
}
</script>

<?php include 'includes/footer.php'; ?>
