@extends('adminlte::page')

@section('title', 'Dashboard')

@section('content_header')
<h1>Tambah Pengajuan</h1>
@stop

@section('content')

<div class="row">
    <div class="col-md-6">
        <div class="card card-primary">
        <!-- form start -->
            <form method="post" action="{{url('pengajuan/create')}}">
            	{{ csrf_field() }}
                <div class="card-body">
                	<div class="form-group">
            			<label>Bulan Tahun</label>
        				<input class="date form-control" type="text" name="date">
        				@if ($errors->has('date'))
 
                            <span class="text-danger">{{ $errors->first('date') }}</span>
         
                        @endif
        			</div>
            			
        			<div class="form-group">
        				<label>Keterangan</label>
        				<textarea rows="4" cols="" name="keterangan" class="form-control"></textarea>
        				@if ($errors->has('keterangan'))
 
                            <span class="text-danger">{{ $errors->first('keterangan') }}</span>
         
                        @endif
        			</div>   
                </div>
                <div class="card-footer">
                	<button type="submit" class="btn btn-primary">Simpan</button>
                </div>
            </form>
        </div>
    </div>
</div>

@stop

@section('css')
  <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/css/bootstrap-datepicker.css" rel="stylesheet">
@stop

@section('js')
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.js"></script>
<script type="text/javascript">

    $('.date').datepicker({  

       format: 'mm/yyyy',
       viewMode: "months", 
       minViewMode: "months",
       autoclose: true

     });  

</script>  
@stop