<?php
// ১. ডাটাবেস কানেকশন
require_once 'db_connect.php';

// ২. ভিউ কাউন্ট আপডেট (অ্যানালিটিক্স ট্র্যাকিং)
try {
    $pdo->query("INSERT INTO page_analytics (page_name, views) VALUES ('branch_recruitment', 1) ON DUPLICATE KEY UPDATE views = views + 1");
} catch (PDOException $e) {}

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

// ৩. ফর্ম সাবমিশন হ্যান্ডলিং
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    $name = trim($_POST['name']);
    $phone = trim($_POST['phone']);
    $address = trim($_POST['address']);
    $experience = trim($_POST['experience']);
    
    if(empty($name) || empty($phone) || empty($address)) {
        $error_msg = "অনুগ্রহ করে আপনার নাম, ফোন নম্বর এবং ঠিকানা প্রদান করুন।";
    } else {
        try {
            // আপনার বিদ্যমান online_admissions টেবিলে ডাটা সেভ করা হচ্ছে
            // কোর্স কলামে 'Branch Application' লিখে রাখা হচ্ছে যাতে অ্যাডমিন আলাদা করতে পারে
            $stmt = $pdo->prepare("INSERT INTO online_admissions (name, phone, course, address) VALUES (?, ?, ?, ?)");
            $course_detail = "Branch Application (Exp: $experience)";
            
            if ($stmt->execute([$name, $phone, $course_detail, $address])) {
                $success_msg = "ধন্যবাদ! শাখা পরিচালক পদের জন্য আপনার আবেদনটি সফলভাবে জমা হয়েছে। আমাদের প্রতিনিধি শীঘ্রই যোগাযোগ করবেন।";
            }
        } catch (PDOException $e) {
            $error_msg = "সার্ভারে সমস্যা হয়েছে। অনুগ্রহ করে আবার চেষ্টা করুন।";
        }
    }
}
?>

