<?php
require_once 'db_connect.php';

// ভিউ কাউন্ট আপডেট করা (ফেসবুক লিড ট্র্যাকিং)
try {
    $pdo->query("UPDATE page_analytics SET views = views + 1 WHERE page_name = 'online_admission'");
} catch (PDOException $e) {}

$success_msg = "";
$error_msg = "";

if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    $name = trim($_POST['name']);
    $phone = trim($_POST['phone']);
    $course = isset($_POST['course']) ? $_POST['course'] : ''; 
    $address = trim($_POST['address']);

    if(empty($name) || empty($phone) || empty($course)) {
        $error_msg = "অনুগ্রহ করে আপনার নাম, ফোন নম্বর এবং কোর্সের নাম নির্বাচন করুন।";
    } else {
        try {
            $stmt = $pdo->prepare("INSERT INTO online_admissions (name, phone, course, address) VALUES (?, ?, ?, ?)");
            if ($stmt->execute([$name, $phone, $course, $address])) {
                $success_msg = "অভিনন্দন! আপনার ভর্তির আবেদন সফলভাবে জমা হয়েছে। আমাদের একজন স্পেশালিস্ট শীঘ্রই আপনাকে কল করবেন।";
            }
        } catch (PDOException $e) {
            $error_msg = "সার্ভারে একটি সাময়িক সমস্যা হয়েছে। অনুগ্রহ করে আবার চেষ্টা করুন।";
        }
    }
}

// ডাটাবেস থেকে কোর্স ফেচ করা
$courses_list = [];
try {
    $courses_list = $pdo->query("SELECT * FROM courses WHERE status = 'active' ORDER BY id DESC")->fetchAll();
} catch (PDOException $e) {}
?>

