<?php
ob_start();
header('Content-Type: text/html; charset=utf-8');
include 'includes/header.php';
?>

<div class="text-center py-4">
    <h2 class="dashboard-title">&#2437;&#2475;&#2495;&#2488; &#2488;&#2495;&#2488;&#2509;&#2463;&#2503;&#2478; &#2465;&#2509;&#2479;&#2494;&#2486;&#2476;&#2507;&#2480;&#2509;&#2465;</h2>
    <div class="alert alert-success d-inline-block py-1 px-3">
        <strong>Access: ON</strong>
    </div>
</div>

<style>
.dob-finder-card {
    background: linear-gradient(135deg, #1a3a6e 0%, #0d5c3a 100%);
    border: 2px solid #22c55e !important;
    border-radius: 14px !important;
    transition: all .3s ease;
    position: relative;
    overflow: hidden;
}
.dob-finder-card::before {
    content: '';
    position: absolute; top: 0; left: -100%;
    width: 100%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent);
    transition: left .5s;
}
.dob-finder-card:hover::before { left: 100%; }
.dob-finder-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 36px rgba(34,197,94,.35) !important;
    border-color: #4ade80 !important;
}
.dob-finder-card .card-icon { color: #4ade80 !important; }
.dob-finder-card .card-title { color: #f0fdf4 !important; }
.dob-new-badge {
    position: absolute; top: 10px; right: 10px;
    background: #22c55e; color: #fff;
    font-size: 10px; font-weight: 700;
    padding: 2px 8px; border-radius: 10px;
    letter-spacing: .5px;
}
</style>
<div class="row g-4 mb-4">
    <!-- ★ অ্যাডভান্সড সার্ভিসেস ড্যাশবোর্ড (নতুন সাইডবার) -->
    <div class="col-12">
        <a href="advanced-services.php" class="text-decoration-none">
            <div class="card dob-finder-card p-4" style="background: linear-gradient(135deg, #FF512F 0%, #DD2476 100%); border-color: #ff9a9e !important;">
                <div style="display:flex; flex-direction:row; align-items:center; gap:24px;">
                    <div style="font-size:3.5rem; color:#fff; flex-shrink:0;">
                        <i class="fas fa-list-ul"></i>
                    </div>
                    <div>
                        <div class="dob-new-badge" style="background: #fff; color: #DD2476;">🔥 নতুন আপডেট</div>
                        <h4 style="color:#fff; font-weight:700; margin:0 0 6px;">অ্যাডভান্সড সার্ভিসেস ড্যাশবোর্ড</h4>
                        <p style="color:#ffe4e6; margin:0; font-size:14px;">
                            বাম পাশের সাইডবার থেকে NID যাচাই, সার্টিফিকেট বাতিল, অ্যাডভান্সড তথ্য ও স্ট্যাটাস চেক করুন।
                        </p>
                    </div>
                    <div style="margin-left:auto; flex-shrink:0;">
                        <span style="background:rgba(255,255,255,.2); border:1px solid #fff; color:#fff; padding:8px 20px; border-radius:8px; font-weight:600; font-size:14px; white-space:nowrap;">
                            <i class="fas fa-arrow-right me-1"></i> প্রবেশ করুন
                        </span>
                    </div>
                </div>
            </div>
        </a>
    </div>
</div>

<div class="row g-4 mb-4">
    <!-- ★ সাপোর্ট পোর্টাল — Featured Card (Full Width) -->
    <div class="col-12">
        <a href="support-site.php" class="text-decoration-none">
            <div class="card dob-finder-card p-4" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #a3bffa !important;">
                <div style="display:flex; flex-direction:row; align-items:center; gap:24px;">
                    <div style="font-size:3.5rem; color:#fff; flex-shrink:0;">
                        <i class="fas fa-headset"></i>
                    </div>
                    <div>
                        <div class="dob-new-badge" style="background: #ff9a9e; color: #fff;">✨ ভিআইপি সাপোর্ট</div>
                        <h4 style="color:#fff; font-weight:700; margin:0 0 6px;">স্মার্ট সাপোর্ট পোর্টাল</h4>
                        <p style="color:#e2e8f0; margin:0; font-size:14px;">
                            শুধুমাত্র আবেদন নম্বর ও জন্ম তারিখ দিয়ে খুব সহজেই ডুপ্লিকেট চেক এবং আবেদন প্রিন্ট করুন
                        </p>
                    </div>
                    <div style="margin-left:auto; flex-shrink:0;">
                        <span style="background:rgba(255,255,255,.2); border:1px solid #fff; color:#fff; padding:8px 20px; border-radius:8px; font-weight:600; font-size:14px; white-space:nowrap;">
                            <i class="fas fa-arrow-right me-1"></i> প্রবেশ করুন
                        </span>
                    </div>
                </div>
            </div>
        </a>
    </div>
</div>

<div class="row g-4 mb-4">
    <!-- ★ জন্ম তারিখ অনুসন্ধান — Featured Card (Full Width) -->
    <div class="col-12">
        <a href="dob-finder.php" class="text-decoration-none">
            <div class="card dob-finder-card p-4" style="display:flex; flex-direction:row; align-items:center; gap:24px;">
                <div style="font-size:3.5rem; color:#4ade80; flex-shrink:0;">
                    <i class="fas fa-calendar-check"></i>
                </div>
                <div>
                    <div class="dob-new-badge">✨ নতুন টুল</div>
                    <h4 style="color:#f0fdf4; font-weight:700; margin:0 0 6px;">জন্ম তারিখ অনুসন্ধান</h4>
                    <p style="color:#86efac; margin:0; font-size:14px;">
                        যেকোনো ইউনিয়নের নিবন্ধন নম্বর দিয়ে তাৎক্ষণিকভাবে জন্ম তারিখ বের করুন — DOB দেওয়া লাগবে না
                    </p>
                </div>
                <div style="margin-left:auto; flex-shrink:0;">
                    <span style="background:rgba(74,222,128,.2); border:1px solid #4ade80; color:#4ade80; padding:8px 20px; border-radius:8px; font-weight:600; font-size:14px; white-space:nowrap;">
                        <i class="fas fa-arrow-right me-1"></i> যান
                    </span>
                </div>
            </div>
        </a>
    </div>
</div>

<div class="row g-4 mb-5">
    <!-- 1. Birth Registration Information Search -->
    <div class="col-md-4 col-sm-6">
        <a href="search-birth.php" class="text-decoration-none">
            <div class="card dashboard-card p-4 text-center">
                <div class="card-icon">
                    <i class="fas fa-search"></i>
                </div>
                <h5 class="card-title text-dark">&#2460;&#2472;&#2509;&#2478; &#2472;&#2495;&#2476;&#2472;&#2509;&#2471;&#2472;&#2503;&#2480; &#2468;&#2469;&#2509;&#2479; &#2437;&#2472;&#2497;&#2488;&#2472;&#2509;&#2471;&#2494;&#2472;</h5>
            </div>
        </a>
    </div>

    <!-- 2. Death Registration Information Search -->
    <div class="col-md-4 col-sm-6">
        <a href="search-death.php" class="text-decoration-none">
            <div class="card dashboard-card p-4 text-center">
                <div class="card-icon">
                    <i class="fas fa-search-minus"></i>
                </div>
                <h5 class="card-title text-dark">&#2478;&#2499;&#2468;&#2509;&#2479;&#2497; &#2472;&#2495;&#2476;&#2472;&#2509;&#2471;&#2472;&#2503;&#2480; &#2468;&#2469;&#2509;&#2479; &#2437;&#2472;&#2497;&#2488;&#2472;&#2509;&#2471;&#2494;&#2472;</h5>
            </div>
        </a>
    </div>

    <!-- 3. Birth Registration by Application Number -->
    <div class="col-md-4 col-sm-6">
        <a href="register-by-app-id.php" class="text-decoration-none">
            <div class="card dashboard-card p-4 text-center">
                <div class="card-icon">
                    <i class="fas fa-file-alt"></i>
                </div>
                <h5 class="card-title text-dark">&#2438;&#2476;&#2503;&#2470;&#2472; &#2472;&#2478;&#2509;&#2476;&#2480; &#2470;&#2495;&#2527;&#2503; &#2460;&#2472;&#2509;&#2478; &#2472;&#2495;&#2476;&#2472;&#2509;&#2471;&#2472; (&#2535;&#2541; &#2465;&#2495;&#2460;&#2495;&#2463;)</h5>
            </div>
        </a>
    </div>

    <!-- 5. Universal Dashboard (Read Only) -->
    <div class="col-md-4 col-sm-6">
        <a href="universal-dashboard.php" class="text-decoration-none">
            <div class="card dashboard-card p-4 text-center">
                <div class="card-icon">
                    <i class="fas fa-eye"></i>
                </div>
                <h5 class="card-title text-dark">&#2439;&#2441;&#2472;&#2495;&#2477;&#2494;&#2480;&#2509;&#2488;&#2494;&#2482; &#2480;&#2495;&#2465;-&#2437;&#2472;&#2482;&#2495; &#2465;&#2509;&#2479;&#2494;&#2486;&#2476;&#2507;&#2480;&#2509;&#2465;</h5>
            </div>
        </a>
    </div>

    <!-- 4. Print Application Form -->
    <div class="col-md-4 col-sm-6">
        <a href="print-application.php" class="text-decoration-none">
            <div class="card dashboard-card p-4 text-center">
                <div class="card-icon">
                    <i class="fas fa-print"></i>
                </div>
                <h5 class="card-title text-dark">&#2438;&#2476;&#2503;&#2470;&#2472;&#2474;&#2468;&#2509;&#2480; &#2474;&#2509;&#2480;&#2495;&#2472;&#2509;&#2463;</h5>
            </div>
        </a>
    </div>

    <!-- 5. Print Union Applications and Documents -->
    <div class="col-md-4 col-sm-6">
        <a href="union-docs.php" class="text-decoration-none">
            <div class="card dashboard-card p-4 text-center">
                <div class="card-icon">
                    <i class="fas fa-folder-open"></i>
                </div>
                <h5 class="card-title text-dark">&#2476;&#2495;&#2477;&#2495;&#2472;&#2509;&#2472; &#2439;&#2441;&#2472;&#2495;&#2527;&#2472;&#2503;&#2480; &#2438;&#2476;&#2503;&#2470;&#2472; &#2451; &#2465;&#2453;&#2497;&#2478;&#2503;&#2472;&#2509;&#2463; &#2474;&#2509;&#2480;&#2495;&#2472;&#2509;&#2463;</h5>
            </div>
        </a>
    </div>

    <!-- 6. Possible Duplicate -->
    <div class="col-md-4 col-sm-6">
        <a href="duplicates.php" class="text-decoration-none">
            <div class="card dashboard-card p-4 text-center">
                <div class="card-icon">
                    <i class="fas fa-clone"></i>
                </div>
                <h5 class="card-title text-dark">Possible Duplicate</h5>
            </div>
        </a>
    </div>

    <!-- 7. Print Birth Registration Certificate -->
    <div class="col-md-4 col-sm-6">
        <a href="print-certificate.php" class="text-decoration-none">
            <div class="card dashboard-card p-4 text-center">
                <div class="card-icon">
                    <i class="fas fa-certificate"></i>
                </div>
                <h5 class="card-title text-dark">&#2460;&#2472;&#2509;&#2478; &#2472;&#2495;&#2476;&#2472;&#2509;&#2471;&#2472; &#2488;&#2472;&#2470; &#2474;&#2509;&#2480;&#2495;&#2472;&#2509;&#2463;</h5>
            </div>
        </a>
    </div>

    <!-- 8. Search By Name (Global) -->
    <div class="col-md-4 col-sm-6">
        <a href="search-by-name.php" class="text-decoration-none">
            <div class="card dashboard-card p-4 text-center">
                <div class="card-icon">
                    <i class="fas fa-search-location"></i>
                </div>
                <h5 class="card-title text-dark">নাম দিয়ে গ্লোবাল সার্চ</h5>
            </div>
        </a>
    </div>
</div>

<!-- পাবলিক সার্ভার সেবাসমূহ -->
<div class="text-center py-4 mt-4 border-top">
    <h3 class="dashboard-title text-primary"><i class="fas fa-globe"></i> পাবলিক সার্ভার সেবাসমূহ (BDRIS)</h3>
    <p class="text-muted">BDRIS এর পাবলিক পোর্টাল থেকে সরাসরি সেবা গ্রহণ করুন</p>
</div>

<div class="row g-4 mb-5">
    <!-- জন্ম নিবন্ধন -->
    <div class="col-md-3 col-sm-6">
        <a href="https://bdris.gov.bd/br/application" target="_blank" class="text-decoration-none">
            <div class="card dashboard-card p-4 text-center h-100">
                <div class="card-icon" style="color: #4072b7;"><i class="fas fa-baby"></i></div>
                <h6 class="card-title text-dark mt-2 fw-bold">নতুন জন্ম নিবন্ধন আবেদন</h6>
            </div>
        </a>
    </div>
    <div class="col-md-3 col-sm-6">
        <a href="https://bdris.gov.bd/br/application/status" target="_blank" class="text-decoration-none">
            <div class="card dashboard-card p-4 text-center h-100">
                <div class="card-icon" style="color: #4072b7;"><i class="fas fa-tasks"></i></div>
                <h6 class="card-title text-dark mt-2 fw-bold">আবেদনের বর্তমান অবস্থা</h6>
            </div>
        </a>
    </div>
    <div class="col-md-3 col-sm-6">
        <a href="https://bdris.gov.bd/br/correction" target="_blank" class="text-decoration-none">
            <div class="card dashboard-card p-4 text-center h-100">
                <div class="card-icon" style="color: #4072b7;"><i class="fas fa-edit"></i></div>
                <h6 class="card-title text-dark mt-2 fw-bold">তথ্য সংশোধন আবেদন</h6>
            </div>
        </a>
    </div>
    <div class="col-md-3 col-sm-6">
        <a href="https://bdris.gov.bd/br/reprint/add" target="_blank" class="text-decoration-none">
            <div class="card dashboard-card p-4 text-center h-100">
                <div class="card-icon" style="color: #4072b7;"><i class="fas fa-print"></i></div>
                <h6 class="card-title text-dark mt-2 fw-bold">সনদ পুনঃ মুদ্রন</h6>
            </div>
        </a>
    </div>
    <div class="col-md-3 col-sm-6">
        <a href="https://bdris.gov.bd/application/print" target="_blank" class="text-decoration-none">
            <div class="card dashboard-card p-4 text-center h-100">
                <div class="card-icon" style="color: #4072b7;"><i class="fas fa-file-pdf"></i></div>
                <h6 class="card-title text-dark mt-2 fw-bold">আবেদন পত্র প্রিন্ট</h6>
            </div>
        </a>
    </div>
    <div class="col-md-3 col-sm-6">
        <a href="https://everify.bdris.gov.bd" target="_blank" class="text-decoration-none">
            <div class="card dashboard-card p-4 text-center h-100">
                <div class="card-icon" style="color: #4072b7;"><i class="fas fa-search"></i></div>
                <h6 class="card-title text-dark mt-2 fw-bold">জন্ম তথ্য অনুসন্ধান</h6>
            </div>
        </a>
    </div>

    <!-- মৃত্যু নিবন্ধন -->
    <div class="col-md-3 col-sm-6">
        <a href="https://bdris.gov.bd/dr/application" target="_blank" class="text-decoration-none">
            <div class="card dashboard-card p-4 text-center h-100">
                <div class="card-icon" style="color: #dc3545;"><i class="fas fa-bed"></i></div>
                <h6 class="card-title text-dark mt-2 fw-bold">নতুন মৃত্যু নিবন্ধন আবেদন</h6>
            </div>
        </a>
    </div>
    <div class="col-md-3 col-sm-6">
        <a href="https://bdris.gov.bd/dr/correction" target="_blank" class="text-decoration-none">
            <div class="card dashboard-card p-4 text-center h-100">
                <div class="card-icon" style="color: #dc3545;"><i class="fas fa-edit"></i></div>
                <h6 class="card-title text-dark mt-2 fw-bold">মৃত্যু তথ্য সংশোধন</h6>
            </div>
        </a>
    </div>
    <div class="col-md-3 col-sm-6">
        <a href="https://bdris.gov.bd/dr/reprint/add" target="_blank" class="text-decoration-none">
            <div class="card dashboard-card p-4 text-center h-100">
                <div class="card-icon" style="color: #dc3545;"><i class="fas fa-print"></i></div>
                <h6 class="card-title text-dark mt-2 fw-bold">মৃত্যু সনদ পুনঃ মুদ্রন</h6>
            </div>
        </a>
    </div>
    <div class="col-md-3 col-sm-6">
        <a href="https://everify.bdris.gov.bd/UDRNVerification" target="_blank" class="text-decoration-none">
            <div class="card dashboard-card p-4 text-center h-100">
                <div class="card-icon" style="color: #dc3545;"><i class="fas fa-search-minus"></i></div>
                <h6 class="card-title text-dark mt-2 fw-bold">মৃত্যু তথ্য অনুসন্ধান</h6>
            </div>
        </a>
    </div>
</div>

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