@extends('template_absen')

@section('title')
    HRIS | HUT Pegawai
@stop

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

@section('content')
<style type="text/css">
    .select2-search input{
        z-index: 10 !important;
    }
    table.surat td {
        background-color: #ededed;
        font-size: 10px;
    }
</style>
<section class="scrollable padder">
    <ul class="breadcrumb no-border no-radius b-b b-light pull-in">
        <li><a href="{{ url('home/absen') }}"><i class="fa fa-home"></i> Home</a></li>
        <li><a href="#">Notifikasi</a></li>
        <li class="active">Pegawai Tidak Punya Shift</li>
    </ul>
    <div class="m-b-md text-center">
        <h3 class="m-b-none"><strong>PEGAWAI</strong> TIDAK MEMILIKI SHIFT</h3>
        <span>Fitur untuk menampilkan data pegawai yang tidak memiliki shift</span>
    </div>
    <section class="panel panel-success">
        <div class="table-responsive">
            <span class="msg_table"></span>
            <table id="pegawai-belum-bershift" class="table table-striped m-b-none table-hover" width="100%">
                <thead>
                    <tr>
                        <th class="text-center" width="10%">NIP</th>
                        <th class="text-center" width="20%">NAMA</th>
                        <th class="text-center" width="20%">UNIT</th>
                        <th class="text-center">JABATAN</th>
                        <th class="text-center" width="10%">AKSI</th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>
    </section>
</section>
<div id="modal-shift" class="modal fade in" 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" onclick="clear_shift()">×</button>
                <h4 class="modal-title">ALOKASI SHIFT</h4>
            </div>
            <form id="form-shift">
                <div class="modal-body">
                    <div class="form-group">
                        <div class="input-group m-b">
                            <span class="input-group-addon">PEGAWAI</span>
                            <input name="keyword" type="text" class="form-control" placeholder="Data Pegawai" readonly>
                            <input name="id_pegawai" type="hidden">
                        </div>
                    </div>
                    <div class="form-group" style="margin-bottom:0px">
                        <div class="input-group m-b">
                            <span class="input-group-addon">SHIFT</span>
                            <select name="id_shift" class="select2-option" style="width:100%">
                                <option value=""></option>
                                @foreach($shift->get() as $key => $value)
                                    <option value="{{ $value->id }}" data-model="{{ $value->model }}">{{ $value->nama }}</option>
                                @endforeach
                            </select>
                        </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="mulai" name="mulai" placeholder="Mulai Tanggal" data-date-format="dd-mm-yyyy" data-date-autoclose="true" size="16" class="input-s datepicker-input form-control">
                            <span class="input-group-addon">s/d</span>
                            <input type="text" id="berakhir" name="berakhir" placeholder="Sampai Tanggal" data-date-format="dd-mm-yyyy" data-date-autoclose="true" size="16" value="" class="input-s datepicker-input form-control">
                            <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                        </div>
                    </div>
                    <div class="form-group" style="margin-bottom:0px">
                        <div class="input-group m-b">
                            <span class="input-group-addon">BATAS MASUK</span>
                            <input type="text" name="batas_masuk" class="form-control">
                            <span class="input-group-addon">BATAS PULANG</span>
                            <input class="form-control" name="batas_pulang" type="text">
                        </div>
                    </div>
                    <div class="form-group" style="margin-bottom:0px">
                        <div class="input-group m-b">
                            <span class="input-group-addon">MULAI DARI</span>
                            <input type="text" name="start_from" class="form-control">
                        </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"  onclick="clear_shift()">Close</button>
                    <button type="submit" class="btn btn-info" >Simpan</button>
                </div>
            </form>
        </div>
    </div>
</div>
@stop

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