@extends('app') @section('page-title') @section('content') @if (isset($status))
<div class="pad margin no-print">
    <div class="alert alert-{{$status['code']}} alert-dismissible fade in" role="alert">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
        <h4><i class="icon fa fa-ban"></i> {{ $status['header'] }}</h4>
        <ul>
            @foreach ($status['messages'] as $m)
            <li>{{$m}}</li>
            @endforeach
        </ul>
    </div>
</div>
@endif

<div class="row">
    <div class="col-xs-12">

        <div class="panel panel-inverse">
            <div class="panel-heading">Leave Master</div>
            <div class="panel-wrapper collapse in" aria-expanded="true">
                <div class="panel-body">
                    {!! Form::model($leave, ['id'=>'createLeave','method' => isset($leave) && $leave->id ? 'put' : 'post']) !!}
                    <div class="form-body">
                        <div class="row">
                            <div class="col-md-12 ">
                                <div class="form-group">
                                    <label>Role Name</label>
                                    <select class="select2 form-control" name="role_name">
                                        @foreach($role as $rol)
                                        <option value="{{ $rol->name }}">{{ ucwords($rol->name) }}</option>
                                        @endforeach
                                    </select>

                                </div>
                            </div>

                            <!--/span-->
                        </div>
                        <div class="row">




                            <div class="col-md-6" id="single-date">
                                <label>No of Leaves</label>
                                <div class="form-group">
                                    <input type="text" class="form-control" name="no_of_leaves" id="no_of_leaves" value=""> {!! $errors->first('no_of_leaves', '<label class="control-label" for="no_of_leaves">:message</label>')!!}
                                </div>
                            </div>

                            <div class="col-md-6" id="single-date">
                                <label>Balance Leave</label>
                                <div class="form-group">
                                    <input type="text" class="form-control" name="carry_forward" id="carry_forward" value=""> {!! $errors->first('carry_forward', '<label class="control-label" for="carry_forward">:message</label>')!!}
                                </div>
                            </div>

                        </div>


                        <div class="row">
                            <div class="col-md-6" id="single-date">
                                <label>Gender</label>
                                <select class="select2 form-control" name="gender">
                                    <option value="male">Male</option>
                                    <option value="female">Female</option>
                                </select>
                            </div>

                            <div class="col-md-6" id="single-date">
                                <label>Balance Leave</label>
                                <select class="select2 form-control" name="frequency">
                                    <option value="Yearly">Yearly</option>
                                    <option value="Monthly">weekly</option>
                                    <option value="Weekly">Weekly</option>
                                </select>
                            </div>

                        </div>
                        <div class="row">
                            <div class="col-md-6" id="single-date">
                                <label>Max Leaves</label>
                                <div class="form-group">
                                    <input type="text" class="form-control" name="max_leaves" id="max_leaves" value=""> {!! $errors->first('max_leaves', '<label class="control-label" for="max_leaves">:message</label>')!!}
                                </div>
                            </div>

                            <div class="col-md-6" id="single-date">
                                <label>Min Leaves</label>
                                <div class="form-group">
                                    <input type="text" class="form-control" name="min_leaves" id="min_leaves" value=""> {!! $errors->first('min_leaves', '<label class="control-label" for="min_leaves">:message</label>')!!}
                                </div>
                            </div>

                        </div>
                        <div class="row">
                            <div class="col-md-6" id="single-date">
                                <label>Pro Rata</label>
                                <div class="form-group">
                                    <input type="text" class="form-control" name="pro_rata" id="pro_rata" value=""> {!! $errors->first('pro_rata', '<label class="control-label" for="pro_rata">:message</label>')!!}
                                </div>
                            </div>

                            <div class="col-md-6" id="single-date">
                                <label>Pro Rata Basis</label>
                                <select class="select2 form-control" name="pro_rata_basis">
                                    <option value="Yearly">Yearly</option>
                                    <option value="Monthly">weekly</option>
                                    <option value="Weekly">Weekly</option>
                                </select>
                            </div>

                        </div>
                        <div class="row">
                            <div class="col-md-6" id="single-date">
                                <label>Incashable</label>
                                <div class="form-group">
                                    <input type="text" class="form-control" name="incashable" id="incashable" value=""> {!! $errors->first('incashable', '<label class="control-label" for="incashable">:message</label>')!!}
                                </div>
                            </div>

                        </div>
                    </div>

                </div>
            </div>

        </div>
        <!--/row-->


        <div class="form-actions">
            <button type="submit" id="save-form-2" class="btn btn-success"><i class="fa fa-check"></i>
                @lang('app.save')
            </button>

        </div>
        {!! Form::close() !!}
    </div>

</div>
</div>
</div>
</div>

<!-- .row -->

{{--Ajax Modal--}}
<div class="modal fade bs-modal-md in" id="projectCategoryModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-md" id="modal-data-application">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <span class="caption-subject font-red-sunglo bold uppercase" id="modelHeading"></span>
            </div>
            <div class="modal-body">
                Loading...
            </div>
            <div class="modal-footer">
                <button type="button" class="btn default" data-dismiss="modal">Close</button>
                <button type="button" class="btn blue">Save changes</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
{{--Ajax Modal Ends--}} @endsection @push('footer-script')

<script src="/assets/plugins/bower_components/bootstrap-select/bootstrap-select.min.js"></script>
<script src="/assets/plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script>
    $(".select2").select2({
        formatNoMatches: function() {
            return "{{ __('messages.noRecordFound') }}";
        }
    });

    jQuery('#multi_date').datepicker({
        multidate: true,
        todayHighlight: true,
        weekStart: '1',
        format: 'dd-mm-yyyy',
    });

    jQuery('#single_date').datepicker({
        autoclose: true,
        todayHighlight: true,
        weekStart: '1',
        format: 'dd-mm-yyyy',
    });

    $("input[name=duration]").click(function() {
        if ($(this).val() == 'multiple') {
            $('#multi-date').show();
            $('#single-date').hide();
        } else {
            $('#multi-date').hide();
            $('#single-date').show();
        }
    })

    $('#createLeave').on('click', '#addLeaveType', function() {
        var url = "{{ route('leaveType.create',['alias'=>$alias])}}";
        $('#modelHeading').html('Manage Leave Type');
        $.ajaxModal('#projectCategoryModal', url);
    })

    $('#save-form-2').click(function() {
        $.easyAjax({
            url: "{{route('leaves.store',['alias'=>$alias])}}",
            container: '#createLeave',
            type: "POST",
            redirect: true,
            data: $('#createLeave').serialize()
        })
    });
</script>
@endpush