@extends('layout.main_layout')
@section('content')
<!--<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-10">
        <h2>Buat Disposisi</h2>
        <ol class="breadcrumb">
            <li class="active">
                <strong>Diposisi</strong>
            </li>
        </ol>
    </div>
    <div class="col-lg-2">

    </div>
</div>-->

<div class="wrapper wrapper-content">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>Lembar Disposisi </h5>
                </div>
                <div class="ibox-content">
                    <form method="post" action="" class="form-horizontal" enctype="multipart/form-data">
                        <input type="text" class="hidden" name="_token" value="{{csrf_token()}}">
                        <hr class="hr-line-dashed">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Jenis</label>
                            @foreach($asal as $row)
                            <div class="col-sm-2">
                                <div class="i-checks">
                                    <label class="control-label"> <input type="radio"  value="{{$row->kodesurat}}" name="jenis"> {{$row->keterangan}} </label>
                                </div>
                            </div>
                            @endforeach                                
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Nomor Surat</label>
                            <div class="col-sm-6">
                                <input type="text" name="nomor" class="form-control" value="{{ old('nomor') }}">
                            </div>
                        </div>
                        <div class="form-group" id="data_1">
                            <label class="col-sm-2 control-label">Tanggal</label>
                            <div class="col-sm-6">
                                <div class="input-group date">
                                    <span class="input-group-addon">
                                        <i class="fa fa-calendar" ></i>
                                    </span>
                                    <input type="text" name="tgl" required class="form-control" value="{{ old('tgl') }}">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Pengirim</label>
                            <div class="col-sm-6">
                                <input type="text" name="pengirim" required class="form-control" value="{{ old('pengirim') }}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Perihal</label>
                            <div class="col-sm-6">
                                <textarea class="form-control" rows="2" name="perihal">{{ old('perihal') }}</textarea>
                            </div>
                        </div>
                        <hr class="hr-line-dashed">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Penerima Surat</label>
                            <div class="col-sm-6">
                                <select name="penerima" required class="form-control">
                                    @foreach($penerima as $row)
                                    @if($row->recidroleuser == 14)
                                    <option selected value="{{$row->nip}}">{{$row->nama}}</option>
                                    @else
                                    <option value="{{trim($row->nip)}}">{{$row->nama}}</option>
                                    @endif                                    
                                    @endforeach                                    
                                </select>
                            </div>
                        </div>
                        <div class="form-group" id="data_2">
                            <label class="col-sm-2 control-label">Tanggal TU</label>
                            <div class="col-sm-6">
                                <div class="input-group date">
                                    <span class="input-group-addon">
                                        <i class="fa fa-calendar" ></i>
                                    </span>
                                    <input type="text" name="tgl_tu" class="form-control" value="{{date('m/d/Y')}}">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Nomor TU</label>
                            <div class="col-sm-5">
                                <select name="kode_tu" required class="form-control">
                                    <option value="">Pilih Kode TU</option>
                                    @foreach($nomor as $row)
                                    <option value="{{$row->awal.'#'.$row->akhir}}">{{$row->awal.' -> '.$row->keterangan}}</option>
                                    @endforeach                                    
                                </select>
                            </div>
                            <div class="col-sm-1">
                                <input type="text" name="nomor_tu" required placeholder="Nomor Urut TU" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Scan Surat</label>
                            <div class="col-sm-1">
                                <div class="btn-group">
                                    <label title="Upload image file" for="inputImage" class="btn btn-success btn-outline" id="upload">
                                        <input type="file" accept="application/pdf" name="file" id="inputImage" class="hidden">
                                        Upload
                                    </label>                                    
                                </div>                                
                            </div>    
                            <label class="col-sm-2 control-label pull-left" id="nmfile"></label>
                            <label class="label-danger">{!!$errors->first('file')!!}</label>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-4 col-sm-offset-2">
                                <button class="btn btn-primary col-sm-5" id="subm" type="submit">Simpan</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('css')
<link href="{{asset('css/plugins/datapicker/datepicker3.css')}}" rel="stylesheet">
<!--<link href="{{asset('css/plugins/select2/select2.min.css')}}" rel="stylesheet">-->
<link href="{{asset('css/plugins/iCheck/custom.css')}}" rel="stylesheet">
<link href="{{asset('css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css')}}" rel="stylesheet">
@endsection
@section('js')
<!-- Data picker -->
<script src="{{asset('js/plugins/datapicker/bootstrap-datepicker.js')}}"></script>
<script src="{{asset('js/plugins/iCheck/icheck.min.js')}}"></script>
<!-- Select2 
<script src="{{asset('js/plugins/select2/select2.full.min.js')}}"></script>-->
<script type="text/javascript">
$(document).ready(function () {
    $('#data_1 .input-group.date').datepicker({
        todayBtn: "linked",
        keyboardNavigation: false,
        forceParse: false,
        calendarWeeks: true,
        autoclose: true
    });
    $('#data_2 .input-group.date').datepicker({
        todayBtn: "linked",
        keyboardNavigation: false,
        forceParse: false,
        calendarWeeks: true,
        autoclose: true
    });
    $('.i-checks').iCheck({
        checkboxClass: 'icheckbox_square-green',
        radioClass: 'iradio_square-green',
    });
    $('#inputImage').change(function () {
        $('#nmfile').text($(this).val().split('/').pop().split('\\').pop());
    });
});
</script>
@endsection