<!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.94), rgba(3, 35, 22, 0.98)), 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; 
            text-align: center;
        }
        
        .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; 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); }
        
        .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);
        }
        @keyframes pulse-red { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } }

        /* --- Info Cards --- */
        .info-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; 
        }
        .info-header { background: var(--p-green); color: #fff; padding: 20px; font-weight: 700; display: flex; align-items: center; justify-content: space-between; }
        
        .list-styled { list-style: none; padding: 25px; margin: 0; }
        .list-styled li { margin-bottom: 14px; font-size: 1.1rem; display: flex; gap: 12px; font-weight: 500; color: #555; padding: 8px 12px; border-radius: 8px; transition: 0.3s; }
        .list-styled li:hover { background: #f8f9fa; color: var(--p-green); transform: translateX(5px); }
        .list-styled li i { color: var(--p-yellow); font-size: 1.2rem; margin-top: 5px; }

        .features-box { background: linear-gradient(135deg, var(--p-green), var(--p-green-light)); color: white; border-radius: 20px; padding: 30px; }

        /* --- Next-Gen Dynamic Form --- */
        .form-container { 
            background: rgba(255, 255, 255, 1); 
            padding: 40px; border-radius: 24px; box-shadow: 0 25px 60px rgba(0,0,0,0.08); 
            border-top: 6px solid var(--p-yellow);
            position: sticky; top: 20px;
        }
        .form-title { font-weight: 800; color: var(--p-green); text-align: center; font-size: 1.8rem; margin-bottom: 30px; }
        
        .form-floating > .form-control { border-radius: 12px; border: 2px solid #e9ecef; font-weight: 600; }
        .form-floating > .form-control:focus { border-color: var(--p-green); box-shadow: 0 0 0 4px rgba(10, 95, 62, 0.1); }
        
        .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; transition: 0.4s; box-shadow: 0 10px 25px rgba(10, 95, 62, 0.35);
        }
        .btn-submit:hover { transform: translateY(-3px); box-shadow: 0 15px 35px rgba(10, 95, 62, 0.5); color: #fff; }
        
        .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); }

        @media (max-width: 991px) {
            .hero-title { font-size: 2.2rem; }
            .form-container { padding: 30px 20px; margin-top: 30px; }
        }
    </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>
        <br>
        <div class="urgent-badge shadow-lg">শাখা পরিচালক নিয়োগ চলছে!</div>
        <h1 class="hero-title">আপনার এলাকা বা উপজেলায় <br><span>প্যারামেডিকেল ও নার্সিং ট্রেনিং সেন্টারের</span> শাখা নিন</h1>
        <p class="fs-5 opacity-90">বেকারত্ব দূরীকরণে কর্মসংস্থান গড়ার লক্ষ্যে আপনিও আমাদের সাথে যুক্ত হোন।</p>
    </div>
</section>

<div class="container my-5">
    <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="info-wrapper" data-aos="fade-up">
                <div class="info-header">
                    <span class="fs-5"><i class="fas fa-map-marked-alt me-2"></i> জেলা ও উপজেলা ভিত্তিক শাখা</span>
                </div>
                <ul class="list-styled">
                    <li><i class="fas fa-check-circle"></i> <div>বাংলাদেশের সকল জেলা, উপজেলা ও সিটি কর্পোরেশন এলাকায় শাখা বরাদ্দ দেওয়া হবে।</div></li>
                    <li><i class="fas fa-check-circle"></i> <div>নিজস্ব খরচে একটি মানসম্মত ট্রেনিং সেন্টার প্রস্তুত করার সক্ষমতা থাকতে হবে।</div></li>
                    <li><i class="fas fa-check-circle"></i> <div>মেডিকেলের বিভিন্ন পেশায় জড়িত বা অভিজ্ঞ ব্যক্তিদের অগ্রাধিকার দেওয়া হবে।</div></li>
                    <li><i class="fas fa-check-circle"></i> <div>অনলাইন ভেরিফাইড সনদ প্রদানের সম্পূর্ণ কারিগরি সহায়তা হেড অফিস প্রদান করবে।</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 class="list-unstyled mt-3">
                    <li class="mb-3 d-flex gap-3"><i class="fas fa-laptop-medical fs-4"></i> অনলাইন ও অফলাইন ডাবল ক্লাসের সুবিধা।</li>
                    <li class="mb-3 d-flex gap-3"><i class="fas fa-certificate fs-4"></i> সরকারি অনুমোদিত এবং অনলাইন ভেরিফাইড সনদপত্র।</li>
                    <li class="mb-0 d-flex gap-3"><i class="fas fa-users-cog fs-4"></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-container" data-aos="fade-left" data-aos-duration="1000">
                <h3 class="form-title">শাখা বরাদ্দের জন্য আবেদন</h3>
                
                <?php if($success_msg) echo "<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 if($error_msg) echo "<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>"; ?>

                <form method="POST">
                    <div class="form-floating mb-3 shadow-sm">
                        <input type="text" name="name" class="form-control" id="fName" placeholder="নাম" required>
                        <label for="fName"><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="fPhone" placeholder="মোবাইল" required>
                        <label for="fPhone"><i class="fas fa-phone-alt me-2 text-muted"></i> মোবাইল নম্বর</label>
                    </div>

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

                    <div class="form-floating mb-4 shadow-sm">
                        <textarea name="experience" class="form-control" id="fExp" style="height: 100px" placeholder="অভিজ্ঞতা"></textarea>
                        <label for="fExp"><i class="fas fa-briefcase me-2 text-muted"></i> আপনার পেশা বা পূর্ব অভিজ্ঞতা (যদি থাকে)</label>
                    </div>

                    <button type="submit" class="btn-submit">
                        আবেদন সম্পন্ন করুন <i class="fas fa-arrow-right ms-2"></i>
                    </button>
                    
                    <div class="text-center mt-3 small text-muted font-weight-bold">
                        <i class="fas fa-shield-alt text-success me-1"></i> আপনার তথ্য আমাদের কাছে সুরক্ষিত।
                    </div>
                </form>
            </div>
        </div>
        
    </div>
</div>

<footer class="py-4 text-center bg-dark text-white opacity-75 mt-5">
    <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আগ্রহী।" 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>
    AOS.init({
        once: true,
        duration: 800
    });
</script>

</body>
</html>