<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Dashboard RS MH Thamrin</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="shortcut icon" href="<?php echo base_url(); ?>assets/style/dist/img/mht.ico">
    <link rel="stylesheet" href="<?php echo base_url(); ?>assets/style/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
    <link rel="stylesheet" href="<?php echo base_url(); ?>assets/style/dist/css/AdminLTE.min.css">
    <link rel="stylesheet" href="<?php echo base_url(); ?>assets/style/css/mystyle.css">
    <link rel="stylesheet" href="<?php echo base_url(); ?>assets/style/dist/css/skins/_all-skins.min.css">
    <script type="text/javascript">
      <?php date_default_timezone_set('Asia/Jakarta'); ?>
      // hari, tanggal
      var months = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
      var myDays = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jum&#39;at', 'Sabtu'];
      var date = new Date();
      var day = date.getDate();
      var month = date.getMonth();
      var thisDay = date.getDay(),
          thisDay = myDays[thisDay];
      var yy = date.getYear();
      var year = (yy < 1000) ? yy + 1900 : yy;

      // waktu
      var serverTime = new Date(<?php print date('Y, m, d, H, i, s, 0'); ?>);
      var clientTime = new Date();
      var Diff = serverTime.getTime() - clientTime.getTime();    

      function displayServerTime(){
          var clientTime = new Date();
          var time = new Date(clientTime.getTime() + Diff);
          var sh = time.getHours().toString();
          var sm = time.getMinutes().toString();
          var ss = time.getSeconds().toString();
          document.getElementById("clock").innerHTML = (thisDay + ', ' + day + ' ' + months[month] + ' ' + year) + " | <span style='color:yellow;'>" +(sh.length==1?"0"+sh:sh) + ":" + (sm.length==1?"0"+sm:sm) + ":" + (ss.length==1?"0"+ss:ss)+"</span>";
      }    
    </script>

    <script src="<?php echo base_url(); ?>assets/amcharts/amcharts.js"></script>
    <script src="<?php echo base_url(); ?>assets/amcharts/serial.js"></script>
    <script src="<?php echo base_url(); ?>assets/amcharts/pie.js"></script>
    <script src="<?php echo base_url(); ?>assets/amcharts/themes/light.js"></script>

  </head>
  <body>
    <div class="row">
      <div class="col-sm-6 col-md-4" style="display: table; height: 100%; margin: 0 auto;">
        <center>
          <div class="thumbnail" style="display: table-cell; vertical-align: middle;">
            <div class="caption">
              <h3>Pilih Rumah Sakit</h3>
              <p>
                <div class="dropdown">
                <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                  Dropdown
                  <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                  <li><a href="#">Action</a></li>
                  <li><a href="#">Another action</a></li>
                  <li><a href="#">Something else here</a></li>
                  <li role="separator" class="divider"></li>
                  <li><a href="#">Separated link</a></li>
                </ul>
              </div>
              </p>
            </div>
          </div>  
        </center>
      </div>
    </div>

    <script src="<?php echo base_url(); ?>assets/style/plugins/jQuery/jQuery-2.2.0.min.js" type="text/javascript"></script>
    <script src="<?php echo base_url(); ?>assets/style/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="<?php echo base_url(); ?>assets/style/plugins/fastclick/fastclick.js"></script>
    <script src="<?php echo base_url(); ?>assets/style/dist/js/app.min.js"></script>
    <script src="<?php echo base_url(); ?>assets/style/plugins/slimScroll/jquery.slimscroll.min.js"></script>
    <!--<script src="<?php //echo base_url(); ?>assets/style/dist/js/pages/dashboard2.js"></script>-->
  </body>
</html>