class="form-group">
              <input type="text" class="form-control form-control-lg" id="nobooking" placeholder="Nomor Booking">
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-lg btn-secondary" data-dismiss="modal">Tutup</button>
          <button type="submit" id="checkin" class="btn btn-lg btn-primary">Check In</button>
        </div>
      </div>
    </div>
  </div>

  <!-- Modal Daftar -->
  <div class="modal fade" id="daftarmodal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalCenterTitle">Pendaftaran Rawat Jalan BPJS</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
        <div>
            <div class="form-group">
              <input type="text" class="form-control form-control-lg" id="nik" placeholder="Nomor Induk Kependudukan / No KTP">
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-lg btn-secondary" data-dismiss="modal">Tutup</button>
          <button type="submit" id="daftar" class="btn btn-lg btn-primary">Daftar</button>
        </div>
      </div>
    </div>
  </div>

  <!-- Optional JavaScript -->
  <script src="https://klinik.hade.my.id/plugins/anjungan/js/jquery.min.js"></script>
  <script src="https://klinik.hade.my.id/plugins/anjungan/js/popper.min.js"></script>
  <script src="https://klinik.hade.my.id/plugins/anjungan/js/bootstrap.min.js"></script>
  <script src="https://klinik.hade.my.id/plugins/anjungan/js/gijgo.min.js" type="text/javascript"></script>
  <script src="https://klinik.hade.my.id/plugins/anjungan/js/jquery-ui-custom.min.js"></script>
  <script src="https://klinik.hade.my.id/plugins/anjungan/js/jquery.keyboard.js"></script>
  <script src="https://klinik.hade.my.id/plugins/anjungan/js/jquery.mousewheel.js"></script>
  <script type="text/javascript">
  function showTime() {
      var a_p = "";
      var today = new Date();
      var curr_hour = today.getHours();
      var curr_minute = today.getMinutes();
      var curr_second = today.getSeconds();
      if (curr_hour < 12) {
          a_p = "AM";
      } else {
          a_p = "PM";
      }
      if (curr_hour == 0) {
          curr_hour = 12;
      }
      if (curr_hour > 12) {
          curr_hour = curr_hour - 12;
      }
      curr_hour = checkTime(curr_hour);
      curr_minute = checkTime(curr_minute);
      curr_second = checkTime(curr_second);
      document.getElementById('clock').innerHTML = curr_hour + ":" + curr_minute + ":" + curr_second + " " + a_p;
      }

  function checkTime(i) {
      if (i < 10) {
          i = "0" + i;
      }
      return i;
  }
  setInterval(showTime, 500);
  </script>
  <script>
  $( function() {
    $( '#tanggal' ).datepicker({
      format: 'yyyy-mm-dd'
    });
  } );
  $(function() {
      $('#nik')
      .keyboard({
        layout: 'custom',
        customLayout: {
          'normal' : [
            '8 9 . {b}',
            '4 5 6 7',
            '0 1 2 3',
            '{accept} {cancel}'
          ]
        },
        maxLength : 16,
        // Prevent keys not in the displayed keyboard from being typed in
        restrictInput : true,
        // include lower case characters (added v1.25.7)
        restrictInclude : 'a b c d e f',
        // don't use combos or A+E could become a ligature
        useCombos : false,
        // activate the "validate" callback function
        acceptValid : true,
        validate : function(keyboard, value, isClosing){
          // only make valid if input is 6 characters in length
          return value.length === 16;
        }
      })
      //.addTyping();
  });

  $(function() {
      $('.norm')
      .keyboard({
        layout: 'custom',
        customLayout: {
          'normal' : [
            '8 9 . {b}',
            '4 5 6 7',
            '0 1 2 3',
            '{accept} {cancel}'
          ]
        },
        maxLength : 6,
        // Prevent keys not in the displayed keyboard from being typed in
        restrictInput : true,
        // include lower case characters (added v1.25.7)
        restrictInclude : 'a b c d e f',
        // don't use combos or A+E could become a ligature
        useCombos : false,
        // activate the "validate" callback function
        acceptValid : true,
        validate : function(keyboard, value, isClosing){
          // only make valid if input is 6 characters in length
          return value.length === 6;
        }
      })
      //.addTyping();
  });

  $(function() {
      $('#cek_norm')
      .keyboard({
        layout: 'custom',
        customLayout: {
          'normal' : [
            '8 9 . {b}',
            '4 5 6 7',
            '0 1 2 3',
            '{accept} {cancel}'
          ]
        },
        maxLength : 6,
        // Prevent keys not in the displayed keyboard from being typed in
        restrictInput : true,
        // include lower case characters (added v1.25.7)
        restrictInclude : 'a b c d e f',
        // don't use combos or A+E could become a ligature
        useCombos : false,
        // activate the "validate" callback function
        acceptValid : true,
        validate : function(keyboard, value, isClosing){
          // only make valid if input is 6 characters in length
          return value.length === 6;
        }
      })
      //.addTyping();
  });

  $(function() {
      $('#nobooking')
      .keyboard()
      //.addTyping();
  });

  </script>
  <script>
  $("#checkinmodal").on("click","#checkin", function(event){
    var nobooking = $('#nobooking').val();
    //alert('Terima kasih telah melakukan check in pendaftaran rawat jalan dengan nomor booking ' + nobooking + '. Silahkan lakukan cetak mandiri Surat Eligibilitas Peserta (SEP) anda pada menu CETAK SEP.');
    $('#checkinmodal').modal('hide');
    window.location.href = 'https://klinik.hade.my.id/anjungan/checkin/' + nobooking;
    document.getElementById("nobooking").value = "";
  });
  $("#daftarmodal").on("click","#daftar", function(event){
    var nik = $('#nik').val();
    //alert('Terima kasih telah melakukan daftar pendaftaran rawat jalan.');
    $('#daftarmodal').modal('hide');
    window.location.href = 'https://klinik.hade.my.id/anjungan/daftar/' + nik;
    document.getElementById("nik").value = "";
  });
  function loading(){
      $(".text").html("<i class='fa fa-spinner'></i> Loading ...");
  }
  var btn = document.getElementById("cekrm");
  btn.addEventListener("click", loading);
  </script>

</body>
</html>