<!DOCTYPE html>
<html lang="id">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <title>LINKARAN | RSU ANANDA PURWOKERTO</title>
  <meta name="description" content="">
  <meta name="keywords" content="">
  <link rel="shortcut icon" type="image/png" href="<?php echo base_url('assets_/assets/img/logo-mini.png'); ?>">

  <link href="<?php echo base_url('assets/img/apple-touch-icon.png'); ?>" rel="apple-touch-icon">
  <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet" />

  <link href="https://fonts.googleapis.com" rel="preconnect">
  <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">

  <link href="<?php echo base_url('assets/vendor/bootstrap/css/bootstrap.min.css'); ?>" rel="stylesheet">
  <link href="<?php echo base_url('assets/vendor/bootstrap-icons/bootstrap-icons.css'); ?>" rel="stylesheet">
  <link href="<?php echo base_url('assets/vendor/aos/aos.css'); ?>" rel="stylesheet">
  <link href="<?php echo base_url('assets/vendor/glightbox/css/glightbox.min.css'); ?>" rel="stylesheet">
  <link href="<?php echo base_url('assets/vendor/swiper/swiper-bundle.min.css'); ?>" rel="stylesheet">

  <link href="<?php echo base_url('assets/css/main.css'); ?>" rel="stylesheet">

  <style>
    body {
      font-family: 'Poppins', sans-serif;
    }

    .menu-card {
      background: #ffffff;
      border-radius: 12px;
      padding: 20px 15px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
      transition: all 0.3s ease-in-out;
      height: 100%;
      display: flex;
      align-items: center;
      border-bottom: 4px solid #228B22;
      position: relative;
      overflow: hidden;
      cursor: pointer;
    }

    .menu-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 25px rgba(34, 139, 34, 0.25);
    }

    .menu-card .icon-box {
      width: 55px;
      height: 55px;
      background: rgba(34, 139, 34, 0.1);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 15px;
      flex-shrink: 0;
      transition: all 0.3s ease;
    }

    .menu-card:hover .icon-box {
      background: #228B22;
    }

    .menu-card .icon-box i {
      font-size: 24px;
      color: #228B22;
      transition: all 0.3s ease;
    }

    .menu-card:hover .icon-box i {
      color: #ffffff;
    }

    .menu-card h3 {
      font-size: 15px;
      font-weight: 700;
      color: #333333;
      margin: 0;
      line-height: 1.4;
    }

    /* Styling Tambahan untuk List Dokter di dalam Modal */
    .doctor-list-group .list-group-item {
      border-radius: 8px;
      margin-bottom: 8px;
      border: 1px solid #e9ecef;
      transition: all 0.2s ease;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 12px 15px;
    }

    .doctor-list-group .list-group-item:hover {
      background-color: #f8f9fa;
      border-color: #228B22;
    }

    .doctor-name {
      font-weight: 600;
      color: #444444;
      font-size: 14px;
      margin: 0;
    }

    .btn-live-antrean {
      background-color: #228B22;
      color: white;
      font-size: 12px;
      font-weight: 600;
      padding: 6px 12px;
      border-radius: 6px;
      text-decoration: none;
      transition: all 0.2s;
      white-space: nowrap;
      flex-shrink: 0;
      margin-left: 10px;
    }

    .btn-live-antrean:hover {
      background-color: #1e7e34;
      color: white;
      box-shadow: 0 3px 8px rgba(34, 139, 34, 0.3);
    }

    /* Modal header fix untuk Bootstrap 5 */
    .modal-header .btn-close-white {
      filter: invert(1) grayscale(100%) brightness(200%);
    }
  </style>

  <!-- Script Proteksi Inspect Element -->
  <script>
    document.addEventListener('contextmenu', function(e) { e.preventDefault(); });
    document.addEventListener('keydown', function(e) {
      if (e.key === 'F12' || (e.ctrlKey && e.shiftKey && (e.key === 'I' || e.key === 'J' || e.key === 'C')) || (e.ctrlKey && e.key === 'U')) {
        e.preventDefault();
      }
    });
    if (typeof console !== "undefined") {
      console.log = function() {}; console.debug = function() {}; console.error = function() {}; console.warn = function() {};
    }
    Object.freeze(window);
  </script>
</head>

