<link href="<?php echo $base?>plugins/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $base?>plugins/iCheck/all.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $base?>plugins/timepicker/bootstrap-timepicker.min.css" rel="stylesheet"/>
<script src="<?php echo $base?>plugins/input-mask/jquery.inputmask.js" type="text/javascript"></script>
<script src="<?php echo $base?>plugins/input-mask/jquery.inputmask.date.extensions.js" type="text/javascript"></script>
<script src="<?php echo $base?>plugins/input-mask/jquery.inputmask.extensions.js" type="text/javascript"></script>
<script src="<?php echo $base?>plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>
<script src="<?php echo $base?>plugins/timepicker/bootstrap-timepicker.min.js" type="text/javascript"></script>
<script src="<?php echo $base?>plugins/iCheck/icheck.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="<?php echo $base?>plugins/autocomplete/shieldui-all.css" />
<link href="<?php echo $base?>bootstrap/css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
<script type="text/javascript" src="<?php echo $base?>bootstrap/js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
<script type="text/javascript" src="<?php echo $base?>bootstrap/js/locales/bootstrap-datetimepicker.id.js" charset="UTF-8"></script>
<script type="text/javascript" src="<?php echo $base?>plugins/autocomplete/shieldui-all.min.js"></script>
        <link href="css/timepicker/bootstrap-timepicker.min.css" rel="stylesheet"/>
<script type="text/javascript">
  $(document).ready(function(){
	var base = <?php echo json_encode($base);?>;
	
	$("#example1").dataTable();
	
	$('.context').click(function(e){
		var kode = $(this).attr('id');
		$('#kodekunci').val(kode);
   		$("#menuklik").modal('show');
	});
	
	/*$('.context').bind('contextmenu', function(e){
		e.preventDefault();
    	var kode = $(this).attr('id');
		$('#kodekunci').val(kode);
   		$("#menuklik").modal('show');
	});*/
	
	$('#editdata').click(function(){
		var kode = $('#kodekunci').val();
		window.location=''+base+'edit-dosen/'+ kode +'';
	});
	
	$('#nonaktif').click(function(){
		var kode = $('#kodekunci').val();
		if (confirm("Anda yakin me-nonaktifkan data dengan kode " + kode+"?")){
			window.location=''+base+'query-delete-dosen/'+ kode +'';	
		}
	});
	
	$('#newdata').click(function(){
		window.location=''+base+'add-dosen';
	});

  });
   
</script>
<script type="text/javascript">
    var detik = <?php echo date('s'); ?>;
    var menit = <?php echo date('i'); ?>;
    var jam   = <?php echo date('H'); ?>;
    
    function clock()
    {
        if (detik!=0 && detik%60==0) {
            menit++;
            detik=0;
        }
        second = detik;
        
        if (menit!=0 && menit%60==0) {
            jam++;
            menit=0;
        }
        minute = menit;
        
        if (jam!=0 && jam%24==0) {
            jam=0;
        }
        hour = jam;
        
        if (detik<10){
            second='0'+detik;
        }
        if (menit<10){
            minute='0'+menit;
        }
        
        if (jam<10){
            hour='0'+jam;
        }
        waktu = hour+':'+minute+':'+second;
        
        document.getElementById("clock").innerHTML = waktu;
        detik++;
    }

    setInterval(clock,1000);
