@extends('template_satgas')

@section('title')
	ATTENDANCE | Data Surat Ijin
@stop

@section('top_script')
	@include('satgas::layouts.top_script_absen')
    <style type="text/css">
    .select2-search input{
        z-index: 10 !important;
    }
	.select3-option .select2-choice {
		height: 30px !important;
		border-radius:0;
	}
	.select3-option .select2-choice > .select2-chosen {
		font-size: 10px;
	}
	</style>
@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="#">Surat Ijin</a></li>
        <li class="active">Data Surat Ijin</li>
    </ul>
    <div class="m-b-md text-center" style="margin-bottom:10px">
        <h5 class="m-b-none"><strong>DATA</strong> SURAT IJIN</h5>
        <span style="font-size:11px">Fitur untuk menampilkan data surat ijin yang telah masuk</span>
    </div>
    <section class="panel panel-success">
        <div class="table-responsive">
            <span class="msg_table"></span>
            <table id="ijin-data" class="table table-striped m-b-none table-hover" width="100%" style="font-size: 11px">
                <thead>
                    <tr>
                        <th class="text-center" width="10%" id="nip">NIP</th>
                        <th class="text-center" id="nama">NAMA</th>
                        <th class="text-center" width="10%" id="kode">KODE</th>                        
                        <th class="text-center" width="10%" id="mulai">MULAI</th>
                        <th class="text-center" width="10%" id="berakhir">BERAKHIR</th>
                        <th class="text-center" id="jenis">JENIS</th>
                        <th class="text-center" id="unit">UNIT</th>
                        <th class="text-center" id="bidang">BIDANG</th>
                        <th class="text-center" width="10%" id="keputusan">SK</th>
                        <th class="text-center" width="10%" id="file">FILE</th>
                        <th class="text-center" width="13%">AKSI</th>
                    </tr>
					<tr>
                        <td style="padding:0"><input class="form-control input-sm" type="text" placeholder="Enter Here..." style="width:100%; border-radius:0"></td>
						<td style="padding:0"><input class="form-control input-sm" type="text" placeholder="Enter Here..." style="width:100%; border-radius:0"></td>
						<td style="padding:0"><input class="form-control input-sm" type="text" placeholder="Enter Here..." style="width:100%; border-radius:0"></td>                        
						<td style="padding:0"><input class="form-control input-sm" type="text" placeholder="Enter Here..." style="width:100%; border-radius:0"></td>
						<td style="padding:0"><input class="form-control input-sm" type="text" placeholder="Enter Here..." style="width:100%; border-radius:0"></td>
						<td style="padding:0">
							<select class="select3-option" style="width:100%" data-placeholder="Pilih Status">
                                <option value=""></option>
                                @foreach($alasan->get() as $key => $value)
                                    <option value="{{ $value->keterangan }}">{{ $value->keterangan }}</option>
                                @endforeach
                            </select>
						</td>
                        <td style="padding:0"><input class="form-control input-sm" type="text" placeholder="Enter Here..." style="width:100%; border-radius:0"></td>
						<td style="padding:0"><input class="form-control input-sm" type="text" placeholder="Enter Here..." style="width:100%; border-radius:0"></td>
						<td style="padding:0"></td>
						<td style="padding:0"></td>
						<td style="padding:0"></td>
                    </tr>
                </thead>
                <tbody style="font-size: 11px"></tbody>
            </table>
        </div>
    </section>
