@extends('template_satgas')

@section('title')
	SATGAS | Timetable
@stop

@section('top_script')
	@include('satgas::layouts.top_script_absen')
@stop

@section('content')
<section class="scrollable padder">
	<ul class="breadcrumb no-border no-radius b-b b-light pull-in">
		<li><a href="{{ url('home') }}"><i class="fa fa-home"></i> Home</a></li>
		<li><a href="#">Master</a></li>
		<li class="active">Timetable</li>
	</ul>
	<div class="m-b-md text-center" style="margin-bottom:10px">
		<h5 class="m-b-none"><strong>Master</strong> Timetable</h5>
		<span style="font-size: 11px;">Fitur untuk mengelola timetable</span>
	</div>
	<section id="formInput" class="panel panel-info">
        <header class="panel-heading font-bold">Kelola Data Timetable</header>
        <form id="insertTimetable" class="bs-example form-horizontal" autocomplete="off">
	        <div class="panel-body">
	            <span class="msg_form"></span>
	            <div class="form-group">
	                <label class="col-lg-2 control-label">Nama</label>
	                <div class="col-lg-10">
	                	<input name="id" type="hidden">
	                    <input name="nama" type="text" class="form-control input-sm" placeholder="Isikan Nama Timetable">
	                </div>
	            </div>
	            <div class="form-group" style="margin-bottom:0px">
	                <label class="col-lg-2 control-label">Waktu</label>
	                <div class="col-lg-5">
	                    <div class="input-group m-b clockpicker" data-placement="bottom" data-align="top" data-autoclose="true">
							<span class="input-group-addon" style="font-size: 11px">Datang</span>
							<input class="form-control input-sm" name="masuk" type="text" placeholder="Jam Masuk">
							<span class="input-group-addon"><i class="fa fa-clock-o"></i></span>
						</div>
	                </div>
	                <div class="col-lg-5">
						<div class="input-group m-b clockpicker" data-placement="bottom" data-align="top" data-autoclose="true">
							<span class="input-group-addon" style="font-size: 11px">Pulang</span>
							<input class="form-control input-sm" name="pulang" type="text" placeholder="Jam Pulang">
							<span class="input-group-addon"><i class="fa fa-clock-o"></i></span>
						</div>
	                </div>
	            </div>
	            <div class="form-group">
	                <label class="col-lg-2 control-label">Countday</label>
	                <div class="col-lg-10">
	                    <input name="count_day" type="text" class="form-control input-sm" placeholder="Isikan Perhitungan Hari (Countday)">
	                </div>
	            </div>
	            <div class="form-group">
	                <label class="col-lg-2 control-label">Hitung Tanggal Jam Pulang</label>
	                <div class="col-lg-10">
	                    <!-- <input name="hari_dihitung" type="text" class="form-control input-sm" placeholder="Isikan 1 untuk hitung tanggal pada jam pulang atau biarkan kosong jika tidak"> -->
						<select name="hari_dihitung" class="select2-option" style="width:100%" data-placeholder="Pakai tgl di jam pulang?">
							<option value="1">Ya</option>
							<option value="0">Tidak</option>
						</select>
	                </div>
	            </div>
	        </div>
	        <div class="panel-footer">
	        	<div class="form-group" style="margin-bottom:0">
	                <div class="col-lg-10 col-lg-offset-2">
	                    <button type="reset" class="btn btn-sm btn-danger">Batal</button>
	                    <button id="save" type="submit" class="btn btn-sm btn-info">Simpan</button>
	                </div>
	            </div>
	        </div>
        </form>
    </section>
	<section class="panel panel-success">
		<header class="panel-heading font-bold">Daftar Timetable<i class="fa fa-info-sign text-muted" data-toggle="tooltip" data-placement="bottom" data-title="ajax to load the data."></i> </header>
		<div class="table-responsive">
			<span class="msg_table"></span>
			<table id="timetable-data" class="table table-striped table-hover m-b-none" width="100%" style="font-size: 11px">
				<thead>
					<tr>
						<th>NAMA</th>
						<th>JAM MASUK</th>
						<th>JAM PULANG</th>
						<th>COUNTDAY</th>
						<th width="15%">AKSI</th>
					</tr>
				</thead>
				<tbody>
				</tbody>
			</table>
		</div>
	</section>
</section>
@stop

@section('bottom_script')
	@include('absen::layouts.bottom_script_absen')
@stop