</script>
<aside class="right-side">                
                <section class="content-header">
                    <h1>
                        Data Jadwal 
                    </h1>
                    <ol class="breadcrumb">
                        <li><a href="home"><i class="fa fa-dashboard"></i> Home</a></li>
                        <li><a href="#">Kelola Data</a></li>
                        <li class="active">Data Jadwal</li>
                    </ol>
                </section>

                <!-- Main content -->
                <section class="content">
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="box">
                                <div class="box-header">
                                    <a data-toggle="modal" href="#modalInsert" class="btn btn-primary" style="color:#FFF; margin-left:10px;"><i class="fa fa-plus"></i> Tambah Data</a>
                                </div><!-- /.box-header -->
        <div class="table-responsive">
          <table id="example1" class="table table-bordered table-striped table-hover">
             <thead>
                <tr>
                    <th>No</th>
                    <th>Nama Kapal</th>
                    <th>Tanggal</th>
                    <th>Jam</th>
                    <th>Dari</th>
                    <th>Tujuan</th>
					<th>Kuota</th>
                    <th>Sisa Kursi</th>                    
                    <th colspan="3"><div align="center">Aksi</div></th>
                </tr>
            </thead>
            <tbody>
			<?php  
				    include("config/connection.php");
              		$sql ="select tb_jadwal.*, DATE_FORMAT(tb_jadwal.tanggal,'%d-%m-%Y') as tgl, tb_kapal.Nama as namakapal, tb_nahkoda.Nahkoda, pDari.Nama as dari, pTujuan.Nama as tujuan
							from tb_jadwal inner join tb_kapal on tb_jadwal.Id_Kapal = tb_kapal.Id_Kapal
							inner join tb_nahkoda on tb_jadwal.Id_Nahkoda = tb_nahkoda.Id_Nahkoda
							inner join tb_pelabuhan pDari on (pDari.Id_Pelabuhan = tb_jadwal.Dari)
							inner join tb_pelabuhan pTujuan on (pTujuan.Id_Pelabuhan = tb_jadwal.Tujuan) 
							where tb_jadwal.Status = '1'";
					$hasil = mysql_query($sql) or die("Kesalahan Pada SQL");
					mysql_close($test);
					
					while($row = mysql_fetch_object($hasil)){
						$id = $row->Id_Jadwal;
						$namakapal = $row->namakapal;
						$Nahkoda = $row->Nahkoda;
						$dari = $row->dari;
						$tujuan = $row->tujuan;
						$Kuota_Order = $row->Kuota_Order;
						$Sisa = $row->Sisa;
						$tanggal = $row->tgl;
						$Waktu = $row->Waktu;
						
			?>
            		<tr>
                    	<td><?php echo $id ?></td>
                        <td><?php echo $namakapal ?></td>
                        <td><?php echo $tanggal ?></td>
                        <td><?php echo $Waktu ?></td>
                        <td><?php echo $dari ?></td>
                        <td><?php echo $tujuan ?></td>
                        <td><?php echo $Kuota_Order ?></td>
                        <td><?php echo $Sisa ?></td>
                        <td><div align="center"><a class="btn btn-xs btn-primary btn-inline" href="data-jadwal-detil/<?php echo $id?>"><i class="fa fa-list-ol"></i></a></div></td>
                        <td><div align="center"><a data-toggle="modal" data-id='<?php echo $id?>' href="#modalEdit" class="open-Edit btn btn-xs btn-primary"><i class="fa fa-wrench"></i></a></div></td>
                        <td><div align="center"><a data-toggle="modal" data-id='<?php echo $id?>' href="#modalDelete" class="open-Delete btn btn-xs btn-primary"><i class="fa fa-times"></i></a></div></td>
                    </tr>
            <?php		
					}
			?>         
        	</tbody>
          </table>
          </div>
        </div><!-- /.box-body -->
      </div><!-- /.box -->
    </div><!-- /.col -->
  </div><!-- /.row -->
  
                            <div class="modal fade" id="modalInsert" tabindex="-1" role="dialog">
                                <div class="modal-dialog modal-lg">
                                    <div class="modal-content">
                                    <form class="form-horizontal" role="form" method="POST" enctype="multipart/form-data" action="data-jadwal-proses">
                                    	<input type="hidden" name="act" value="1">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                            <h4 class="modal-title" id="myModalLabel">Tambah Data Jadwal</h4>
                                        </div>
                                        <div class="modal-body" style="padding-left:50px; padding-right:50px;">
                                             <div class="form-group">
                                                <label class="control-label">Tanggal</label>
                                                <div class="input-group">
                                                <input type="date" class="form-control" name="tanggal"/>
                                                    <div class="input-group-addon">
                                                        <i class="fa fa-calendar"></i>
                                                    </div>
                                                </div><!-- /.input group -->
                                             </div>
                                            <div class="form-group">
                                                <label for="Operator" class="control-label">Waktu</label>
                                                <div class="input-group bootstrap-timepicker timepicker">
                                                    <input type="time" class="form-control input-small" name="Waktu">
                                                    <span class="input-group-addon">
                                                        <i class="glyphicon glyphicon-time"></i>
                                                    </span>
                                                </div>
                                             </div>
                                            <div class="form-group">
                                            <label for="Operator" class="control-label">Nama Kapal</label>
                                            <select name="Id_Kapal" id="idkapal" class="form-control">
                                        <?php  
                                                include("config/connection.php");
                                                $sql ="select * from tb_kapal where Status = '1'";
                                                $hasil = mysql_query($sql) or die("Kesalahan Pada SQL");
                                                mysql_close($test);
                                                
                                                while($row = mysql_fetch_object($hasil)){
                                                $Id_Kapal = $row->Id_Kapal;
                                                $Nama = $row->Nama;
                                                $Jumlah_Kursi = $row->Jumlah_Kursi;
                                                                                
                                        ?>
                                            <option value="<?php echo $Id_Kapal ?>" ><?php echo $Nama?> (<?php echo $Jumlah_Kursi?>)</option>
                                         <?php } ?> 
                                             	</select>  
                                             </div>
                                            <div class="form-group">
                                                <label for="Operator" class="control-label">Kuota Order</label>
                                                <input type="number" name="Kuota_Order" required="required" class="form-control" value="1">
                                             </div>
                                            <div class="form-group">
                                                <label for="Operator" class="control-label">Nama Nahkoda</label>
                                                <select name="Id_Nahkoda" id="idkapal" class="form-control">
											<?php  
													include("config/connection.php");
													$sql ="select * from tb_nahkoda where Status ='1'";
													$hasil = mysql_query($sql) or die("Kesalahan Pada SQL");
													mysql_close($test);
													
													while($row = mysql_fetch_object($hasil)){
														$idnahkoda = $row->Id_Nahkoda;
														$namanahkoda = $row->Nahkoda;
														$alamat = $row->Alamat;
														$telp = $row->No_Telp;
																													
											?>
												<option value="<?php echo $idnahkoda ?>" ><?php echo $namanahkoda?></option>
                                             <?php } ?> 
                                             	</select>  
                                             </div>
                                            <div class="form-group">
                                                <label for="Operator" class="control-label">Dari</label>
                                                <select name="Dari" id="dari" class="form-control">
											<?php  
												include("config/connection.php");
												$sql ="select * from tb_pelabuhan where Status ='1'";
												$hasil = mysql_query($sql) or die("Kesalahan Pada SQL");
												mysql_close($test);
												
												while($row = mysql_fetch_object($hasil)){
													$id = $row->Id_Pelabuhan;
													$nama = $row->Nama;
													$keterangan = $row->Keterangan;
																		?>
												<option value="<?php echo $id ?>" ><?php echo $nama?></option>
                                             <?php } ?> 
                                             	</select>  
                                             </div>
                                            <div class="form-group">
                                                <label for="Operator" class="control-label">Tujuan</label>
                                                <select name="Tujuan" id="tujuan" class="form-control">
											<?php  
												include("config/connection.php");
												$sql ="select * from tb_pelabuhan where Status ='1'";
												$hasil = mysql_query($sql) or die("Kesalahan Pada SQL");
												mysql_close($test);
												
												while($row = mysql_fetch_object($hasil)){
													$id = $row->Id_Pelabuhan;
													$nama = $row->Nama;
													$keterangan = $row->Keterangan;
																		?>
												<option value="<?php echo $id ?>" ><?php echo $nama?></option>
                                             <?php } ?> 
                                             	</select>  
                                             </div>
                                            <div class="form-group">
                                                <label for="Operator" class="control-label">Harga</label>
				                                <div class="input-group">
                                                    <span class="input-group-addon">Rp</span>
                                                    <input type="number" name="Harga" required="required" class="form-control" value="0">
                                              	</div>
                                             </div>
                                        </div> 
                                        <div class="modal-footer">
                                            <div class="form-group">  
                                                <label class="col-sm-2" for="aksi"></label>      
                                                    <div class="col-sm-10">
                                                        <button type="submit" class="btn btn-success"><i class='glyphicon glyphicon-save'></i> Simpan</button>
                                                    </div>
                                            </div>
                                        </div>
                                    </form>
                                    </div>
                                    <!-- /.modal-content -->
                                </div>
                                <!-- /.modal-dialog -->
                            </div>


                            <div class="modal fade" id="modalEdit" tabindex="-1" role="dialog">
                                <div class="modal-dialog modal-lg">
                                    <div class="modal-content">
                                    <form class="form-horizontal" role="form" method="POST" enctype="multipart/form-data" action="data-jadwal-proses">
                                       <input type="hidden" name="act" value="2">
                                       <input type="hidden" name="id" id="id">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                            <h4 class="modal-title" id="myModalLabel">Ubah Data Jadwal</h4>
                                        </div>
                                        <div class="modal-body" style="padding-left:50px; padding-right:50px;">
                                             <div class="form-group">
                                                <label class="control-label">Tanggal</label>
                                                <div class="input-group">
                                                <input type="date" class="form-control" name="tanggal"/>
                                                    <div class="input-group-addon">
                                                        <i class="fa fa-calendar"></i>
                                                    </div>
                                                </div><!-- /.input group -->
                                             </div>
                                            <div class="form-group">
                                                <label for="Operator" class="control-label">Waktu</label>
                                                <div class="input-group bootstrap-timepicker timepicker">
                                                    <input type="time" class="form-control input-small" name="Waktu" id="Waktu">
                                                    <span class="input-group-addon">
                                                        <i class="glyphicon glyphicon-time"></i>
                                                    </span>
                                                </div>
                                             </div>
                                            <div class="form-group">
                                            <label for="Operator" class="control-label">Nama Kapal</label>
                                            <select name="Id_Kapal" id="Id_Kapal" class="form-control">
                                        <?php  
                                                include("config/connection.php");
                                                $sql ="select * from tb_kapal where Status = '1'";
                                                $hasil = mysql_query($sql) or die("Kesalahan Pada SQL");
                                                mysql_close($test);
                                                
                                                while($row = mysql_fetch_object($hasil)){
                                                $Id_Kapal = $row->Id_Kapal;
                                                $Nama = $row->Nama;
                                                $Jumlah_Kursi = $row->Jumlah_Kursi;
                                                                                
                                        ?>
                                            <option value="<?php echo $Id_Kapal ?>" ><?php echo $Nama?> (<?php echo $Jumlah_Kursi?>)</option>
                                         <?php } ?> 
                                             	</select>  
                                             </div>
                                            <div class="form-group">
                                                <label for="Operator" class="control-label">Kuota Order</label>
                                                <input type="number" name="Kuota_Order" required="required" class="form-control" value="1" id="Kuota_Order">
                                             </div>
                                            <div class="form-group">
                                                <label for="Operator" class="control-label">Nama Nahkoda</label>
                                                <select name="Id_Nahkoda" id="Id_Nahkoda" class="form-control">
											<?php  
													include("config/connection.php");
													$sql ="select * from tb_nahkoda where Status ='1'";
													$hasil = mysql_query($sql) or die("Kesalahan Pada SQL");
													mysql_close($test);
													
													while($row = mysql_fetch_object($hasil)){
														$idnahkoda = $row->Id_Nahkoda;
														$namanahkoda = $row->Nahkoda;
														$alamat = $row->Alamat;
														$telp = $row->No_Telp;
																													
											?>
												<option value="<?php echo $idnahkoda ?>" ><?php echo $namanahkoda?></option>
                                             <?php } ?> 
                                             	</select>  
                                             </div>
                                            <div class="form-group">
                                                <label for="Operator" class="control-label">Dari</label>
                                                <select name="Dari" id="Dari" class="form-control">
											<?php  
												include("config/connection.php");
												$sql ="select * from tb_pelabuhan where Status ='1'";
												$hasil = mysql_query($sql) or die("Kesalahan Pada SQL");
												mysql_close($test);
												
												while($row = mysql_fetch_object($hasil)){
													$id = $row->Id_Pelabuhan;
													$nama = $row->Nama;
													$keterangan = $row->Keterangan;
																		?>
												<option value="<?php echo $id ?>" ><?php echo $nama?></option>
                                             <?php } ?> 
                                             	</select>  
                                             </div>
                                            <div class="form-group">
                                                <label for="Operator" class="control-label">Tujuan</label>
                                                <select name="Tujuan" id="Tujuan" class="form-control">
											<?php  
												include("config/connection.php");
												$sql ="select * from tb_pelabuhan where Status ='1'";
												$hasil = mysql_query($sql) or die("Kesalahan Pada SQL");
												mysql_close($test);
												
												while($row = mysql_fetch_object($hasil)){
													$id = $row->Id_Pelabuhan;
													$nama = $row->Nama;
													$keterangan = $row->Keterangan;
																		?>
												<option value="<?php echo $id ?>" ><?php echo $nama?></option>
                                             <?php } ?> 
                                             	</select>  
                                             </div>
                                            <div class="form-group">
                                                <label for="Operator" class="control-label">Harga</label>
				                                <div class="input-group">
                                                    <span class="input-group-addon">Rp</span>
                                                    <input type="number" name="Harga" required="required" class="form-control" value="0" id="Harga">
                                              	</div>
                                             </div>
                                        </div> 
                                        <div class="modal-footer">
                                            <div class="form-group">  
                                                <label class="col-sm-2" for="aksi"></label>      
                                                    <div class="col-sm-10">
                                                        <button type="submit" class="btn btn-success"><i class='glyphicon glyphicon-save'></i> Simpan</button>
                                                    </div>
                                            </div>
                                        </div>
                                    </form>
                                    </div>
                                    <!-- /.modal-content -->
                                </div>
                                <!-- /.modal-dialog -->
                            </div>
                            <div class="modal fade" id="modalDelete" tabindex="-1" role="dialog">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                            <h4 class="modal-title" id="myModalLabel">Non Aktif Jenis Kapal</h4>
                                        </div>
                                        <div class="modal-body">
                                            <form class="form-horizontal" role="form" name="form_kepala_delete" method="POST" enctype="multipart/form-data" id="form_kepala_delete" action="data-kapal-proses">
                                                <input type="hidden" id="idd" name="id">
                                                <input type="hidden" name="act" value="3">
                                            <p>Apakah Anda Yakin Akan Menghapus data ini?</p>
                                        </div>
                                        <div class="modal-footer"> 
                                            <button type="button" class="btn btn-warning" data-dismiss="modal">Tidak</button>
                                            <button type="submit" class="editflag btn btn-success" >Yakin</button>    
                                        </div>
                                            </form>
                                    </div>
                                    <!-- /.modal-content -->
                                </div>
                                <!-- /.modal-dialog -->
                            </div>
    <script>
        $(document).on("click", ".open-Edit", function () {
            var Id = $(this).data('id');
            //event.preventDefault();
            $.ajax({
                type: "get",
                url: "data-jadwal-proses.php?actget=1",
                data: "id="+Id,
                success: function(data){
					        
                    var jdata = jQuery.parseJSON(data);
                    $('#id').val(jdata.Id_Jadwal);
					$('#Waktu').val(jdata.Waktu);
					$('#Kuota_Order').val(jdata.Kuota_Order);
					$('#Harga').val(jdata.Harga);
					$('#tanggal').val(jdata.tgl);
					$('#tgl').val(jdata.tanggal);
					
					$('#Id_Kapal').val(jdata.Id_Kapal).attr('selected',true);
                    var option = document.createElement("option");
                    option.value = jdata.Id_Kapal;
                    option.text = jdata.namakapal;
                    var select = document.getElementById("Id_Kapal");

					$('#Id_Nahkoda').val(jdata.Id_Nahkoda).attr('selected',true);
                    var option2 = document.createElement("option");
                    option2.value = jdata.Id_Nahkoda;
                    option2.text = jdata.Nahkoda;
                    var select = document.getElementById("Id_Nahkoda");

					$('#Dari').val(jdata.Dari).attr('selected',true);
                    var option3 = document.createElement("option");
                    option3.value = jdata.Dari;
                    option3.text = jdata.peldari;
                    var select = document.getElementById("Dari");

					$('#Tujuan').val(jdata.Tujuan).attr('selected',true);
                    var option4 = document.createElement("option");
                    option4.value = jdata.Tujuan;
                    option4.text = jdata.peltujuan;
                    var select = document.getElementById("Tujuan");
					
                    $("#modalEdit").modal('show');
                },
                error: function(){
                    alert("failure");
                }
            });
        });
        $(document).on("click", ".open-Delete", function () {
            var Id = $(this).data('id');
            //event.preventDefault();
            $('#idd').val(Id);
            $('#modalDelete').modal('show');
        });

    </script>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
        <!-- Bootstrap -->
        <script src="js/bootstrap.min.js" type="text/javascript"></script>
        <!-- InputMask -->
        <script src="js/plugins/input-mask/jquery.inputmask.js" type="text/javascript"></script>
        <script src="js/plugins/input-mask/jquery.inputmask.date.extensions.js" type="text/javascript"></script>
        <script src="js/plugins/input-mask/jquery.inputmask.extensions.js" type="text/javascript"></script>
        <!-- date-range-picker -->
        <script src="js/plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>
        <!-- bootstrap color picker -->
        <script src="js/plugins/colorpicker/bootstrap-colorpicker.min.js" type="text/javascript"></script>
        <!-- bootstrap time picker -->
        <script src="js/plugins/timepicker/bootstrap-timepicker.min.js" type="text/javascript"></script>
        <!-- AdminLTE App -->
        <script src="js/AdminLTE/app.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function() {
                //Datemask dd/mm/yyyy
                $("#datemask").inputmask("dd/mm/yyyy", {"placeholder": "dd/mm/yyyy"});
                //Datemask2 mm/dd/yyyy
                $("#datemask2").inputmask("mm/dd/yyyy", {"placeholder": "mm/dd/yyyy"});
                //Money Euro
                $("[data-mask]").inputmask();

                //Date range picker
                $('#reservation').daterangepicker();
                //Date range picker with time picker
                $('#reservationtime').daterangepicker({timePicker: true, timePickerIncrement: 30, format: 'MM/DD/YYYY h:mm A'});
                //Date range as a button
                $('#daterange-btn').daterangepicker(
                        {
                            ranges: {
                                'Today': [moment(), moment()],
                                'Yesterday': [moment().subtract('days', 1), moment().subtract('days', 1)],
                                'Last 7 Days': [moment().subtract('days', 6), moment()],
                                'Last 30 Days': [moment().subtract('days', 29), moment()],
                                'This Month': [moment().startOf('month'), moment().endOf('month')],
                                'Last Month': [moment().subtract('month', 1).startOf('month'), moment().subtract('month', 1).endOf('month')]
                            },
                            startDate: moment().subtract('days', 29),
                            endDate: moment()
                        },
                function(start, end) {
                    $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
                }
                );

                //iCheck for checkbox and radio inputs
                $('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
                    checkboxClass: 'icheckbox_minimal',
                    radioClass: 'iradio_minimal'
                });
                //Red color scheme for iCheck
                $('input[type="checkbox"].minimal-red, input[type="radio"].minimal-red').iCheck({
                    checkboxClass: 'icheckbox_minimal-red',
                    radioClass: 'iradio_minimal-red'
                });
                //Flat red color scheme for iCheck
                $('input[type="checkbox"].flat-red, input[type="radio"].flat-red').iCheck({
                    checkboxClass: 'icheckbox_flat-red',
                    radioClass: 'iradio_flat-red'
                });

                //Colorpicker
                $(".my-colorpicker1").colorpicker();
                //color picker with addon
                $(".my-colorpicker2").colorpicker();

                //Timepicker
                $(".timepicker").timepicker({
                    showInputs: false
                });
            });
        </script>
