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

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Daftar Antrian Pasien</title>
  <!-- Favicon -->
  <link rel="shortcut icon" href="<?php echo e(url('design/img/svg/Logo_Original.png')); ?>">
  <!-- Bootstrap -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
  <!-- Fontawesome -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  <!-- Custom styles -->
  <link rel="stylesheet" href="<?php echo e(url('design/css/style.min.css')); ?>">
  <link rel="stylesheet" href="<?php echo e(url('design/fonts/stylesheet.css')); ?>">
  <!-- Froala -->
  <link href="https://cdn.jsdelivr.net/npm/froala-editor@latest/css/froala_editor.pkgd.min.css" rel="stylesheet" type="text/css" />
  <!-- Project Style -->
  <link rel="stylesheet" href="<?php echo e(url('design/css/project-style.css')); ?>">
  <!-- Flatpicker -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">

</head>

<body>
  <div class="layer"></div>
  <!-- ! Body -->
  <div class="page-flex">
    <!-- ! Sidebar -->
    <?php echo $__env->make('component.sidebar', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
    <div class="main-wrapper">
      <!-- ! Main nav -->
      <?php echo $__env->make('component.navbar', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
      <!-- ! Main -->
      <main class="main users chart-page" id="skip-target">
        <div class="container">
          <h2 class="main-title">Daftar Antrian Pasien</h2>
          <div class="row">
            <div class="col-lg-4">
              <div class="white-block">
                <p class="stat-cards-info__num mb-3" style="font-size: 22px;">Cari Data Pasien</p>
                <div class="search-wrapper">
                  <i data-feather="search" aria-hidden="true"></i>
                  <input class="w-100" type="text" id="search" placeholder="Masukan Kata Kunci ..." required>
                </div>
                <span class="mt-1" style="font-size: 14px;color: gray;">Cari : Nama / No.Rek.Medis / Alamat</span>
              </div>
              <div class="position-relative">
                <div class="preloader">
                  <div class="loading">
                    <div class="spinner-border" role="status">
                      <span class="sr-only">Loading...</span>
                    </div>
                  </div>
                </div>
                <div class="list-data_pasien">
                  <?php $__currentLoopData = $dataPasien; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $dp): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                  <a href="<?php echo e(url('pendaftaran/antrian/'.$dp->dp_id)); ?>">
                    <div class="card-data_pasien white-block">
                      <div class="row">
                        <div class="col-12 mb-3">
                          <p class="data-pasien_lama mb-1"><?php echo e($dp->dp_nama); ?></p>
                          <p class="sub-pasien_lama mb-2" style="color: black;">
                            <?php
                            $usia = date_diff(date_create($dp->dp_tgl_lahir), date_create('now'))->y;
                            echo $usia . " tahun";
                            ?>
                            / <?php echo e($dp->dp_jenis_kelamin); ?></p>
                          <p class="sub-pasien_lama">No. KTP</p>
                          <p class="data-pasien_lama"><?php echo e($dp->dp_no_ktp); ?></p>
                        </div>
                        <div class="col-6">
                          <p class="sub-pasien_lama">No. Rekam Medis</p>
                          <p class="data-pasien_lama-2"><?php echo e($dp->dp_no_rm); ?></p>
                        </div>
                        <div class="col-6">
                          <p class="sub-pasien_lama">No. BPJS</p>
                          <p class="data-pasien_lama-2"><?php echo e($dp->dp_no_bpjs); ?></p>
                        </div>
                        <div class="col-12 mt-3">
                          <p class="sub-pasien_lama">Alamat</p>
                          <p class="data-pasien_lama-alamat"><?php echo $dp->dp_alamat ?></p>
                        </div>
                      </div>
                    </div>
                  </a>
                  <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
              </div>
            </div>
            <div class="col-lg-8">
              <div class="white-block">
                <p class="stat-cards-info__num mb-3" style="font-size: 22px;">Tambah Data Pasien Baru</p>
                <form action="<?php echo e(url('pendaftaran/antrian/baru')); ?>" method="POST">
                  <?php echo csrf_field(); ?>
                  <label class="form-label-wrapper">
                    <p class="form-label">No. Rekam Medis</p>
                    <input class="form-input" type="text" placeholder="Masukan nomor rekam medis" name="dp_no_rm" required>
                  </label>
                  <label class="form-label-wrapper">
                    <p class="form-label">No. KTP</p>
                    <input class="form-input" type="number" placeholder="Masukan nomor KTP" name="dp_no_ktp" required>
                  </label>
                  <label class="form-label-wrapper">
                    <p class="form-label">No. BPJS</p>
                    <input class="form-input" type="number" placeholder="Masukan nomor BPJS" name="dp_no_bpjs">
                  </label>
                  <label class="form-label-wrapper">
                    <p class="form-label">Nama</p>
                    <input class="form-input" type="text" placeholder="Masukan nama" name="dp_nama" required>
                  </label>
                  <label class="form-label-wrapper">
                    <p class="form-label">Jenis Kelamin</p>
                    <select name="dp_jenis_kelamin" class="form-input selectpicker" data-size="3" type="text" placeholder="Masukan Jenis Kelamin" required>
                      <option value="Laki-laki">Laki-laki</option>
                      <option value="Perempuan">Perempuan</option>
                    </select>
                  </label>
                  <label class="form-label-wrapper">
                    <p class="form-label">Tanggal Lahir</p>
                    <input class="form-input tgl-lahir" type="text" placeholder="Masukan tanggal lahir" name="dp_tgl_lahir" required>
                  </label>
                  <label class="form-label-wrapper">
                    <p class="form-label">No Handphone</p>
                    <input class="form-input" type="number" placeholder="Masukan nomor handphone" name="dp_no_hp" required>
                  </label>
                  <label class="form-label">Alamat</label>
                  <textarea class="alamat" name="dp_alamat"></textarea>
                  <button class="primary-default-btn transparent-btn float-end mt-4">Simpan</button>
                </form>
              </div>
            </div>
          </div>
        </div>
      </main>
      <!-- ! Footer -->
      <?php echo $__env->make('component.footer', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
    </div>
  </div>
  <!-- jQuery -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js" integrity="sha256-DI6NdAhhFRnO2k51mumYeDShet3I8AKCQf/tf7ARNhI=" crossorigin="anonymous"></script>
  <!-- JavaScript Bundle with Popper -->
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
  <!-- Chart library -->
  <script src="<?php echo e(url('design/plugins/chart.min.js')); ?>"></script>
  <!-- Icons library -->
  <script src="<?php echo e(url('design/plugins/feather.min.js')); ?>"></script>
  <!-- Custom scripts -->
  <script src="<?php echo e(url('design/js/script.js')); ?>"></script>
  <!-- Flatpicker -->
  <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
  <!-- Froala -->
  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/froala-editor@latest/js/froala_editor.pkgd.min.js"></script>
  <!-- Notiflix -->
  <script src="https://cdn.jsdelivr.net/npm/notiflix@3.0.1/dist/notiflix-aio-3.0.1.min.js"></script>

  <script>
    $("#pendaftaran").addClass("active");

    $(document).ready(function() {
      $(".tgl-lahir").flatpickr({
        altInput: true,
        altFormat: "j-F-Y",
        dateFormat: "d-M-Y"
      });

      new FroalaEditor('textarea.alamat', {
        quickInsertEnabled: false,
        attribution: false,
        placeholderText: false,
        height: 150,
        fontSizeDefaultSelection: '18',
        toolbarButtons: [
          ['bold', 'italic', 'underline'],
          ['alignLeft', 'alignCenter', 'formatOLSimple', 'alignRight', 'alignJustify', 'lineHeight', 'outdent', 'indent'],
          ['undo', 'redo', 'print', 'getPDF']
        ]
      });
    });

    $(document).ready(function() {
      $(".preloader").fadeOut(400);

      $(".list-data_pasien .card-data_pasien").hide();
      $("#search").on("keyup", function() {
        var value = $(this).val().toLowerCase();
        $(".list-data_pasien .card-data_pasien").filter(function() {
          $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
        });
        if (!value.trim()) {
          $(".list-data_pasien .card-data_pasien").hide();
        }
      });
    });
  </script>

  <?php echo $__env->make('component.notif', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

</body>

</html><?php /**PATH D:\website-dokter-budi-master\resources\views\daftar_antrian_pasien\daftar_antrian_pasien.blade.php ENDPATH**/ ?>