<body class="index-page">

  <header id="header" class="header d-flex align-items-center fixed-top">
    <div class="container-fluid container-xl position-relative d-flex align-items-center">
      <a href="#" class="logo d-flex align-items-center me-auto">
        <img src="<?php echo base_url('assets_/assets/img/logo-mini2.png'); ?>" alt="">
        <h1 style="font-weight: bold; color:green;" class="sitename">LINKARAN</h1>
      </a>
      <nav id="navmenu" class="navmenu">
        <ul>
          <li><a href="#tampilan">Menu Dashboard</a></li>
        </ul>
        <i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
      </nav>
    </div>
  </header>

  <main class="main">

    <section id="hero" class="hero section">
      <div class="hero-bg">
        <img src="<?php echo base_url('assets_/assets/img/backgroundhd1.jpg'); ?>" alt="">
      </div>
      <div class="container text-center">
        <div class="d-flex flex-column justify-content-center align-items-center">
          <h1 data-aos="fade-up">Welcome to <span style="color: green;">LINKARAN RSU ANANDA PURWOKERTO</span></h1>
          <p data-aos="fade-up" data-aos-delay="100">Sebuah Aplikasi Link Layanan Rumah Sakit Umum Ananda.<br></p>
          <img src="<?php echo base_url('assets/img/hero-services-img.webp'); ?>" class="img-fluid hero-img" alt="" data-aos="zoom-out" data-aos-delay="300">
        </div>
      </div>
    </section>

    <section id="tampilan" style="background-color: #228B22; padding: 60px 0;" class="services section">
      <div class="container section-title text-center" data-aos="fade-up">
        <h2 style="color: #fff; border-bottom: 3px solid #fff; display: inline-block; padding-bottom: 10px; font-weight: 800; letter-spacing: 1px;">LAYAR ANTRIAN MENU</h2>
      </div>

      <div class="container">
        <div class="row g-4">
          <!-- MENU UTAMA NON-KLINIK -->
          <div class="col-12 col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="100">
            <div class="menu-card">
              <div class="icon-box"><i class="fa fa-lightbulb-o"></i></div>
              <div>
                <h3>Ketersediaan Tempat Tidur</h3>
                <a href="https://sinaran.rsuananda.id/tt" target="_blank" class="stretched-link"></a>
              </div>
            </div>
          </div>

          <div class="col-12 col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="150">
            <div class="menu-card">
              <div class="icon-box"><i class="fa fa-spinner"></i></div>
              <div>
                <h3>Layar Antrean Farmasi</h3>
                <a href="https://api-sirus.rsuananda.id/antrian_farmasi/a1/" target="_blank" class="stretched-link"></a>
              </div>
            </div>
          </div>

          <div class="col-12 col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="200">
            <div class="menu-card">
              <div class="icon-box"><i class="fa fa-plus-circle"></i></div>
              <div>
                <h3>Jadwal Operasi</h3>
                <a href="https://sinaran.rsuananda.id/ikbs" target="_blank" class="stretched-link"></a>
              </div>
            </div>
          </div>

          <!-- LAYAR KSM KLINIK (Memicu Pop-up Modal) -->
          <!-- 1. Klinik Anak -->
          <div class="col-12 col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="250">
            <div class="menu-card" data-bs-toggle="modal" data-bs-target="#modalAnak">
              <div class="icon-box"><i class="fa fa-user-md"></i></div>
              <div><h3>Klinik Anak</h3></div>
            </div>
          </div>

          <!-- 2. Klinik Penyakit Dalam -->
          <div class="col-12 col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="300">
            <div class="menu-card" data-bs-toggle="modal" data-bs-target="#modalDalam">
              <div class="icon-box"><i class="fa fa-user-md"></i></div>
              <div><h3>Klinik Penyakit Dalam</h3></div>
            </div>
          </div>

          <!-- 3. Klinik Paru -->
          <div class="col-12 col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="350">
            <div class="menu-card" data-bs-toggle="modal" data-bs-target="#modalParu">
              <div class="icon-box"><i class="fa fa-user-md"></i></div>
              <div><h3>Klinik Paru</h3></div>
            </div>
          </div>

          <!-- 4. Klinik Saraf -->
          <div class="col-12 col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="400">
            <div class="menu-card" data-bs-toggle="modal" data-bs-target="#modalSaraf">
              <div class="icon-box"><i class="fa fa-user-md"></i></div>
              <div><h3>Klinik Saraf</h3></div>
            </div>
          </div>

          <!-- 5. Klinik Jantung -->
          <div class="col-12 col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="450">
            <div class="menu-card" data-bs-toggle="modal" data-bs-target="#modalJantung">
              <div class="icon-box"><i class="fa fa-user-md"></i></div>
              <div><h3>Klinik Jantung</h3></div>
            </div>
          </div>

          <!-- 6. Klinik Orthopaedi -->
          <div class="col-12 col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="500">
            <div class="menu-card" data-bs-toggle="modal" data-bs-target="#modalOrthopaedi">
              <div class="icon-box"><i class="fa fa-user-md"></i></div>
              <div><h3>Klinik Orthopaedi</h3></div>
            </div>
          </div>

          <!-- 7. Klinik Gigi -->
          <div class="col-12 col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="550">
            <div class="menu-card" data-bs-toggle="modal" data-bs-target="#modalGigi">
              <div class="icon-box"><i class="fa fa-user-md"></i></div>
              <div><h3>Klinik Gigi</h3></div>
            </div>
          </div>

          <!-- 8. Klinik Mata -->
          <div class="col-12 col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="600">
            <div class="menu-card" data-bs-toggle="modal" data-bs-target="#modalMata">
              <div class="icon-box"><i class="fa fa-user-md"></i></div>
              <div><h3>Klinik Mata</h3></div>
            </div>
          </div>

          <!-- 9. Klinik Kebidanan dan Kandungan -->
          <div class="col-12 col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="650">
            <div class="menu-card" data-bs-toggle="modal" data-bs-target="#modalKandungan">
              <div class="icon-box"><i class="fa fa-user-md"></i></div>
              <div><h3>Klinik Kebidanan dan Kandungan</h3></div>
            </div>
          </div>

          <!-- 10. Klinik Bedah -->
          <div class="col-12 col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="700">
            <div class="menu-card" data-bs-toggle="modal" data-bs-target="#modalBedah">
              <div class="icon-box"><i class="fa fa-user-md"></i></div>
              <div><h3>Klinik Bedah</h3></div>
            </div>
          </div>

          <!-- 11. Klinik Estetika -->
          <div class="col-12 col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="750">
            <div class="menu-card" data-bs-toggle="modal" data-bs-target="#modalEstetika">
              <div class="icon-box"><i class="fa fa-user-md"></i></div>
              <div><h3>Klinik Estetika</h3></div>
            </div>
          </div>

          <!-- 12. Klinik Kulit dan Kelamin -->
          <div class="col-12 col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="800">
            <div class="menu-card" data-bs-toggle="modal" data-bs-target="#modalKulit">
              <div class="icon-box"><i class="fa fa-user-md"></i></div>
              <div><h3>Klinik Kulit dan Kelamin</h3></div>
            </div>
          </div>

          <!-- 13. Klinik Psikologi -->
          <div class="col-12 col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="850">
            <div class="menu-card" data-bs-toggle="modal" data-bs-target="#modalPsikologi">
              <div class="icon-box"><i class="fa fa-user-md"></i></div>
              <div><h3>Klinik Psikologi</h3></div>
            </div>
          </div>

          <!-- 14. Klinik THT -->
          <div class="col-12 col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="900">
            <div class="menu-card" data-bs-toggle="modal" data-bs-target="#modalTHT">
              <div class="icon-box"><i class="fa fa-user-md"></i></div>
              <div><h3>Klinik THT</h3></div>
            </div>
          </div>

          <!-- 15. Klinik Urologi -->
          <div class="col-12 col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="950">
            <div class="menu-card" data-bs-toggle="modal" data-bs-target="#modalUrologi">
              <div class="icon-box"><i class="fa fa-user-md"></i></div>
              <div><h3>Klinik Urologi</h3></div>
            </div>
          </div>

          <!-- 16. Klinik Rehabilitasi Medik -->
          <div class="col-12 col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="1000">
            <div class="menu-card" data-bs-toggle="modal" data-bs-target="#modalRehab">
              <div class="icon-box"><i class="fa fa-user-md"></i></div>
              <div><h3>Klinik Rehabilitasi Medik</h3></div>
            </div>
          </div>

        </div>
      </div>
    </section>

    <!-- SECTION LAYAR DISPLAY -->
    <section id="administrasi" style="background-color: #228B22; padding: 60px 0; border-top: 1px dashed rgba(255,255,255,0.2);" class="services section">
      <div class="container section-title text-center" data-aos="fade-up">
        <h2 style="color: #fff; border-bottom: 3px solid #fff; display: inline-block; padding-bottom: 10px; font-weight: 800; letter-spacing: 1px;">LAYAR ANTRIAN DOKTER</h2>
      </div>

      <div class="container">
        <div class="row g-4 justify-content-center">
          <div class="col-12 col-md-6 col-lg-3">
            <div class="menu-card">
              <div class="icon-box"><i class="fa fa-desktop"></i></div>
              <div>
                <h3>Layar Antrean Dokter Poli Atas 1</h3>
                <a href="https://api-sirus.rsuananda.id/layar_poli/a1/lyr1" target="_blank" class="stretched-link"></a>
              </div>
            </div>
          </div>
          <div class="col-12 col-md-6 col-lg-3">
            <div class="menu-card">
              <div class="icon-box"><i class="fa fa-desktop"></i></div>
              <div>
                <h3>Layar Antrean Dokter Poli Bawah</h3>
                <a href="https://api-sirus.rsuananda.id/layar_poli/a1/lyr2" target="_blank" class="stretched-link"></a>
              </div>
            </div>
          </div>
          <div class="col-12 col-md-6 col-lg-3">
            <div class="menu-card">
              <div class="icon-box"><i class="fa fa-desktop"></i></div>
              <div>
                <h3>Layar Antrean Dokter Poli Atas 2</h3>
                <a href="https://api-sirus.rsuananda.id/layar_poli/a1/lyr3" target="_blank" class="stretched-link"></a>
              </div>
            </div>
          </div>
          <div class="col-12 col-md-6 col-lg-3">
            <div class="menu-card">
              <div class="icon-box"><i class="fa fa-desktop"></i></div>
              <div>
                <h3>Layar Antrean Dokter Poli Atas 3</h3>
                <a href="https://api-sirus.rsuananda.id/layar_poli/a1/lyr4" target="_blank" class="stretched-link"></a>
              </div>
            </div>
          </div>
          <div class="col-12 col-md-6 col-lg-3">
            <div class="menu-card">
              <div class="icon-box"><i class="fa fa-desktop"></i></div>
              <div>
                <h3>Layar Antrean Dokter Poli Bawah 2</h3>
                <a href="https://api-sirus.rsuananda.id/layar_poli/a1/lyr5" target="_blank" class="stretched-link"></a>
              </div>
            </div>
          </div>
          <div class="col-12 col-md-6 col-lg-3">
            <div class="menu-card">
              <div class="icon-box"><i class="fa fa-desktop"></i></div>
              <div>
                <h3>Layar Antrean Pendaftaran</h3>
                <a href="http://103.255.241.146:5758/layar_pendaftaran/a1/" target="_blank" class="stretched-link"></a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

  </main>

  <!-- ==================== MODAL POPUP LIST DOKTER PER KSM ==================== -->

  <!-- Modal Klinik Anak -->
  <div class="modal fade" id="modalAnak" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-header bg-success text-white">
          <h5 class="modal-title fw-bold">Daftar Dokter Klinik Anak</h5>
          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body p-3">
          <div class="list-group doctor-list-group">
            <div class="list-group-item">
              <span class="doctor-name">Qodri Santosa, dr., Dr., M.Si.Med, Sp.A</span>
              <a href="<?php echo base_url('antrean/drqodri'); ?>" target="_blank" class="btn-live-antrean">Lihat Antrean</a>
            </div>
            <div class="list-group-item">
              <span class="doctor-name">Nur Faizah, dr., Sp.A</span>
              <a href="<?php echo base_url('antrean/drnur'); ?>" target="_blank" class="btn-live-antrean">Lihat Antrean</a>
            </div>
            <div class="list-group-item">
              <span class="doctor-name">Irwan Nuryadin, dr., Sp.A</span>
              <a href="<?php echo base_url('antrean/drirwan'); ?>" target="_blank" class="btn-live-antrean">Lihat Antrean</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Modal Klinik Penyakit Dalam -->
  <div class="modal fade" id="modalDalam" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-header bg-success text-white">
          <h5 class="modal-title fw-bold">Daftar Dokter Penyakit Dalam</h5>
          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body p-3">
          <div class="list-group doctor-list-group">
            <div class="list-group-item">
              <span class="doctor-name">Pugud Samodro, dr., Dr., Sp.PD-KEMD</span>
              <a href="<?php echo base_url('antrean/drpugud'); ?>" target="_blank" class="btn-live-antrean">Lihat Antrean</a>
            </div>
            <div class="list-group-item">
              <span class="doctor-name">Tiara Paramita Poernomo, dr., Sp.PD</span>
              <a href="<?php echo base_url('antrean/dtiara'); ?>" target="_blank" class="btn-live-antrean">Lihat Antrean</a>
            </div>
            <div class="list-group-item">
              <span class="doctor-name">Gandik Danu Pramiga, dr., Sp.PD</span>
              <a href="<?php echo base_url('antrean/drdanu'); ?>" target="_blank" class="btn-live-antrean">Lihat Antrean</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Modal Klinik Paru -->
  <div class="modal fade" id="modalParu" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-header bg-success text-white">
          <h5 class="modal-title fw-bold">Daftar Dokter Klinik Paru</h5>
          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body p-3">
          <div class="list-group doctor-list-group">
            <div class="list-group-item">
              <span class="doctor-name">Indah Rahmawati, dr., Sp.P</span>
              <a href="<?php echo base_url('antrean/drindah'); ?>" target="_blank" class="btn-live-antrean">Lihat Antrean</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Modal Klinik Saraf -->
  <div class="modal fade" id="modalSaraf" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-header bg-success text-white">
          <h5 class="modal-title fw-bold">Daftar Dokter Klinik Saraf</h5>
          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body p-3">
          <div class="list-group doctor-list-group">
            <div class="list-group-item">
              <span class="doctor-name">Nazwan Hassa, dr., Sp.N, FINA</span>
              <a href="<?php echo base_url('antrean/drnazwan'); ?>" target="_blank" class="btn-live-antrean">Lihat Antrean</a>
            </div>
            <div class="list-group-item">
              <span class="doctor-name">Yuanita Mardastuti, dr., Sp.N</span>
              <a href="<?php echo base_url('antrean/dryuanita'); ?>" target="_blank" class="btn-live-antrean">Lihat Antrean</a>
            </div>
            <div class="list-group-item">
              <span class="doctor-name">Fatiha Sri Utami Tamad, dr., Sp.N</span>
              <a href="<?php echo base_url('antrean/drfatiha'); ?>" target="_blank" class="btn-live-antrean">Lihat Antrean</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Modal Klinik Jantung -->
  <div class="modal fade" id="modalJantung" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-header bg-success text-white">
          <h5 class="modal-title fw-bold">Daftar Dokter Klinik Jantung</h5>
          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body p-3">
          <div class="list-group doctor-list-group">
            <div class="list-group-item">
              <span class="doctor-name">Abraham Avicenna, dr., Sp.JP, FIHA</span>
              <a href="<?php echo base_url('antrean/drabraham'); ?>" target="_blank" class="btn-live-antrean">Lihat Antrean</a>
            </div>
            <div class="list-group-item">
              <span class="doctor-name">Gema Citra Dwijayanti, dr., M.Si.Med, Sp.JP, FIHA</span>
              <a href="<?php echo base_url('antrean/drgema'); ?>" target="_blank" class="btn-live-antrean">Lihat Antrean</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Modal Klinik Orthopaedi -->
  <div class="modal fade" id="modalOrthopaedi" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-header bg-success text-white">
          <h5 class="modal-title fw-bold">Daftar Dokter Klinik Orthopaedi</h5>
          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body p-3">
          <div class="list-group doctor-list-group">
            <div class="list-group-item">
              <span class="doctor-name">Khirsna Yudha, dr., SpOT</span>
              <a href="<?php echo base_url('antrean/drkhrisna'); ?>" target="_blank" class="btn-live-antrean">Lihat Antrean</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Modal Klinik Gigi -->
  <div class="modal fade" id="modalGigi" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-header bg-success text-white">
          <h5 class="modal-title fw-bold">Daftar Dokter Klinik Gigi</h5>
          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body p-3">
          <div class="list-group doctor-list-group">
            <div class="list-group-item">
              <span class="doctor-name">Artha Arum Pamungkas, drg.</span>
              <a href="<?php echo base_url('antrean/drartha'); ?>" target="_blank" class="btn-live-antrean">Lihat Antrean</a>
            </div>
            <div class="list-group-item">
              <span class="doctor-name">Siska Yumira, drg.</span>
              <a href="<?php echo base_url('antrean/drsiska'); ?>" target="_blank" class="btn-live-antrean">Lihat Antrean</a>
            </div>
            <div class="list-group-item">
              <span class="doctor-name">Febriyanti Widyaningrum, drg.</span>
              <a href="<?php echo base_url('antrean/drfefe'); ?>" target="_blank" class="btn-live-antrean">Lihat Antrean</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Modal Klinik Mata -->
  <div class="modal fade" id="modalMata" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-header bg-success text-white">
          <h5 class="modal-title fw-bold">Daftar Dokter Klinik Mata</h5>
          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body p-3">
          <div class="list-group doctor-list-group">
            <div class="list-group-item">
              <span class="doctor-name">Galuh Basundari, dr., Sp.M</span>
              <a href="<?php echo base_url('antrean/drgaluh'); ?>" target="_blank" class="btn-live-antrean">Lihat Antrean</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Modal Klinik Kebidanan dan Kandungan -->
  <div class="modal fade" id="modalKandungan" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-header bg-success text-white">
          <h5 class="modal-title fw-bold">Daftar Dokter Kebidanan & Kandungan</h5>
          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body p-3">
          <div class="list-group doctor-list-group">
            <div class="list-group-item">
              <span class="doctor-name">Setya Dian Kartika, dr., Sp.OG</span>
              <a href="<?php echo base_url('antrean/drika'); ?>" target="_blank" class="btn-live-antrean">Lihat Antrean</a>
            </div>
            <div class="list-group-item">
              <span class="doctor-name">Yosinov Nur Hafiz, dr., Sp.OG</span>
              <a href="<?php echo base_url('antrean/dryosinov'); ?>" target="_blank" class="btn-live-antrean">Lihat Antrean</a>
            </div>
            <div class="list-group-item">
              <span class="doctor-name">Erna Ashlihah Rochmat, dr., Sp.OG</span>
              <a href="<?php echo base_url('antrean/drerna'); ?>" target="_blank" class="btn-live-antrean">Lihat Antrean</a>
            </div>
            <div class="list-group-item">
              <span class="doctor-name">Rico Fitri Wibowo, dr., Sp.OG</span>
              <a href="<?php echo base_url('antrean/drrico'); ?>" target="_blank" class="btn-live-antrean">Lihat Antrean</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Modal Klinik Bedah -->
  <div class="modal fade" id="modalBedah" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-header bg-success text-white">
          <h5 class="modal-title fw-bold">Daftar Dokter Klinik Bedah</h5>
          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body p-3">
          <div class="list-group doctor-list-group">
            <div class="list-group-item">
              <span class="doctor-name">Mochamad Lutfi Budiantoro, dr., Sp.B</span>
              <a href="<?php echo base_url('antrean/drlutfi'); ?>" target="_blank" class="btn-live-antrean">Lihat Antrean</a>
            </div>
            <div class="list-group-item">
              <span class="doctor-name">Eggy Jita Pradana, dr., Sp.B</span>
              <a href="<?php echo base_url('antrean/dreggy'); ?>" target="_blank" class="btn-live-antrean">Lihat Antrean</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Modal Klinik Estetika -->
  <div class="modal fade" id="modalEstetika" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-header bg-success text-white">
          <h5 class="modal-title fw-bold">Daftar Dokter Klinik Estetika</h5>
          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body p-3">
          <div class="list-group doctor-list-group">
            <div class="list-group-item">
              <span class="doctor-name">Ermadi Satriyo Sudibyo, dr., M.Sc, Sp.D.V.E</span>
              <a href="<?php echo base_url('antrean/drsatrio'); ?>" target="_blank" class="btn-live-antrean">Lihat Antrean</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Modal Klinik Kulit dan Kelamin -->
  <div class="modal fade" id="modalKulit" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-header bg-success text-white">
          <h5 class="modal-title fw-bold">Daftar Dokter Klinik Kulit & Kelamin</h5>
          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body p-3">
          <div class="list-group doctor-list-group">
            <div class="list-group-item">
              <span class="doctor-name">Ermadi Satriyo Sudibyo, dr., M.Sc, Sp.D.V.E</span>
              <a href="<?php echo base_url('antrean/drindah'); ?>" target="_blank" class="btn-live-antrean">Lihat Antrean</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Modal Klinik Psikologi -->
  <div class="modal fade" id="modalPsikologi" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-header bg-success text-white">
          <h5 class="modal-title fw-bold">Daftar Dokter Klinik Psikologi</h5>
          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body p-3">
          <div class="list-group doctor-list-group">
            <div class="list-group-item">
              <span class="doctor-name">Kurniasih Dwi P, M.Psi</span>
              <a href="<?php echo base_url('antrean/drkhrisna'); ?>" target="_blank" class="btn-live-antrean">Lihat Antrean</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Modal Klinik THT -->
  <div class="modal fade" id="modalTHT" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-header bg-success text-white">
          <h5 class="modal-title fw-bold">Daftar Dokter Klinik THT</h5>
          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body p-3">
          <div class="list-group doctor-list-group">
            <div class="list-group-item">
              <span class="doctor-name">David Santoso, dr., Sp.T.H.T.B.K.L</span>
              <a href="<?php echo base_url('antrean/drdavid'); ?>" target="_blank" class="btn-live-antrean">Lihat Antrean</a>
            </div>
            <div class="list-group-item">
              <span class="doctor-name">Sekti Joko Suntono I, dr., Sp.THT-KL</span>
              <a href="<?php echo base_url('antrean/drsekti'); ?>" target="_blank" class="btn-live-antrean">Lihat Antrean</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Modal Klinik Urologi -->
  <div class="modal fade" id="modalUrologi" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-header bg-success text-white">
          <h5 class="modal-title fw-bold">Daftar Dokter Klinik Urologi</h5>
          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body p-3">
          <div class="list-group doctor-list-group">
            <div class="list-group-item">
              <span class="doctor-name">Faridz Albam Wiseso, dr., Sp.U</span>
              <a href="<?php echo base_url('antrean/dralbam'); ?>" target="_blank" class="btn-live-antrean">Lihat Antrean</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Modal Klinik Rehabilitasi Medik -->
  <div class="modal fade" id="modalRehab" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-header bg-success text-white">
          <h5 class="modal-title fw-bold">Daftar Dokter Rehabilitasi Medik</h5>
          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body p-3">
          <div class="list-group doctor-list-group">
            <div class="list-group-item">
              <span class="doctor-name">Elien Wihestin, dr., Sp.KFR</span>
              <a href="<?php echo base_url('antrean/drelien'); ?>" target="_blank" class="btn-live-antrean">Lihat Antrean</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- ==================== END OF MODAL ==================== -->

  <footer style="background-color: #f8f9fa; padding: 20px 0;">
    <div class="container text-center">
      <p style="margin: 0; color: #444;">© <span>Copyright</span> <strong style="color: #228B22;" class="px-1 sitename">IT Support RSU ANANDA Purwokerto</strong><span id="current-year"></span>. All Rights Reserved.</p>
    </div>
  </footer>

  <script>
    const currentYear = new Date().getFullYear();
    document.getElementById('current-year').textContent = currentYear;
  </script>

  <a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>

  <div id="preloader"></div>

  <script src="<?php echo base_url('assets/vendor/bootstrap/js/bootstrap.bundle.min.js'); ?>"></script>
  <script src="<?php echo base_url('assets/vendor/php-email-form/validate.js'); ?>"></script>
  <script src="<?php echo base_url('assets/vendor/aos/aos.js'); ?>"></script>
  <script src="<?php echo base_url('assets/vendor/glightbox/js/glightbox.min.js'); ?>"></script>
  <script src="<?php echo base_url('assets/vendor/swiper/swiper-bundle.min.js'); ?>"></script>
  <script src="<?php echo base_url('assets/js/main.js'); ?>"></script>

</body>
</html>