<div class="row" id="tab-content">
    <div class="col-md-12">
        <div class="tabbable tabbable-custom">
            <ul class="nav nav-tabs">
                <li class="active">
                    <a href="#" aria-expanded="false">
                    <i class="fa fa-folder-open"></i> <?= $judul ?> </a>
                </li> 
            </ul>
            <div class="tab-content">
                <div class="tab-pane active">

                  <div class="row" id="info-content" style="display:block" >
                      <div class="col-md-12">
                          <div class="portlet box green-haze" style="position:relative">
                              <div class="portlet-title">
                                  <div class="caption">
                                      <i class="fa fa-user"></i> Informasi Pasien
                                  </div>
                              </div>
                              <div class="portlet-body form">
                                  <form class="form-horizontal form-bordered form-row-stripped" role="form">
                                      <div class="form-body">
                                          <div class="form-group">
                                              <label class="form-control-static col-md-2">Nomor Rekam Medis </label>
                                              <p class="form-control-static col-md-10">
                                                  : &nbsp; BBMC-000008 
                                              </p>
                                              <label class="form-control-static col-md-2">Nama Pasien </label>
                                              <p class="form-control-static col-md-10">
                                                  : &nbsp; I KETUT KARDIKA 
                                              </p>
                                              <label class="form-control-static col-md-2">Type Pasien</label>
                                              <p class="form-control-static col-md-10">
                                                  : &nbsp; UMUM
                                              </p>
                                              <label class="form-control-static col-md-2">Nomor SPJ</label>
                                              <p class="form-control-static col-md-10">
                                                  : &nbsp; SPJ-004312 
                                              </p>
                                          </div>                                    
                                      </div>
                                  </form>
                              </div>
                          </div>
                      </div>
                  </div>

                  <div class="row" id="portlet-content">
                    <div class="col-md-12">
                      <div class="portlet light" style="position:relative">                      
                        <div class="portlet-body form" id="page-content" style="display:none">
                          <div class="table-responsive">
                            <table id="<?= $controller ?>_table" class="table table-bordered table-striped table-hover" style="width:100%; font-size:11px !important">
                              <thead>
                                <tr>
                                  <th class="text-center" style="font-size:10px !important">No</th>
                                  <th class="text-center" style="font-size:10px !important">Tanggal</th>
                                  <th class="text-center" style="font-size:10px !important">No. Registrasi</th>
                                  <th class="text-center" style="font-size:10px !important">Keluhan</th>
                                  <th class="text-center" style="font-size:10px !important">Ruangan</th>
                                  <th class="text-center" style="font-size:10px !important">Poliklinik</th>
                                  <th class="text-center" style="font-size:10px !important">Gol Sebab Akibat</th>
                                </tr>
                              </thead>
                              <tbody>
                                <tr>   
                                  <td align="center" class="col-md-1">1</td>
                                  <td align="center" class="col-md-1">17/12/2009</td>
                                  <td align="center" class="col-md-1">171209-031</td>
                                  <td align="justify" class="col-md-3">NYERI PADA PERUT</td>
                                  <td align="center" class="col-md-2">XX</td>
                                  <td align="center" class="col-md-2">UGD</td>
                                  <td align="center" class="col-md-2">Sindrom Rett</td>
                                </tr>
                                <tr>   
                                  <td align="center" class="col-md-1">2</td>
                                  <td align="center" class="col-md-1">17/04/2010</td>
                                  <td align="center" class="col-md-1">170410-574</td>
                                  <td align="justify" class="col-md-3">Panas Badan Sejak Kemarin</td>
                                  <td align="center" class="col-md-2">XX</td>
                                  <td align="center" class="col-md-2">UGD</td>
                                  <td align="center" class="col-md-2">Emergency Treatment</td>
                                </tr>
                                <tr>   
                                  <td align="center" class="col-md-1">3</td>
                                  <td align="center" class="col-md-1">11/06/2011</td>
                                  <td align="center" class="col-md-1">110611-871</td>
                                  <td align="justify" class="col-md-3">Mual,Kejang-Kejang,Panas,Pusing,Sesak Nafas Sejak Seminggu yang lalu</td>
                                  <td align="center" class="col-md-2">XX</td>
                                  <td align="center" class="col-md-2">Poliklinik Penyakit Dalam</td>
                                  <td align="center" class="col-md-2">Mental Retardasi </td>
                                </tr>            
                              </tbody>
                              <tfoot>
                                <tr>
                                  <th class="text-center" style="font-size:10px !important">No</th>
                                  <th class="text-center" style="font-size:10px !important">Tanggal</th>
                                  <th class="text-center" style="font-size:10px !important">No. Registrasi</th>
                                  <th class="text-center" style="font-size:10px !important">Keluhan</th>
                                  <th class="text-center" style="font-size:10px !important">Ruangan</th>
                                  <th class="text-center" style="font-size:10px !important">Poliklinik</th>
                                  <th class="text-center" style="font-size:10px !important">Gol Sebab Akibat</th>
                                </tr>
                              </tfoot>
                            </table>
                            <div class="col-md-12" id="tombol-added" style="display:flex; justify-content:center; align-items:center; margin-bottom:5px; padding:0px; border-bottom:0px" id="tombol-action" style="display:none">
                              <div style="margin:auto !important; overflow:hidden; margin-top:5px;">
                                <a class="btn green btn-sm" target="_Blank" href="<?=site_url()?>/front_office/reg_dir/registrasi/whole_print">
                                  <i class="fa fa-print"></i> Print
                                </a>     
                              </div>
                            </div>                             
                          </div>
                        </div> 
                        <?php $this->load->view('front_office/include/loading'); ?>
                      </div>
                    </div>
                  </div>

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

<script type="text/javascript">
  $(document).ready(function() {
     /*-------------Datepicker-------------*/
    $('#datepicker_tglkunjungan').datepicker({
      format: "yyyy-mm-dd",
      clearBtn: true,
      language: 'id',
      autoclose: true,
      todayHighlight: true
    });

    $("#ruangan").select2({
      placeholder: "Pilih Ruangan",
      closeOnSelect: false,
      language: "id"
    });
    
    $("#poliklinik").select2({
      placeholder: "Pilih Poliklinik",
      closeOnSelect: false,
      language: "id"
    });    

    $("#gol_sebab_sakit").select2({
      placeholder: "Pilih Gol Sebab Sakit",
      closeOnSelect: false,
      language: "id"
    });

    $("#loading-content,#loading").fadeOut("fast", function() {
      $("#page-content").fadeIn("fast");
    });

  });
</script>
<?php $this->load->view('front_office/script/form_data'); ?>