@extends('admin.layout.master')
@section('home')
    <div class="row">
        <div class="col-xs-12">

        </div>
    </div>
    <div class="card">
        <div class="card-header">Add Leave Type</div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-12">
                    <div class="card-box">
                        <h4 class="card-title"><span style="color:red">{{ Session::get('message') }}</span></h4>
                        @if ($errors->any())
                            @foreach ($errors->all() as $error)
                                <li style="color:red;">{{ $error }}</li>
                            @endforeach
                        @endif
                        <form action="{{ route('leavetype.store') }}" method="post">
                            @csrf
                            <h4 class="card-title"></h4>
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="row">
                                        <div class="col-md-5">
                                            <label class="labels">Name</label>
                                        </div>
                                        <div class="col-md-7">
                                            <input type="text" value="{{ old('name') }}" name="name"
                                                   class="form-control input-sm"/>
                                        </div>
                                    </div>

                                    <div class="row mt-3">
                                        <div class="col-md-5">
                                            <label class="labels">Code</label>
                                        </div>
                                        <div class="col-md-7">
                                            <input type="text" value="{{ old('code') }}" name="code"
                                                   class="form-control input-sm"/>
                                            <input type="hidden" value="{{getSessionUserList('ware')}}" name="ware_id"
                                                   class="form-control input-sm"/>
                                        </div>
                                    </div>

                                    <div class="row mt-3">
                                        <div class="col-md-5">
                                            <label>Calculation Method</label>
                                        </div>
                                        <div class="col-md-7">
                                            <select name="calc_method" class="form-control input-sm ">
                                                <option value="1">Yearly Fixed</option>
                                                <option value="2">Incremental</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="row mt-3">
                                        <div class="col-md-5">
                                            <label>Count Method</label>
                                        </div>
                                        <div class="col-md-7">
                                            <select class="form-control input-sm" name="inc_exc_holiday">
                                                <option value="1">Include Holiday</option>
                                                <option value="2">Exclude Holiday</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="row mt-3">
                                        <div class="col-md-5">
                                            <label class="labels">Count After</label>
                                        </div>
                                        <div class="col-md-7">
                                            <select class="form-control input-sm" name="applicable_after">
                                                <option value="">Please Select</option>
                                                @foreach($job_status as $key=>$j_type)
                                                    <option value="{{$key}}">{{$j_type}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    <div class="row mt-3">
                                        <div class="col-md-5">
                                            <label>Leave Restriction</label>
                                        </div>
                                        <div class="col-md-7">
                                            <input type="number" value="{{ old('leave_restriction') }}"
                                                   name="leave_restriction" class="form-control input-sm "/>
                                        </div>
                                    </div>
                                    <div class="row mt-3">
                                        <div class="col-md-5">
                                            <label>Max CF Limit</label>
                                        </div>
                                        <div class="col-md-7">
                                            <input type="number" value="{{ old('max_cf_limit') }}" name="max_cf_limit"
                                                   class="form-control input-sm "/>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="row">
                                        <div class="col-md-5">
                                            <label>Leave Limit</label>
                                        </div>
                                        <div class="col-md-7">
                                            <input type="number" value="{{ old('leave_limit') }}" name="leave_limit"
                                                   class="form-control input-sm "/>
                                        </div>
                                    </div>
                                    <div class="row mt-3">
                                        <div class="col-md-5">
                                            <label>Duration</label>
                                        </div>
                                        <div class="col-md-7">
                                            <select class="form-control input-sm" name="leave_duration">
                                                <option value="1">Full Day</option>
                                                <option value="2">Half Day</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="row mt-3">
                                        <div class="col-md-5">
                                            <label class="labels">Days/Year</label>
                                        </div>
                                        <div class="col-md-7">
                                            <input type="number" value="{{ old('leave_count') }}" name="leave_count"
                                                   class="form-control input-sm"/>
                                        </div>
                                    </div>
                                    <div class="row mt-3">
                                        <div class="col-md-5">
                                            <label>Pay Type</label>
                                        </div>
                                        <div class="col-md-7">
                                            <input type='checkbox' onclick="CheckPaytype(this)" value="0"
                                                   class="paytype"
                                                   id="paytype" name="pay_type"/>
                                            <label>Paid</label>
                                        </div>
                                    </div>
                                    <div class="row mt-3">
                                        <div class="col-md-5">
                                            <label>Multiply with</label>
                                        </div>
                                        <div class="col-md-7">
                                            <select name="multiply_with" class="form-control input-sm">
                                                <option value="1">1</option>
                                                <option value="2">2</option>
                                                <option value="3">3</option>
                                                <option value="4">4</option>
                                                <option value="5">5</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row mt-3">
                                        <div class="col-md-5">
                                            <label>Deduction On</label>
                                        </div>
                                        <div class="col-md-7">
                                            <select value="{{ old('deduction_type') }}" name="deduction_type"
                                                    class="form-control input-sm">
                                                <option value="1">Gross</option>
                                                <option value="2">Basic</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>

                                <div class='col-md-4'>
                                    <div class="row">
                                        <div class="col-md-5">
                                            <label>Eligible For</label>
                                        </div>
                                        <div class="col-md-7">
                                            <select class="form-control input-sm" name="eligible_type">
                                                <option value="0">All</option>
                                                <option value="1">Male</option>
                                                <option value="2">Female</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="row mt-3">
                                        <div class="col-md-5">
                                            <label>Encashment Limit</label>
                                        </div>
                                        <div class="col-md-7">
                                            <input type="number" value="{{ old('encash_limit') }}" name="encash_limit"
                                                   class="form-control input-sm "/>
                                        </div>
                                    </div>
                                    <div class="row mt-3">
                                        <div class="col-md-5">
                                            <label>Docs Req</label>
                                        </div>
                                        <div class="col-md-7">
                                            <input type='checkbox' id="docs_required"
                                                   onclick="CheckDocsRequest(this)" value="0" name="docs_required"/>
                                        </div>
                                    </div>

                                    <div class="row mt-2">
                                        <div class="col-md-12 text-center">
                                            <label><u>Paternal/Maternal</u></label>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-5">
                                            Maternal Unpaid
                                        </div>
                                        <div class="col-md-7">
                                            <input type="number" value="{{ old('maternal_un_paid') }}"
                                                   name="maternal_un_paid" class="form-control input-sm"/>
                                        </div>
                                        <div class="col-md-3">

                                        </div>
                                    </div>
                                    <div class="row mt-3">
                                        <div class="col-md-5">
                                            Maternal Paid
                                        </div>
                                        <div class="col-md-7">
                                            <input type="number" value="{{ old('maternal_paid') }}" name="maternal_paid"
                                                   class="form-control input-sm"/>
                                        </div>
                                        <div class="col-md-3">

                                        </div>
                                    </div>
                                    <div class="row mt-3">
                                        <div class="col-md-5">
                                            Status
                                        </div>
                                        <div class="col-md-7">
                                            <select class="form-control input-sm" name="status" id="emp_status">
                                                <option value="1">Active</option>
                                                <option value="2">Inactive</option>
                                            </select>
                                        </div>
                                        <div class="form-group">
                                            <label></label>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="text-center mt-2">
                                <button type="submit" class="btn btn-success btn-sm">Submit</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        @endsection
        <script>
            const CheckPaytype = (v) => {

                if ($(v).prop("checked")) {
                    // checked
                    $('#paytype').val(1);
                } else {
                    $('#paytype').val(0);
                }
            }
            const CheckDocsRequest = (v) => {

                if ($(v).prop("checked")) {
                    // checked
                    $('#docs_required').val(1);
                } else {
                    $('#docs_required').val(0);
                }
            }

        </script>