<?php
include 'koneksi.php';
?>
<!DOCTYPE html>
<html lang="en">
<head><link rel="icon" href="upload/bn2.png" type="image/png">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Profil | SMK budiniah 2</title>
    <link rel="stylesheet" href="style.css">
    <style>
    *{
        margin: 0;
        padding: 0;
        scroll-behavior: smooth;
    }

    body{
        font-family: 'Courier New', Courier, monospace;
        background: #ffffff;
    }
    
    .profil {
        width: 100%;
        background: #eef5ff;         
        padding: 60px 0 120px;          
        text-align: center;
    }

    .profil h1 {
        font-size: 40px;
        font-weight: bold;
        color: #2a2a2a;
    }

    .profil-sekolah {
        margin: -80px auto 40px auto;    
        background: #fff;
        padding: 30px;
        border-radius: 15px;
        max-width: 1100px;

        display: grid;
        grid-template-columns: 70% 30%;
        gap: 20px;

        box-shadow: 0 8px 20px rgba(0,0,0,0.12);
        position: relative;
        z-index: 10;
    }

    .bagian-teks {
        background: #fff;
        border-radius: 10px;
        line-height: 1.6;
    }

    h1, h2 {
        margin-bottom: 10px;
        color: #222;
    }

    p {
        margin-bottom: 15px;
        text-align: justify;
    }

    ul {
        margin-left: 20px;
        margin-bottom: 20px;
    }

    table {
        width: 100%;
        border-collapse: collapse;
        margin: 15px 0 25px;
    }

    table th, table td {
        border: 1px solid #000;
        padding: 10px;
        text-align: left;
    }

    table th {
        background: #e1e1e1;
        font-weight: bold;
    }

    table tr:nth-child(even) {
        background: #f5f5f5;
    }

    .kepala-sekolah {
        padding: 20px;
        border-radius: 10px;
        text-align: center;
        color: #000;
        display: flex;
        flex-direction: column;
        align-items: center;
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }

    .principal-photo {
        width: 100%;
        height: auto;
        margin-bottom: 15px;
        border: 3px solid #fff;
        object-fit: cover;
    }

    .kepala-sekolah h3 {
        margin: 10px 0;
        font-size: 18px;
        font-weight: bold;
    }

    .kepala-sekolah p {
        margin: 5px 0;
        font-size: 14px;
        opacity: 0.9;
    }

    @media (max-width: 768px) {
        .profil-sekolah {
            grid-template-columns: 1fr;
            margin: -50px 20px 20px 20px;
            padding: 20px;
        }
    }
</style>

<body>

<?php require 'navbar.php'; ?>
<div class="profil">
    <h1>Profil Sekolah</h1>
</div>
<div class="profil-sekolah">
    <div class="bagian-teks">

        <h1>Profil SMK Budiniah 2</h1>

        <p>
            Sekolah Menengah Kejuruan Budiniah 2 (disingkat SMK Budiniah 2) adalah jenjang pendidikan formal menengah kejuruan yang berlokasi di Jl. Golf Jagorawi No. 2 Rt. 001/ Rw. 004 Karanggan Desa Puspasari Kec. Citeureup 16810 Kabupaten Bogor. SMK Budiniah 2 saat ini dikelola oleh sebuah yayasan pendidikan yaitu "YAYASAN BUDINIAH". Kepala Sekolah SMK Budiniah 2 adalah Dr. H. Muhtarom, MM., M.Si. SMK Budiniah 2 merupakan salah satu sekolah di Kabupaten Bogor yang turut mengikuti kebijakan baru pemerintah pusat soal pendidikan.
        </p>

        <h2>Kepala Sekolah</h2>

        <table>
            <tr>
                <th>Periode</th>
                <th>Kepala Sekolah</th>
            </tr>
            <tr>
                <td>Periode 2006 - 2022</td>
                <td>Bapak Dr. H. Muhtarom, MM., M.Si</td>
            </tr>
            <tr>
                <td>Periode 2022 - 2024</td>
                <td>Bapak Aries Tiara Yulianto, SE.</td>
            </tr>
            <tr>
                <td>Periode 2025 - sekarang</td>
                <td>Bapak Mohamad Djalil, M.Pd.</td>
            </tr>
        </table>

        <h2>Kompetensi Keahlian</h2>

        <p>
            SMK Budiniah 2 dikelola oleh Yayasan Budiniah yang terdiri dari 3 sekolah yaitu SMK Budiniah (STM), SMK Budiniah 2 (SMEA), dan MTs Darul Falah.  
            Pada SMK Budiniah 2, terdapat 3 kompetensi keahlian yaitu:
        </p>

        <ul>
            <li>Akuntansi dan Keuangan Lembaga (AKL)</li>
            <li>Pemasaran (PM)</li>
            <li>Rekayasa Perangkat Lunak (RPL)</li>
        </ul>

        <h1>Fasilitas</h1>
        <p>
            Yayasan Budiniah memiliki 3 gedung utama yaitu 1 gedung MTs, 1 gedung SMK (gedung atas), dan 1 gedung lainnya (gedung bawah) yang digunakan untuk siswa SMK.  
            Gedung SMK Budiniah 2 memiliki fasilitas: ruang kelas, lapangan utama, kantin, perpustakaan, laboratorium komputer, bengkel mobil, wifi gratis, ruang tata usaha, kantor kepala sekolah, dan kantor wakil kepala sekolah.
        </p>

    </div>

    <div class="kepala-sekolah">
        <?php
        $query = mysqli_query($host, "SELECT gambar_guru, nama_guru FROM tb_guru WHERE jabatan = 'kepalasekolah'");
        $row = mysqli_fetch_assoc($query);
        ?>
        <img src="upload/<?php echo $row['gambar_guru']; ?>" alt="Kepala Sekolah" class="principal-photo">
        <h3><?php echo $row['nama_guru']; ?></h3>
        <p>- Kepala Sekolah -</p>
    </div>
</div>

    </div>
</body>
</html>
