<?php

require_once "../config/koneksi.php";

include "../includes/header.php";
include "../includes/navbar.php";

?>

<div class="container py-5">
    <!-- JUDUL HALAMAN -->

    <div class="text-center mb-5">

        <h1 class="section-title">
            Kontak
        </h1>

        <p class="text-muted">
            Informasi kontak Dinas Perpustakaan dan Kearsipan
            Kabupaten Banyuwangi.
        </p>

    </div>


    <div class="row g-4">


        <!-- ALAMAT -->

        <div class="col-md-6">

            <div class="card shadow-sm h-100">

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

                    <div class="fs-1 mb-3">
                        📍
                    </div>

                    <h4>
                        Alamat
                    </h4>

                    <p>
                        Dinas Perpustakaan dan Kearsipan
                        Kabupaten Banyuwangi.
                    </p>

                    <p class="text-muted">
                        Alamat kantor dapat ditampilkan pada
                        bagian ini.
                    </p>

                </div>

            </div>

        </div>


        <!-- TELEPON -->

        <div class="col-md-6">

            <div class="card shadow-sm h-100">

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

                    <div class="fs-1 mb-3">
                        ☎️
                    </div>

                    <h4>
                        Telepon
                    </h4>

                    <p>
                        Informasi nomor telepon resmi Dinas
                        Perpustakaan dan Kearsipan Kabupaten
                        Banyuwangi dapat ditampilkan pada bagian ini.
                    </p>

                </div>

            </div>

        </div>


        <!-- EMAIL -->

        <div class="col-md-6">

            <div class="card shadow-sm h-100">

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

                    <div class="fs-1 mb-3">
                        ✉️
                    </div>

                    <h4>
                        Email
                    </h4>

                    <p>
                        Email resmi Dinas Perpustakaan dan Kearsipan
                        Kabupaten Banyuwangi.
                    </p>

                    <p class="text-muted">
                        Email dapat ditambahkan pada bagian ini.
                    </p>

                </div>

            </div>

        </div>


        <!-- JAM PELAYANAN -->

        <div class="col-md-6">

            <div class="card shadow-sm h-100">

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

                    <div class="fs-1 mb-3">
                        🕐
                    </div>

                    <h4>
                        Jam Pelayanan
                    </h4>

                    <p>
                        Senin - Jumat
                    </p>

                    <p class="text-muted">
                        Informasi jam pelayanan dapat disesuaikan
                        dengan ketentuan resmi yang berlaku.
                    </p>

                </div>

            </div>

        </div>


    </div>


    <!-- FORM KONTAK -->

    <div class="card shadow-sm mt-5">

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

            <h3 class="mb-4">
                Kirim Pesan
            </h3>

            <form action="#" method="POST">

                <div class="mb-3">

                    <label class="form-label">
                        Nama
                    </label>

                    <input
                        type="text"
                        name="nama"
                        class="form-control"
                        placeholder="Masukkan nama Anda"
                        required>

                </div>


                <div class="mb-3">

                    <label class="form-label">
                        Email
                    </label>

                    <input
                        type="email"
                        name="email"
                        class="form-control"
                        placeholder="Masukkan email Anda"
                        required>

                </div>


                <div class="mb-3">

                    <label class="form-label">
                        Pesan
                    </label>

                    <textarea
                        name="pesan"
                        class="form-control"
                        rows="5"
                        placeholder="Tulis pesan Anda"
                        required></textarea>

                </div>


                <button
                    type="submit"
                    class="btn btn-primary">

                    Kirim Pesan

                </button>

            </form>

        </div>

    </div>

</div>

<?php

include "../includes/footer.php";

?>