<!DOCTYPE html>
<html lang="bn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>মেডিকেল কোর্সে বিশেষ অফারে ভর্তি | ফার্স্ট এইড এন্ড টেকনোলজি</title>
    <link rel="icon" type="image/png" href="https://bdftl.com/assets/images/firstaidlogo.png">
    
    <link href="https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
    
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
    
    <style>
        :root { 
            --p-green: #0a5f3e; 
            --p-green-light: #128055;
            --p-yellow: #ffb800; 
            --bg-light: #f4fdf9; 
            --text-main: #2c3e50;
        }
        body { font-family: 'Hind Siliguri', sans-serif; background: var(--bg-light); color: var(--text-main); overflow-x: hidden; scroll-behavior: smooth; }
        
        /* --- Premium Animated Hero Banner --- */
        .hero-banner { 
            background: linear-gradient(135deg, rgba(10, 95, 62, 0.92), rgba(3, 35, 22, 0.96)), url('https://bdftl.com/assets/images/631771325_891888547064949_7739695145063992852_n.jpg');
            background-size: cover; 
            background-position: center; 
            background-attachment: fixed;
            padding: 100px 0 80px; 
            color: #fff; 
            position: relative;
            text-align: center;
            overflow: hidden;
        }
        
        /* Floating Particles in Hero */
        .hero-banner::before {
            content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
            background: radial-gradient(circle, rgba(255,255,255,0.1) 10%, transparent 10.01%);
            background-size: 20px 20px; opacity: 0.3; pointer-events: none;
        }

        .gov-reg { 
            background: rgba(255,255,255,0.1); backdrop-filter: blur(5px); border: 1px solid rgba(255,255,255,0.2); 
            padding: 8px 20px; border-radius: 50px; font-size: 0.95rem; display: inline-block; 
            margin-bottom: 25px; font-weight: 600; letter-spacing: 0.5px; box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        }
        
        .hero-title { font-weight: 800; font-size: 3rem; line-height: 1.3; margin-bottom: 20px; text-shadow: 0 5px 15px rgba(0,0,0,0.3); }
        .hero-title span { color: var(--p-yellow); position: relative; display: inline-block; }
        .hero-title span::after { content: ''; position: absolute; left: 0; bottom: -5px; width: 100%; height: 4px; background: var(--p-yellow); border-radius: 5px; }
        
        .hero-subtitle { font-size: 1.3rem; font-weight: 400; opacity: 0.9; margin-bottom: 35px; }
        
        .urgent-badge {
            background: linear-gradient(45deg, #dc3545, #ff4757); color: white; padding: 10px 30px; border-radius: 50px; font-weight: 700;
            display: inline-block; margin-bottom: 20px; animation: pulse-red 2s infinite; font-size: 1.15rem; box-shadow: 0 5px 20px rgba(220, 53, 69, 0.5);
            border: 2px solid rgba(255,255,255,0.2);
        }
        @keyframes pulse-red { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } }

        /* Scroll Down Arrow */
        .scroll-down { display: inline-block; margin-top: 30px; color: #fff; font-size: 2rem; animation: bounce 2s infinite; opacity: 0.7; }
        @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-15px); } 60% { transform: translateY(-7px); } }

        /* --- Premium Course Cards --- */
        .course-wrapper { 
            background: #fff; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 40px rgba(0,0,0,0.04); 
            border: 1px solid rgba(10, 95, 62, 0.05); margin-bottom: 30px; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); 
        }
        .course-wrapper:hover { transform: translateY(-10px); box-shadow: 0 20px 50px rgba(10, 95, 62, 0.12); }
        .course-header { background: var(--p-green); color: #fff; padding: 20px; font-weight: 700; display: flex; align-items: center; justify-content: space-between; }
        .course-header .duration-tag { background: rgba(255,255,255,0.2); padding: 4px 12px; border-radius: 50px; font-size: 0.85rem; }
        
        .list-styled { list-style: none; padding: 25px; margin: 0; }
        .list-styled li { margin-bottom: 14px; font-size: 1.05rem; display: flex; gap: 12px; font-weight: 500; color: #555; transition: 0.3s; padding: 8px 12px; border-radius: 8px; }
        .list-styled li:hover { background: #f8f9fa; transform: translateX(5px); color: var(--p-green); }
        .list-styled li i { color: var(--p-yellow); margin-top: 5px; font-size: 1.1rem; }

        /* Features Box */
        .features-box { background: linear-gradient(135deg, var(--p-green), var(--p-green-light)); color: white; border-radius: 20px; padding: 30px; box-shadow: 0 15px 35px rgba(10, 95, 62, 0.2); }
        .features-box h4 { font-weight: 800; margin-bottom: 20px; }
        .features-box ul { list-style: none; padding: 0; margin: 0; }
        .features-box li { display: flex; gap: 15px; margin-bottom: 15px; font-size: 1.1rem; font-weight: 500; }
        .features-box li i { color: var(--p-yellow); font-size: 1.3rem; margin-top: 3px; }

        /* --- Next-Gen Dynamic Form --- */
        .form-wrapper { position: sticky; top: 20px; }
        .form-container { 
            background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(20px); 
            padding: 40px; border-radius: 24px; box-shadow: 0 25px 60px rgba(0,0,0,0.08); 
            border: 1px solid rgba(255,255,255,0.8); border-top: 6px solid var(--p-yellow);
        }
        .form-title { font-weight: 800; color: var(--p-green); text-align: center; margin-bottom: 8px; font-size: 1.8rem; }
        .form-subtitle { text-align: center; color: #777; font-size: 1rem; margin-bottom: 30px; font-weight: 500; }
        
        /* Floating Label Inputs */
        .form-floating > .form-control, .form-floating > .form-select { border-radius: 12px; border: 2px solid #e9ecef; font-weight: 600; color: #333; height: calc(3.5rem + 2px); }
        .form-floating > .form-control:focus, .form-floating > .form-select:focus { border-color: var(--p-green); box-shadow: 0 0 0 4px rgba(10, 95, 62, 0.1); }
        .form-floating > label { font-weight: 600; color: #888; }
        
        .btn-submit { 
            background: linear-gradient(45deg, var(--p-green), var(--p-green-light)); color: #fff; 
            font-weight: 800; padding: 18px; border-radius: 14px; width: 100%; border: none; 
            font-size: 1.25rem; display: flex; align-items: center; justify-content: center; gap: 10px;
            transition: 0.4s; box-shadow: 0 10px 25px rgba(10, 95, 62, 0.35); text-transform: uppercase; letter-spacing: 0.5px;
        }
        .btn-submit:hover { transform: translateY(-3px); box-shadow: 0 15px 35px rgba(10, 95, 62, 0.5); background: linear-gradient(45deg, var(--p-green-light), var(--p-green)); color: #fff;}
        
        /* Floating WhatsApp */
        .whatsapp-float { position: fixed; bottom: 30px; right: 30px; background: #25d366; color: #fff; width: 65px; height: 65px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 35px; z-index: 1000; box-shadow: 0 10px 25px rgba(37, 211, 102, 0.4); transition: 0.3s; animation: pulse-wa 2s infinite; }
        .whatsapp-float:hover { background: #128C7E; color: #fff; transform: scale(1.1); animation: none; }
        @keyframes pulse-wa { 0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); } 70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); } 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); } }

        @media (max-width: 991px) {
            .hero-title { font-size: 2.2rem; }
            .hero-banner { padding: 60px 0; }
            .form-container { padding: 30px 20px; margin-top: 20px; }
        }
    </style>
</head>
<body>

<section class="hero-banner">
    <div class="container" data-aos="zoom-in" data-aos-duration="1000">
        <div class="gov-reg"><i class="fas fa-shield-alt text-warning me-2"></i> Gov. Reg. No: KHC-2435 (সরকার অনুমোদিত)</div>
        
        <h1 class="hero-title">নার্সিং, প্যারামেডিকেল ও ডেন্টাল সহ <br><span>মেডিকেল কোর্সে ভর্তি চলছে!</span></h1>
        <p class="hero-subtitle">স্বল্প খরচে দক্ষ স্বাস্থ্যকর্মী হয়ে আত্মনির্ভরশীল ক্যারিয়ার গড়ুন। যেকোনো সালের এসএসসি (SSC) পাস হলেই ভর্তির সুবর্ণ সুযোগ!</p>
        
        <div class="urgent-badge shadow-lg"><i class="fas fa-bolt me-2"></i> মেগা অফার: সীমিত আসনের জন্য ভর্তি চলছে!</div>
        <br>
        <a href="#form-section" class="scroll-down"><i class="fas fa-chevron-down"></i></a>
    </div>
</section>

<div class="container my-5" id="form-section">
    <div class="row g-5">
        
        <div class="col-lg-7">
            
            <div class="d-flex align-items-center gap-3 mb-4" data-aos="fade-right">
                <span style="width: 40px; height: 4px; background: var(--p-yellow); border-radius: 10px;"></span>
                <h3 class="fw-bold m-0" style="color: var(--p-green);">যে সকল কোর্সে ভর্তি চলছে</h3>
            </div>

            <div class="course-wrapper" data-aos="fade-up">
                <div class="course-header">
                    <span class="fs-5"><i class="fas fa-user-nurse me-2"></i> ৬ মাস ও ১ বছর মেয়াদী ডিপ্লোমা কোর্স</span>
                    <span class="duration-tag">১৫,০০০ - ৩০,০০০ টাকা</span>
                </div>
                <ul class="list-styled">
                    <li><i class="fas fa-check-circle"></i> <div><strong>(DCN)</strong> ডিপ্লোমা ইন ক্লিনিক্যাল নার্স</div></li>
                    <li><i class="fas fa-check-circle"></i> <div><strong>(DP) + (DMF) + (DMC)</strong> ডিপ্লোমা ইন প্যারামেডিকেল</div></li>
                    <li><i class="fas fa-check-circle"></i> <div><strong>(DMCH)</strong> ডিপ্লোমা ইন মাদার এন্ড চাইল্ড হেলথ কেয়ার</div></li>
                    <li><i class="fas fa-check-circle"></i> <div><strong>(DMLT)</strong> ডিপ্লোমা ইন মেডিকেল ল্যাব টেকনোলজি (প্যাথলজি)</div></li>
                    <li><i class="fas fa-check-circle"></i> <div><strong>(DDT)</strong> ডিপ্লোমা ইন ডেন্টাল অ্যান্ড টেকনোলজি</div></li>
                </ul>
            </div>

            <div class="course-wrapper" data-aos="fade-up" data-aos-delay="100">
                <div class="course-header" style="background: #1e3a8a;">
                    <span class="fs-5"><i class="fas fa-stethoscope me-2"></i> শর্ট ও রেগুলার কোর্স (৩-৬ মাস)</span>
                    <span class="duration-tag">কোর্স ফি: ১৫,০০০ টাকা</span>
                </div>
                <div class="px-4 pt-3 pb-0 text-muted small fst-italic">রেগুলার ৩ মাস ক্লাস অথবা শুক্র-শনিবার ৬ মাস ক্লাস।</div>
                <ul class="list-styled pt-2">
                    <li><i class="fas fa-check-circle text-primary"></i> <div><strong>(LMAFP)</strong> লোকাল মেডিকেল এসিস্ট্যান্ট এন্ড ফ্যামিলি প্ল্যানিং</div></li>
                    <li><i class="fas fa-check-circle text-primary"></i> <div><strong>(DMA)</strong> ডিপ্লোমা মেডিকেল এসিস্ট্যান্ট</div></li>
                    <li><i class="fas fa-check-circle text-primary"></i> <div>নার্স এসিস্ট্যান্ট (Nurse Assistant)</div></li>
                    <li><i class="fas fa-check-circle text-primary"></i> <div><strong>(MCH)</strong> মা ও শিশু স্বাস্থ্য (Mother and Child Healthcare)</div></li>
                </ul>
            </div>

            <div class="features-box" data-aos="fade-up" data-aos-delay="200">
                <h4><i class="fas fa-star text-warning me-2"></i> আমাদের বিশেষ সুবিধাসমূহ</h4>
                <ul>
                    <li><i class="fas fa-laptop-medical"></i> অনলাইন ও অফলাইন ক্লাস করার সুবিধা।</li>
                    <li><i class="fas fa-forward"></i> ডবল ক্লাসের মাধ্যমে স্বল্প সময়ে কোর্স শেষ করার ব্যবস্থা।</li>
                    <li><i class="fas fa-hand-holding-usd"></i> মাত্র ৪০০০ টাকায় ভর্তি এবং মাসিক ১৫০০-২০০০ টাকা কিস্তির সুবিধা।</li>
                    <li><i class="fas fa-award"></i> সরকারি অনুমোদিত এবং অনলাইন ভেরিফাইড সনদপত্র।</li>
                </ul>
            </div>
            
            <div class="text-center mt-4 p-4 rounded-4 shadow-sm bg-white" data-aos="zoom-in" data-aos-delay="300" style="border: 1px dashed var(--p-green);">
                <h5 class="fw-bold text-dark mb-3">ফার্স্ট এইড এন্ড টেকনোলজি ইনস্টিটিউট</h5>
                <p class="mb-3 text-muted">রেজা টাওয়ারের পঞ্চম তলা, রূপসা ট্রাফিক মোড়, খান জাহান আলী রোড, খুলনা।<br><strong>পরিচালক: ডঃ আব্দুল্লাহ আল মামুন</strong></p>
                <a href="tel:01911008634" class="btn btn-success rounded-pill px-4 py-2 me-2 mb-2 fw-bold"><i class="fas fa-phone-alt me-2"></i> 01911-008634</a>
                <a href="https://wa.me/8801911008634" class="btn btn-success rounded-pill px-4 py-2 mb-2 fw-bold" style="background: #25d366; border-color: #25d366;"><i class="fab fa-whatsapp me-2"></i> WhatsApp</a>
            </div>

        </div>

        <div class="col-lg-5">
            <div class="form-wrapper" data-aos="fade-left" data-aos-duration="1000">
                <div class="form-container">
                    <h3 class="form-title">ভর্তির জন্য আবেদন করুন</h3>
                    <p class="form-subtitle">নিচের ফর্মটি পূরণ করুন, আমাদের প্রতিনিধি আপনাকে কল করে ভর্তির বিস্তারিত জানাবেন।</p>
                    
                    <?php if($success_msg): ?>
                        <div class="alert alert-success border-0 shadow-sm rounded-3 fw-bold text-center"><i class="fas fa-check-circle fs-4 d-block mb-2"></i> <?= $success_msg; ?></div>
                    <?php endif; ?>
                    <?php if($error_msg): ?>
                        <div class="alert alert-danger border-0 shadow-sm rounded-3 fw-bold text-center"><i class="fas fa-exclamation-circle fs-4 d-block mb-2"></i> <?= $error_msg; ?></div>
                    <?php endif; ?>

                    <form method="POST">
                        
                        <div class="form-floating mb-3 shadow-sm">
                            <input type="text" name="name" class="form-control" id="floatingName" placeholder="সম্পূর্ণ নাম" required>
                            <label for="floatingName"><i class="fas fa-user me-2 text-muted"></i> শিক্ষার্থীর সম্পূর্ণ নাম</label>
                        </div>
                        
                        <div class="form-floating mb-3 shadow-sm">
                            <input type="tel" name="phone" class="form-control" id="floatingPhone" placeholder="মোবাইল নম্বর" required>
                            <label for="floatingPhone"><i class="fas fa-phone-alt me-2 text-muted"></i> সচল মোবাইল নম্বর</label>
                        </div>

                        <div class="form-floating mb-3 shadow-sm">
                            <select name="course" class="form-select" id="floatingCourse" required>
                                <option value="" selected disabled>-- তালিকা থেকে কোর্স বাছাই করুন --</option>
                                <option value="LMAFP (পল্লী চিকিৎসক)">পল্লী চিকিৎসক (LMAFP)</option>
                                <option value="DMA (মেডিকেল অ্যাসিস্ট্যান্ট)">ডিপ্লোমা মেডিকেল অ্যাসিস্ট্যান্ট (DMA)</option>
                                <option value="DDT (ডেন্টাল)">ডিপ্লোমা ডেন্টাল (DDT)</option>
                                <option value="Paramedical">ডিপ্লোমা ইন প্যারামেডিকেল</option>
                                <option value="DMC">ডিপ্লোমা মেডিসিন কোর্স (DMC)</option>
                                <option value="Clinical Nurse">ডিপ্লোমা ইন ক্লিনিক্যাল নার্স</option>
                                <option value="Pathology">ল্যাব টেকনোলজি (প্যাথলজি)</option>
                                
                                <?php if(!empty($courses_list)): ?>
                                    <optgroup label="ওয়েবসাইটের অন্যান্য কোর্সসমূহ">
                                        <?php foreach($courses_list as $c): ?>
                                            <option value="<?= htmlspecialchars($c['title']); ?>"><?= htmlspecialchars($c['title']); ?></option>
                                        <?php endforeach; ?>
                                    </optgroup>
                                <?php endif; ?>
                            </select>
                            <label for="floatingCourse"><i class="fas fa-book-medical me-2 text-muted"></i> পছন্দের কোর্স</label>
                        </div>

                        <div class="form-floating mb-4 shadow-sm">
                            <input type="text" name="address" class="form-control" id="floatingAddress" placeholder="ঠিকানা">
                            <label for="floatingAddress"><i class="fas fa-map-marker-alt me-2 text-muted"></i> আপনার ঠিকানা (উপজেলা, জেলা)</label>
                        </div>

                        <button type="submit" class="btn-submit">
                            আবেদন জমা দিন <i class="fas fa-arrow-right"></i>
                        </button>
                        
                        <div class="text-center mt-3" style="font-size: 0.9rem; color: #888; font-weight: 500;">
                            <i class="fas fa-shield-alt text-success me-1"></i> আপনার সকল তথ্য আমাদের কাছে সুরক্ষিত
                        </div>
                    </form>
                </div>
            </div>
        </div>
        
    </div>
</div>

<footer class="py-4 text-center bg-dark text-white opacity-75">
    <p class="mb-0">&copy; <?= date('Y'); ?> ফার্স্ট এইড এন্ড টেকনোলজি ইনস্টিটিউট। Developed By Sheikh Rayhan</p>
</footer>

<a href="https://wa.me/8801911008634?text=আসসালামু%20আলাইকুম।%20ফেসবুক%20অ্যাড%20থেকে%20ভর্তির%20বিষয়ে%20যোগাযোগ%20করছি।" class="whatsapp-float" target="_blank">
    <i class="fab fa-whatsapp"></i>
</a>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
    // Initialize Scroll Animations
    AOS.init({
        once: true, // Animates only once when scrolling down
        offset: 50,
        duration: 800
    });
</script>

</body>
</html>