<?php defined('BASEPATH') || exit('No direct script access allowed'); ?>

<div class="box">
  <div class="box-header">
    <h3 class="box-title">
      <i class="fas fa-user  mr-1"></i><?= $judul_widget ?>
    </h3>
  </div>
  <div class="box-body">
    <div class="owl-carousel">
      <?php foreach ($aparatur_desa['daftar_perangkat'] as $data) : ?>
        <div class="relative space-y-2">
          <div class="w-3/4 mx-auto">
            <img src="<?= $data['foto'] ?>" alt="<?= $data['nama'] ?>" class="object-cover object-center bg-gray-300">
          </div>
          <?php if ($this->web_widget_model->get_setting('aparatur_desa', 'overlay') == true) : ?>
            <div class="space-y-1 text-sm text-center z-10">
              <span class="text-h6"><?= $data['nama'] ?></span>
              <span class="block"><?= $data['jabatan'] ?></span>
              <?php if ($data['pamong_niap']) : ?>
                <span class="block"><?= $this->setting->sebutan_nip_desa ?> : <?= $data['pamong_niap'] ?></span>
              <?php endif ?>
              <?php if ($data['status_kehadiran'] == 'hadir'): ?>
                <span class="btn btn-primary w-auto mx-auto inline-block">Hadir</span>
              <?php endif ?>
            </div>
          <?php endif ?>
        </div>
      <?php endforeach ?>
    </div>
  </div>
</div>