<?php

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

// =====================================================
// DATA LAYANAN KEARSIPAN
// =====================================================

$layanan = [

    "peminjaman-arsip-statis" => [
        "judul" => "Layanan Peminjaman Arsip Statis",

        "deskripsi" => "Layanan peminjaman arsip statis bagi masyarakat umum, OPD, dan SKPD.",

        "isi" => "

        <h5 class='mt-2'>Persyaratan</h5>

        <p>
            Layanan ini dapat digunakan oleh:
        </p>

        <ol>
            <li>Masyarakat umum.</li>
            <li>Organisasi Perangkat Daerah (OPD).</li>
            <li>Satuan Kerja Perangkat Daerah (SKPD).</li>
        </ol>

        <h5 class='mt-4'>Sistem, Mekanisme dan Prosedur</h5>

        <ol>
            <li>
                Pemohon mengisi formulir peminjaman arsip dan datang langsung
                ke Lembaga Kearsipan Daerah.
            </li>

            <li>
                Pengguna membaca daftar arsip atau inventaris yang tersedia
                untuk menentukan arsip yang dibutuhkan.
            </li>

            <li>
                Pengguna mengajukan pencarian arsip kepada petugas berdasarkan
                daftar arsip atau inventaris yang telah dibaca.
            </li>

            <li>
                Petugas melakukan pencarian arsip yang dibutuhkan oleh pengguna
                sesuai dengan data arsip yang tersedia.
            </li>

            <li>
                Petugas melakukan konfirmasi mengenai ketersediaan arsip,
                kemudian menyerahkan arsip yang dibutuhkan apabila arsip
                tersimpan dan dapat digunakan.
            </li>

            <li>
                Pengguna membaca informasi arsip di Lembaga Kearsipan Daerah
                sesuai dengan ketentuan yang berlaku.
            </li>

            <li>
                Pengguna dapat melakukan reproduksi arsip statis sesuai dengan
                ketentuan layanan yang berlaku.
            </li>

            <li>
                Pengguna mengisi formulir survei kepuasan layanan sebagai
                evaluasi terhadap pelayanan arsip.
            </li>
        </ol>

        <h5 class='mt-4'>Jangka Waktu Pelayanan</h5>

        <p>
            <strong>90 menit.</strong>
        </p>

        <h5 class='mt-4'>Biaya / Tarif</h5>

        <p>
            Tidak dipungut biaya atau <strong>Gratis</strong>.
        </p>

        <h5 class='mt-4'>Produk Pelayanan</h5>

        <p>
            <strong>Arsip Statis.</strong>
        </p>

        <div style='margin-top: 30px; padding: 20px; text-align: center; background: #f5f8fc; border-radius: 12px;'>

            <strong>Motto Pelayanan</strong>

            <p style='margin-top: 10px; margin-bottom: 0; font-style: italic;'>
                &ldquo;Melayani dengan sepenuh hati, dengan hati-hati dan tidak sesuka hati.&rdquo;
            </p>

        </div>

        "
    ],


    // =====================================================
    // RESTORASI ARSIP
    // =====================================================

    "restorasi-arsip" => [

        "judul" => "Layanan Restorasi Arsip",

        "deskripsi" => "Layanan pemulihan dan perbaikan arsip bagi masyarakat umum, SKPD, kelurahan, dan desa.",

        "isi" => "

        <h5 class='mt-2'>Persyaratan</h5>

        <p>
            Layanan restorasi arsip dapat digunakan oleh:
        </p>

        <ol>
            <li>Masyarakat umum.</li>
            <li>Satuan Kerja Perangkat Daerah (SKPD).</li>
            <li>Kelurahan.</li>
            <li>Desa.</li>
        </ol>

        <h5 class='mt-4'>Sistem, Mekanisme dan Prosedur</h5>

        <ol>

            <li>
                Membuat Surat Keputusan (SK) Tim Restorasi Arsip.
            </li>

            <li>
                Menerima permohonan restorasi arsip, membuat surat
                pertimbangan panitia restorasi arsip, kemudian mengirimkan
                surat permohonan persetujuan restorasi arsip.
            </li>

            <li>
                Melakukan survei dan menerima daftar fisik arsip yang akan
                direstorasi.
            </li>

            <li>
                Melaksanakan proses restorasi arsip sesuai dengan kondisi
                dan kebutuhan arsip.
            </li>

            <li>
                Menyusun konsep laporan kegiatan restorasi arsip.
            </li>

            <li>
                Melaporkan kegiatan restorasi arsip.
            </li>

            <li>
                Menyetujui laporan kegiatan restorasi arsip untuk
                ditindaklanjuti.
            </li>

        </ol>

        <h5 class='mt-4'>Jangka Waktu Pelayanan</h5>

        <p>
            <strong>7 jam.</strong>
        </p>

        <h5 class='mt-4'>Biaya / Tarif</h5>

        <p>
            Tidak dipungut biaya atau <strong>Gratis</strong>.
        </p>

        <h5 class='mt-4'>Produk Pelayanan</h5>

        <p>
            <strong>
                Arsip Vital (Karawangan, Letter C) dan Laporan Hasil Restorasi.
            </strong>
        </p>

        <div style='margin-top: 30px; padding: 20px; text-align: center; background: #f5f8fc; border-radius: 12px;'>

            <strong>Motto Pelayanan</strong>

            <p style='margin-top: 10px; margin-bottom: 0; font-style: italic;'>
                &ldquo;Melayani dengan sepenuh hati, dengan hati-hati dan tidak sesuka hati.&rdquo;
            </p>

        </div>

        "
    ],


    // =====================================================
    // KONSULTASI KEARSIPAN
    // =====================================================

    "konsultasi-kearsipan" => [

        "judul" => "Layanan Konsultasi Kearsipan",

        "deskripsi" => "Layanan konsultasi kearsipan bagi masyarakat umum, SKPD, kelurahan, dan desa.",

        "isi" => "

        <h5 class='mt-2'>Persyaratan</h5>

        <p>
            Layanan konsultasi kearsipan dapat digunakan oleh:
        </p>

        <ol>

            <li>Masyarakat umum.</li>

            <li>Satuan Kerja Perangkat Daerah (SKPD).</li>

            <li>Kelurahan.</li>

            <li>Desa.</li>

        </ol>

        <h5 class='mt-4'>Sistem, Mekanisme dan Prosedur</h5>

        <ol>

            <li>
                Mendisposisi atau membuat Nota Dinas sebagai dasar
                pelaksanaan layanan konsultasi kearsipan.
            </li>

            <li>
                Menindaklanjuti disposisi atau Nota Dinas yang telah dibuat
                sesuai dengan kebutuhan layanan konsultasi.
            </li>

            <li>
                Melaksanakan layanan konsultasi kearsipan sesuai dengan
                permasalahan dan kebutuhan yang disampaikan oleh pemohon.
            </li>

        </ol>

        <h5 class='mt-4'>Jangka Waktu Pelayanan</h5>

        <p>
            <strong>80 menit.</strong>
        </p>

        <h5 class='mt-4'>Biaya / Tarif</h5>

        <p>
            Tidak dipungut biaya atau <strong>Gratis</strong>.
        </p>

        <h5 class='mt-4'>Produk Pelayanan</h5>

        <p>
            <strong>Dokumentasi Pelaksanaan Layanan.</strong>
        </p>

        <div style='margin-top: 30px; padding: 20px; text-align: center; background: #f5f8fc; border-radius: 12px;'>

            <strong>Motto Pelayanan</strong>

            <p style='margin-top: 10px; margin-bottom: 0; font-style: italic;'>
                &ldquo;Melayani dengan sepenuh hati, dengan hati-hati dan tidak sesuka hati.&rdquo;
            </p>

        </div>

        "
    ]

];