</section>
<div id="modal-ijin" class="modal fade in" tabindex="-1" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog" style="width:700px">
        <div class="modal-content">
            <div class="modal-header" style="border-radius:6px 6px 0 0; color:#3a87ad; background-color:#f5f5f5">
                <button class="close" data-dismiss="modal" type="button">×</button>
                <h4 class="modal-title">UBAH DATA SURAT IJIN</h4>
            </div>
            <form id="insertIjin">
                <div class="modal-body">
                    <div class="form-group">
                        <div class="input-group m-b">
                            <span class="input-group-addon">CARI PEGAWAI</span>
                            <input name="id" type="hidden">
                            <input name="keyword" type="text" class="form-control input-sm" placeholder="Cari Pegawai" readonly>
                            <input name="id_pegawai" type="hidden">
                            <input name="jenis" value="biasa" type="hidden">
                            <input name="kode_ijin" type="hidden">
                            <input name="tanggal" type="hidden">
							<input name="list_day" type="hidden">
							<input name="jabatan_id" type="hidden">
							<input name="unit_id" type="hidden">
                        </div>
                    </div>
                    <div class="form-group" style="margin-bottom:0px">
                        <div class="input-group m-b">
                            <span class="input-group-addon">JABATAN</span>
                            <input type="text" name="jabatan" class="form-control input-sm" readonly>
                            <span class="input-group-addon">BAGIAN</span>
                            <input class="form-control input-sm" name="unit" type="text" readonly>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group m-b">
                            <span class="input-group-addon">ALASAN</span>
                            <select name="alasan_id" class="select2-option" style="width:100%">
                                <option value="">Pilih Alasan</option>
                                @foreach($alasan_biasa->get() as $key => $value)
                                    <option value="{{ $value->id }}" data-jenis="{{ $value->jenis }}" data-jatah="{{ $value->jatah }}">{{ $value->keterangan }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group m-b">
                            <span class="input-group-addon">KETERANGAN</span>
                            <textarea name="keterangan" class="form-control input-sm" placeholder="Isikan Keterangan"></textarea>
                        </div>
                    </div>
                    <div class="form-group" style="margin-bottom:0px">
                        <div class="input-group m-b">
                            <span class="input-group-addon">TANGGAL</span>
                            <input type="text" name="tanggal_mulai" placeholder="Mulai Tanggal" data-date-format="dd-mm-yyyy" data-date-autoclose="true" size="16" class="input-s datepicker-input form-control input-sm">
                            <span class="input-group-addon">s/d</span>
                            <input type="text" name="tanggal_berakhir" placeholder="Sampai Tanggal" data-date-format="dd-mm-yyyy" data-date-autoclose="true" size="16" class="input-s datepicker-input form-control input-sm">
                            <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                        </div>
                    </div>
                </div>
                <div class="modal-footer" style="border-radius:0 0 6px 6px; color:#3a87ad; background-color:#f5f5f5; margin-top:0px">
                    <button type="reset" class="btn btn-danger" data-dismiss="modal" >Close</button>
                    <button type="submit" class="btn btn-info" >Simpan</button>
                </div>
            </form>
        </div>
    </div>
</div>
<div id="modal-cuti" class="modal fade in" tabindex="-1" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog" style="width:700px">
        <div class="modal-content">
            <div class="modal-header" style="border-radius:6px 6px 0 0; color:#3a87ad; background-color:#f5f5f5">
                <button class="close" data-dismiss="modal" type="button">×</button>
                <h4 class="modal-title">UBAH DATA SURAT CUTI</h4>
            </div>
            <form id="insertCuti">
                <div class="modal-body">
                    <div class="form-group">
                        <div class="input-group m-b">
                            <span class="input-group-addon">PEMOHON CUTI</span>
                            <input name="id" type="hidden">
                            <input name="keyword" type="text" class="form-control input-sm" placeholder="Cari Pegawai" readonly>
                            <input name="id_pegawai" type="hidden">
                            <input name="jenis" value="cuti" type="hidden">
                            <input name="kode_ijin" type="hidden">
                            <input name="list_day" type="hidden">
                            <input name="jabatan_id" type="hidden">
                        </div>
                    </div>
                    <div class="form-group" style="margin-bottom:0px">
                        <div class="input-group m-b">
                            <span class="input-group-addon">JABATAN</span>
                            <input type="text" name="jabatan" class="form-control input-sm" readonly>
                            <span class="input-group-addon">BAGIAN</span>
                            <input class="form-control input-sm" name="unit" type="text" readonly>
                        </div>
                    </div>
                    <div class="form-group" style="margin-bottom:0px">
                        <div class="input-group m-b">
                            <span class="input-group-addon">TANGGAL SURAT</span>
                            <input type="text" name="tgl_surat" placeholder="Tanggal Surat" data-date-format="dd-mm-yyyy" data-date-autoclose="true" class="datepicker-input form-control input-sm">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group m-b">
                            <span class="input-group-addon">ALASAN</span>
                            <select name="alasan_id" class="select2-option" style="width:100%">
                                <option value="">Pilih Alasan</option>
                                @foreach($alasan_cuti->get() as $key => $value)
                                    <option value="{{ $value->id }}" data-jenis="{{ $value->jenis }}" data-jatah="{{ $value->jatah }}">{{ $value->keterangan }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group m-b">
                            <span class="input-group-addon">KETERANGAN</span>
                            <textarea id="inp-keterangan" name="keterangan" class="form-control input-sm" placeholder="Isikan Keterangan"></textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group m-b">
                            <span class="input-group-addon">ALAMAT SELAMA CUTI</span>
                            <textarea name="alamat_cuti" class="form-control input-sm" placeholder="Alamat Pegawai"></textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group m-b">
                            <span class="input-group-addon">PEGAWAI PENGGANTI</span>
                            <input name="keyword_pengganti" type="text" class="form-control input-sm" placeholder="Cari Pegawai">
                            <input name="pengganti_id" type="hidden">
                        </div>
                    </div>
					<div class="form-group" id="form-hpl">
                        <div class="input-group m-b">
                            <span class="input-group-addon">HPL</span>
                            <input type="text" name="hpl" id="hpl" placeholder="HPL Tanggal" data-date-format="dd-mm-yyyy" data-date-autoclose="true" size="16" class="input-s datepicker-input form-control input-sm">
                        </div>
                    </div>
                    <div class="form-group" style="margin-bottom:0px">
                        <div class="input-group m-b">
                            <span class="input-group-addon">JATAH CUTI (BISA DIAMBIL)</span>
                            <input type="text" name="sisa_cuti" class="form-control input-sm" readonly>
                            <span class="input-group-addon">JUMLAH CUTI (YANG AKAN DIAMBIL)</span>
                            <input class="form-control input-sm" name="ambil_cuti" type="text">
                        </div>
                    </div>
                    <div class="form-group" style="margin-bottom:0px">
                        <div class="input-group m-b">
                            <span class="input-group-addon">TANGGAL</span>
                            <input type="text" id="tanggal_mulai_cuti" placeholder="Mulai Tanggal" data-date-format="dd-mm-yyyy" data-date-autoclose="true" size="16" class="input-s datepicker-input form-control input-sm">
                            <span class="input-group-addon">s/d</span>
                            <input type="text" id="tanggal_berakhir_cuti" placeholder="Sampai Tanggal" data-date-format="dd-mm-yyyy" data-date-autoclose="true" size="16" value="" class="input-s datepicker-input form-control input-sm">
                            <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                        </div>
                    </div>
                </div>
                <div class="modal-footer" style="border-radius:0 0 6px 6px; color:#3a87ad; background-color:#f5f5f5; margin-top:0px">
                    <button type="reset" class="btn btn-danger" data-dismiss="modal" >Close</button>
                    <button type="submit" class="btn btn-info" >Simpan</button>
                </div>
            </form>
        </div>
    </div>
</div>
@stop

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