<?php
include 'config/koneksi.php';

$total = mysqli_num_rows(mysqli_query($conn,"SELECT * FROM pendaftar"));
?>

<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>SPMB SEKOCI</title>

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">

</head>
<body>

<nav class="navbar navbar-dark bg-primary shadow-sm">
    <div class="container">

        <!-- Logo / Judul -->
        <a class="navbar-brand fw-bold" href="#">
            SPMB 2026-2027
        </a>

        <!-- Tombol Login -->
        <a href="login.php"
class="btn btn-light rounded-pill fw-semibold px-4 shadow-sm">
<i class="fa fa-user-shield"></i> Login
</a>

    </div>
</nav>

<section class="hero-section">
<div class="container">
<div class="row align-items-center">

<div class="col-lg-6">
<h5>🎓 Selamat Datang di</h5>

<h1 class="fw-bold">
Portal Informasi Seleksi Penerimaan Murid Baru
(SPMB) 2026 / 2027
</h1>

<h3>SMKN 1 CIKAUM</h3>

<p>
Bergabunglah bersama kami di SMKN 1 CIKAUM.
</p>

<a href="daftar.php" class="btn btn-primary btn-lg px-5 rounded-pill">
<i class="fa fa-user-plus"></i> Daftar Sekarang
</a>
</div>

<div class="col-lg-6 text-center">
<img src="assets/img/brosur2.jpg" class="img-fluid hero-img">
</div>

</div>
</div>
</section>

<div class="container">

<div class="card bg-primary text-black text-center mb-4">
<div class="card-body">
<h5>
<i class="fa fa-user-graduate"></i>
Pendaftar Tervalidasi:
<span class="badge bg-light text-dark">
<?= $total ?>
</span>
</h5>
</div>
</div>

<div class="row g-3 mb-4">

<div class="col-md-4">
<div class="jurusan-card bg-success">
<h3>36 - ATPH</h3>
<p>Agribisnis Tanaman Pangan</p>
</div>
</div>

<div class="col-md-4">
<div class="jurusan-card bg-success">
<h3>36 - ATU</h3>
<p>Agribisnis Ternak Unggas</p>
</div>
</div>

<div class="col-md-4">
<div class="jurusan-card bg-danger">
<h3>108 - RPL</h3>
<p>Rekayasa Perangkat Lunak</p>
</div>
</div>

</div>

<div class="row g-3 mb-4">

<div class="col-md-4">
<div class="jurusan-card bg-danger">
<h3>36 - DKV</h3>
<p>Desain Komunikasi Visual</p>
</div>
</div>

<div class="col-md-4">
<div class="jurusan-card bg-primary">
<h3>108 - TSM</h3>
<p>Teknik Sepeda Motor</p>
</div>
</div>

<div class="col-md-4">
<div class="jurusan-card bg-primary">
<h3>36 - TPTUP</h3>
<p>Teknik Pemanasan, Tata Udara</p>
</div>
</div>

</div>


<div class="row mt-4">

<div class="col-md-6">
<div class="card">
<div class="card-header fw-bold">
📅 Info Gelombang Pendaftaran
</div>

<div class="card-body">
<table class="table">
<tr>
<td>Gelombang 1</td>
<td>15 Juni 2025 - 19 Juni 2026</td>
</tr>

<tr>
<td>Gelombang 2</td>
<td>30 Juni 2026 - 6 Juli 2026</td>
</tr>
</table>
</div>
</div>
</div>

<div class="col-md-6">
<div class="card">
<div class="card-header fw-bold">
📄 Persyaratan
</div>

<div class="card-body">
<ul>
<li>Fotocopy Ijazah / SKL</li>
<li>Fotocopy KK</li>
<li>Fotocopy Akta</li>
<li>Pas Foto 3x4</li>
</ul>
</div>
</div>
</div>

</div>

<div class="row mt-4">

<div class="col-md-4">
<div class="card">
<div class="card-header fw-bold">
📱 Media Sosial
</div>

<div class="card-body d-grid gap-2">

<a href="https://www.instagram.com/smkn1cikaum.sch.id/" class="btn btn-danger" target="_blank">Instagram</a>
<a href="https://www.tiktok.com/@sekoci_official" class="btn btn-dark" target="_blank">TikTok</a>
<a href="sekoci@smkn1cikaum.sch.id" class="btn btn-primary" target="_blank">Facebook</a>
<a href="#" class="btn btn-success" target="_blank">WhatsApp</a>

</div>
</div>
</div>

<div class="col-md-8">
<div class="card">
<div class="card-header fw-bold">
📍 Lokasi Sekolah
</div>

<div class="card-body p-0">

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3964.7656513396864!2d107.74185277441273!3d-6.424148662822587!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e6940a3bc7a6d0d%3A0xf32f66cc296385de!2sSMK%20Negeri%201%20Cikaum!5e0!3m2!1sen!2sid!4v1779242020121!5m2!1sen!2sid" 
    width="740" height="250" style="border:0;" 
    allowfullscreen="" loading="lazy" 
    referrerpolicy="no-referrer-when-downgrade"></iframe>

</div>
</div>
</div>

</div>

<div class="card mt-4">
<div class="card-header fw-bold">
📘 Brosur SPMB
</div>

<div class="card-body">

<div class="row">


<div class="col-md-6">
<img src="assets/img/brosur.jpg"
class="img-fluid rounded shadow">
</div>

<div class="col-md-6">
<img src="assets/img/brosur3.jpg"
class="img-fluid rounded shadow">
</div>

</div>

</div>
</div>

<footer class="bg-primary text-white text-center p-3 mt-5">
© 2026 SMKN 1 CIKAUM
</footer>

</div>

</body>
</html>