// =====================================================
// CEK DETAIL LAYANAN
// =====================================================

$detail = isset($_GET['layanan']) ? $_GET['layanan'] : null;

?>

<div style="padding-top:120px;">

    <style>
        /* =====================================================
   JUDUL HALAMAN
===================================================== */

        .section-title {
            font-weight: 700;
            color: #1f4e79;
        }

        .layanan-subtitle {
            max-width: 750px;
            margin: 0 auto;
            color: #6c757d;
        }


        /* =====================================================
   DAFTAR LAYANAN
===================================================== */

        .layanan-wrapper {
            max-width: 950px;
            margin: 0 auto;
        }

        .layanan-item {
            background: #ffffff;
            border: 1px solid #eeeeee;
            border-radius: 10px;
            margin-bottom: 12px;
            overflow: hidden;
            transition: all 0.25s ease;
        }

        .layanan-item:hover {
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
            transform: translateY(-2px);
        }

        .layanan-link {
            display: flex;
            align-items: center;
            justify-content: space-between;
            text-decoration: none;
            color: #6c757d;
            padding: 20px 25px;
        }

        .layanan-link:hover {
            color: #1f4e79;
        }

        .layanan-nama {
            font-size: 18px;
            font-weight: 500;
        }

        .layanan-arrow {
            font-size: 24px;
            color: #1f4e79;
        }


        /* =====================================================
   DETAIL LAYANAN
===================================================== */

        .detail-wrapper {
            max-width: 900px;
            margin: 0 auto;
        }

        .detail-card {
            border: none;
            border-radius: 15px;
            overflow: hidden;
        }

        .detail-header {
            background: #07357e;
            color: white;
            padding: 30px;
        }

        .detail-header h2 {
            margin: 0;
            font-weight: 700;
        }

        .detail-body {
            padding: 35px;
            line-height: 1.8;
            color: #555;
        }

        .detail-body h5 {
            color: #1f4e79;
            font-weight: 700;
        }

        .detail-body li {
            margin-bottom: 8px;
        }

        .btn-kembali {
            margin-top: 25px;
        }

        .btn-primary {
            background-color: #07357e !important;
            border-color: #07357e !important;
        }
    </style>


    <div class="container py-5">


        <?php if ($detail && isset($layanan[$detail])) { ?>


            <!-- =================================================
         HALAMAN DETAIL LAYANAN
    ================================================== -->

            <div class="detail-wrapper">

                <div class="card shadow-sm detail-card">


                    <div class="detail-header text-center">

                        <h2>
                            <?= htmlspecialchars($layanan[$detail]['judul']); ?>
                        </h2>

                    </div>


                    <div class="detail-body">

                        <?= $layanan[$detail]['isi']; ?>


                        <a
                            href="layanan-kearsipan.php"
                            class="btn btn-primary btn-kembali">

                            ← Kembali ke Layanan Kearsipan

                        </a>

                    </div>

                </div>

            </div>


        <?php } else { ?>


            <!-- =================================================
         HALAMAN DAFTAR LAYANAN
    ================================================== -->

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

                <h1 class="section-title">
                    Layanan Kearsipan
                </h1>

                <p class="layanan-subtitle">
                    Informasi layanan kearsipan yang tersedia pada
                    Dinas Perpustakaan dan Kearsipan
                    Kabupaten Banyuwangi.
                </p>

            </div>


            <div class="layanan-wrapper">


                <?php foreach ($layanan as $slug => $data) { ?>


                    <div class="layanan-item">

                        <a
                            href="layanan-kearsipan.php?layanan=<?= urlencode($slug); ?>"
                            class="layanan-link">

                            <div class="layanan-nama">

                                <?= htmlspecialchars($data['judul']); ?>

                            </div>


                            <div class="layanan-arrow">
                                →
                            </div>

                        </a>

                    </div>


                <?php } ?>


            </div>


        <?php } ?>


    </div>

</div>


<?php

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

?>