<?php
// Test page to verify DSHE design implementation
session_start();
require_once 'config/database.php';
require_once 'includes/site_settings.php';

$site_name = get_setting($pdo, 'site_name', 'বিদ্যা নিকেতন');
$logo_image = get_setting($pdo, 'logo_image', 'assets/images/logo.png');
?>

<!DOCTYPE html>
<html lang="bn">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>DSHE Design Test - <?php echo htmlspecialchars($site_name); ?></title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
  <link href="assets/css/jessoreboard-theme.css" rel="stylesheet">
  <style>
    body { 
      font-family: 'Hind Siliguri', sans-serif; 
      background: #f5f7fa; 
    }
  </style>
</head>
<body>
  <!-- Notice Bar -->
  <div class="notice-bar">
    <div class="notice-bar-content">
      <div class="notice-item">
        <i class="fas fa-bullhorn"></i>
        নতুন নোটিশ: মাধ্যমিক পরীক্ষার সময়সূচি প্রকাশিত
        <span class="notice-badge">নতুন</span>
      </div>
      <div class="notice-item">
        <i class="fas fa-bullhorn"></i>
        বার্ষিক ক্রীড়া প্রতিযোগিতা ২০২৫
        <span class="notice-badge">নতুন</span>
      </div>
      <div class="notice-item">
        <i class="fas fa-bullhorn"></i>
        শিক্ষক নিয়োগ পরীক্ষা সম্পর্কে তথ্য
        <span class="notice-badge">আপডেট</span>
      </div>
    </div>
  </div>

  <!-- Navigation -->
  <nav class="navbar navbar-expand-lg dshe-navbar">
    <div class="container">
      <a class="navbar-brand" href="#"><img src="<?php echo htmlspecialchars($logo_image); ?>" alt="লোগো" style="height: 40px; margin-right: 10px;"><?php echo htmlspecialchars($site_name); ?></a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNav">
        <span class="navbar-toggler-icon"><i class="fas fa-bars" style="color:white"></i></span>
      </button>
      <div class="collapse navbar-collapse" id="mainNav">
        <ul class="navbar-nav ms-auto">
          <li class="nav-item"><a class="nav-link dshe-nav-link active" href="#">হোম</a></li>
          <li class="nav-item"><a class="nav-link dshe-nav-link" href="#">নোটিশ</a></li>
          <li class="nav-item"><a class="nav-link dshe-nav-link" href="#">শিক্ষার্থী</a></li>
          <li class="nav-item"><a class="nav-link dshe-nav-link" href="#">ইভেন্ট</a></li>
          <li class="nav-item"><a class="nav-link dshe-nav-link" href="#">পর্ষদ</a></li>
          <li class="nav-item"><a class="nav-link dshe-nav-link" href="#">শিক্ষক</a></li>
          <li class="nav-item"><a class="nav-link dshe-nav-link" href="#">যোগাযোগ</a></li>
          <li class="nav-item"><a class="btn btn-login ms-lg-3" href="login.php">লগইন</a></li>
        </ul>
      </div>
    </div>
  </nav>

  <!-- Hero Section -->
  <section class="hero">
    <div class="container hero-content">
      <div class="row align-items-center">
        <div class="col-lg-8">
          <h1 class="brand-title">কুড়ুলগাছি মাধ্যমিক বিদ্যালয়</h1>
          <p class="lead">শিক্ষা, মূল্যবোধ এবং উৎকর্ষতার মাধ্যমে ভবিষ্যৎ গড়ছি</p>
          <div class="mt-4">
            <a href="admission_application.php" class="btn btn-light btn-lg me-3"><i class="fas fa-user-plus"></i> ভর্তি আবেদন</a>
            <a href="public_report.php" class="btn btn-outline-light btn-lg"><i class="fas fa-clipboard-list"></i> রেজাল্ট দেখুন</a>
          </div>
        </div>
        <div class="col-lg-4 text-center">
          <div class="bg-white p-4 rounded-circle d-inline-block">
            <img src="<?php echo htmlspecialchars($logo_image); ?>" alt="School Logo" class="img-fluid rounded-circle" style="max-height: 200px;">
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- Dashboard Cards -->
  <section class="py-5">
    <div class="container">
      <h2 class="section-title mb-4"><i class="fas fa-chart-bar"></i> পরিসংখ্যান</h2>
      <div class="row">
        <div class="col-lg-3 col-md-6 mb-4">
          <div class="dashboard-card card-students">
            <div class="card-icon">
              <i class="fas fa-user-graduate"></i>
            </div>
            <div class="card-number">1,250</div>
            <div class="card-title">মোট শিক্ষার্থী</div>
            <div class="card-subtitle">সক্রিয়: 1,200 জন</div>
          </div>
        </div>
        
        <div class="col-lg-3 col-md-6 mb-4">
          <div class="dashboard-card card-teachers">
            <div class="card-icon">
              <i class="fas fa-chalkboard-teacher"></i>
            </div>
            <div class="card-number">45</div>
            <div class="card-title">মোট শিক্ষক</div>
            <div class="card-subtitle">গড় অভিজ্ঞতা: 8.5 বছর</div>
          </div>
        </div>
        
        <div class="col-lg-3 col-md-6 mb-4">
          <div class="dashboard-card card-classes">
            <div class="card-icon">
              <i class="fas fa-school"></i>
            </div>
            <div class="card-number">12</div>
            <div class="card-title">মোট ক্লাস</div>
            <div class="card-subtitle">আসন: 1,500 টি</div>
          </div>
        </div>
        
        <div class="col-lg-3 col-md-6 mb-4">
          <div class="dashboard-card card-attendance">
            <div class="card-icon">
              <i class="fas fa-calendar-check"></i>
            </div>
            <div class="card-number">92.5%</div>
            <div class="card-title">উপস্থিতির হার</div>
            <div class="card-subtitle">গত ৩০ দিনে</div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- Quick Actions -->
  <section class="py-5 bg-light">
    <div class="container">
      <h2 class="section-title mb-4"><i class="fas fa-bolt"></i> দ্রুত কার্যক্রম</h2>
      <div class="row">
        <div class="col-md-3 mb-3">
          <a href="#" class="quick-action-btn w-100 text-center">
            <i class="fas fa-user-plus d-block mb-2" style="font-size: 1.5rem;"></i>
            নতুন ছাত্র ভর্তি
          </a>
        </div>
        <div class="col-md-3 mb-3">
          <a href="#" class="quick-action-btn w-100 text-center">
            <i class="fas fa-edit d-block mb-2" style="font-size: 1.5rem;"></i>
            মার্কস এন্ট্রি
          </a>
        </div>
        <div class="col-md-3 mb-3">
          <a href="#" class="quick-action-btn w-100 text-center">
            <i class="fas fa-calendar-check d-block mb-2" style="font-size: 1.5rem;"></i>
            উপস্থিতি নিন
          </a>
        </div>
        <div class="col-md-3 mb-3">
          <a href="#" class="quick-action-btn w-100 text-center">
            <i class="fas fa-certificate d-block mb-2" style="font-size: 1.5rem;"></i>
            মার্কশীট তৈরি
          </a>
        </div>
      </div>
    </div>
  </section>

  <!-- Footer -->
  <footer class="footer">
    <div class="container">
      <div class="row">
        <div class="col-md-6">
          <h5><i class="fas fa-graduation-cap"></i> <?php echo htmlspecialchars($site_name); ?></h5>
          <p class="mt-3">শিক্ষা, মূল্যবোধ এবং উৎকর্ষতার মাধ্যমে ভবিষ্যৎ গড়ছি</p>
        </div>
        <div class="col-md-3">
          <h6>দ্রুত লিংক</h6>
          <ul class="list-unstyled mt-3">
            <li><a href="#" class="text-white-50">নোটিশ</a></li>
            <li><a href="#" class="text-white-50">ইভেন্ট</a></li>
            <li><a href="#" class="text-white-50">শিক্ষার্থী</a></li>
            <li><a href="#" class="text-white-50">যোগাযোগ</a></li>
            <li><a href="login.php" class="text-white-50">লগইন</a></li>
          </ul>
        </div>
        <div class="col-md-3">
          <h6>যোগাযোগ</h6>
          <p class="mt-3 text-white-50">
            <i class="fas fa-phone"></i> +880 1234-567890<br>
            <i class="fas fa-envelope"></i> info@school.edu.bd
          </p>
        </div>
      </div>
      <hr class="my-4" style="border-color: rgba(255,255,255,0.2);">
      <div class="text-center text-white-50">
        <p class="mb-0">&copy; 2025 কুড়ুলগাছি মাধ্যমিক বিদ্যালয়। সর্বস্বত্ব সংরক্ষিত।</p>
      </div>
    </div>
  </footer>

  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>