@extends('template_absen')

@section('title')
	ATTENDANCE | Perubahan Log Absen
@stop

@section('top_script')
	@include('absen::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="#">Absen</a></li>
        <li class="active">Perubahan Log Absen</li>
    </ul>
    <div class="m-b-md text-center" style="margin-bottom:10px">
        <h5 class="m-b-none"><strong>PERUBAHAN</strong> DATA ABSEN</h5>
        <span style="font-size:11px">Fitur untuk merubah data log absen pegawai</span>
    </div>
    <section class="panel panel-primary portlet-item">
        <header class="panel-heading" style="font-weight:bold">
            <ul class="nav nav-pills pull-right">
                <li> <a href="#" class="panel-toggle text-muted" style="color:#fff"><i class="fa fa-caret-down text-active"></i><i class="fa fa-caret-up text"></i></a> </li>
            </ul> Cari Lebih Detail 
        </header>
        <form id="cari_pegawai">
            <section class="panel-body">
                <div class="msg_cek" style="padding:0 10px"></div>
                <div class="row">
                    <div class="form-group col-md-3">
                        <label>Terminal :</label>
                        <select name="kode_mesin" class="select2-option cari" style="width:100%;">
                        @if($terminal->count() > 0)
                            @foreach($terminal->get() as $key => $value)
                                <option value=""></option>
                            @endforeach
                        @endif
                        </select>
                    </div>
                    <div class="form-group col-md-2">
                        <label>Tanggal :</label>
                        <input type="text" placeholder="Tanggal Mulai" name="tgl_absen" data-date-format="yyyy-mm-dd" class="datepicker-input form-control input-sm" value="{{ format_date('Y-m-d') }}">
                    </div>
                    <div class="form-group col-md-2">
                        <label>Jam Awal :</label>
                        <input class="form-control input-sm clockpicker" name="jam_awal" type="text" placeholder="Jam Masuk Pegawai" data-placement="bottom" data-align="top" data-autoclose="true">
                    </div>
                    <div class="form-group col-md-2">
                        <label>Jam Berakhir :</label>
                        <input class="form-control input-sm clockpicker" name="jam_berakhir" type="text" placeholder="Jam Berakhir Pegawai" data-placement="bottom" data-align="top" data-autoclose="true">
                    </div>
                    <div class="form-group col-md-3">
                        <label>Ubah Jam Absen :</label>
                        <input class="form-control input-sm" name="ubah" type="text" placeholder="Ubah Jam Absen" data-placement="bottom" data-align="top" data-autoclose="true">
                        <span style="color:red; font-size: 11px">(Ex : -30 untuk percepat 30 menit)</span>
                    </div>
                </div>
            </section>
            <section class="panel-footer">
                <div class="form-group text-center" style="margin-bottom:0">
                    <button type="submit" class="btn btn-sm btn-info" id="reset-filter-cari"><i class="fa fa-user"></i> Lihat Pegawai</button>
                    <button type="button" class="btn btn-sm btn-primary save"><i class="fa fa-save"></i> Terapkan Perubahan</button>
                </div>
            </section>
        </form>
    </section>
    <section class="panel panel-success">
        <header class="panel-heading font-bold">Data Pegawai</header>
        <div class="table-responsive">
            <span class="msg_table"></span>
            <table id="data-pegawai" class="table table-striped m-b-none" width="100%" style="font-size: 11px">
                <thead>
                    <tr>
                        <th style="width:30px; text-align: center"><input name="checkall" type="checkbox"></input></th>
                        <th style="width: 50px; text-align: center">NIP</th>
                        <th style=" text-align: left">NAMA</th>
                        <th style=" text-align: center">WAKTU ABSEN</th>
                        <th style=" text-align: center">KODE MESIN</th>
                    </tr>
                </thead>
                <tbody id="list-pegawai">
                </tbody>
            </table>
        </div>
    </section>
</section>
@stop

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