%PDF- <> %âãÏÓ endobj 2 0 obj <> endobj 3 0 obj <>/ExtGState<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI] >>/Annots[ 28 0 R 29 0 R] /MediaBox[ 0 0 595.5 842.25] /Contents 4 0 R/Group<>/Tabs/S>> endobj ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµùÕ5sLOšuY>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<> endobj 2 0 obj<>endobj 2 0 obj<>es 3 0 R>> endobj 2 0 obj<> ox[ 0.000000 0.000000 609.600000 935.600000]/Fi endobj 3 0 obj<> endobj 7 1 obj<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI]>>/Subtype/Form>> stream
<?php
/**
* Partial: Jadwal Pelayanan PPID (Sekretariat + jam layanan).
* Sunting data di array $jadwal bila jam layanan berubah.
*/
$jadwal = [
['hari' => 'Senin – Kamis', 'slot' => [
['08.00 – 12.00', 'Jam Pelayanan', true],
['12.00 – 13.00', 'Istirahat', false],
['13.00 – 16.00', 'Jam Pelayanan', true],
]],
['hari' => 'Jumat', 'slot' => [
['08.00 – 11.30', 'Jam Pelayanan', true],
['11.30 – 14.00', 'Istirahat', false],
['14.00 – 16.30', 'Jam Pelayanan', true],
]],
];
?>
<article class="bg-white rounded-2xl border border-slate-100 shadow-sm overflow-hidden">
<div class="bg-gradient-to-r from-mateng-green to-mateng-blue px-6 sm:px-8 py-4">
<h2 class="text-lg sm:text-xl font-bold text-white flex items-center gap-2.5"><i class="far fa-clock"></i> Jadwal Pelayanan (WITA)</h2>
</div>
<div class="p-6 sm:p-8 grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-10">
<!-- Sekretariat & alamat -->
<div class="md:border-r md:border-slate-100 md:pr-8">
<div class="w-11 h-11 rounded-xl bg-mateng-green/10 text-mateng-green flex items-center justify-center mb-3"><i class="fas fa-building-columns"></i></div>
<h3 class="font-bold text-slate-900">Sekretariat PPID Kab. Mamuju Tengah</h3>
<p class="text-sm text-slate-500 mt-1.5 leading-relaxed flex items-start gap-2"><i class="fas fa-location-dot text-slate-400 mt-0.5"></i> <?= e(PPID_ALAMAT) ?></p>
<div class="mt-4 space-y-2 text-sm text-slate-500">
<p class="flex items-center gap-2"><i class="fas fa-envelope text-mateng-green w-4"></i> <?= e(PPID_EMAIL) ?></p>
<p class="flex items-center gap-2"><i class="fas fa-phone text-mateng-green w-4"></i> <?= e(PPID_TELP) ?></p>
</div>
</div>
<!-- Jadwal -->
<div class="space-y-5">
<?php foreach ($jadwal as $j): ?>
<div class="flex gap-4">
<div class="w-24 sm:w-28 shrink-0 font-bold text-slate-800 text-sm"><?= e($j['hari']) ?></div>
<div class="space-y-1.5 text-sm flex-grow">
<?php foreach ($j['slot'] as $s): ?>
<div class="flex items-center gap-3">
<span class="font-medium text-slate-700 w-28 shrink-0"><?= e($s[0]) ?></span>
<span class="inline-flex items-center gap-1.5 <?= $s[2] ? 'text-mateng-green font-medium' : 'text-slate-400' ?>">
<span class="w-1.5 h-1.5 rounded-full <?= $s[2] ? 'bg-mateng-green' : 'bg-slate-300' ?>"></span> <?= e($s[1]) ?>
</span>
</div>
<?php endforeach; ?>
</div>
</div>
<?php endforeach; ?>
<div class="flex items-center gap-4 pt-4 border-t border-slate-100">
<div class="w-24 sm:w-28 shrink-0 font-bold text-slate-800 text-sm">Sabtu – Minggu</div>
<span class="inline-flex items-center gap-1.5 text-sm font-bold text-red-500"><span class="w-1.5 h-1.5 rounded-full bg-red-500"></span> TUTUP</span>
</div>
</div>
</div>
</article>