@extends('admin.layout.master')
@section('content')
@include('flash-message')

<div class="card sina-card">
     <div class="card-header d-flex justify-content-between align-items-center ">
        <h5 class="font-weight-bold mb-0">{{__('obs.add_leave_type')}}  </h5>
    </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('payroll.hrm.leave.leave_type_store') }}" method="post">
                            @csrf
                          
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="row">
                                        <div class="col-md-5">
                                            <label class="labels">{{__('obs.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="">{{__('obs.print_name')}}</label>
                                        </div>
                                        <div class="col-md-7">
                                            <input type="text" value="{{ old('print_name') }}" name="print_name"
                                                   class="form-control input-sm"/>
                                        </div>
                                    </div>

                                    <div class="row mt-3">
                                        <div class="col-md-5">
                                            <label class="labels">{{__('obs.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="{{current_store()}}" name="ware_id"
                                                   class="form-control input-sm"/>
                                        </div>
                                    </div>

                                    <div class="row mt-3">
                                        <div class="col-md-5">
                                            <label>{{__('obs.calculation_method')}}</label>
                                        </div>
                                        <div class="col-md-7">
                                            <select name="calc_method" class="form-control input-sm ">
                                                <option value="1"> {{__('obs.yearly_fixed')}}</option>
                                                <option value="2">{{__('obs.incremental')}}</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="row mt-3">
                                        <div class="col-md-5">
                                            <label>{{__('obs.count_method')}}</label>
                                        </div>
                                        <div class="col-md-7">
                                            <select class="form-control input-sm" name="inc_exc_holiday">
                                                <option value="1">{{__('obs.include_holiday')}}</option>
                                                <option value="2">{{__('obs.exclude_holiday')}}</option>
                                                <option value="3"> {{__('obs.date_to_date')}}</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="row mt-3">
                                        <div class="col-md-5">
                                            <label class="labels">{{__('obs.count_after')}}</label>
                                        </div>
                                        <div class="col-md-7">
                                            <select class="form-control input-sm" name="applicable_after">
                                                <option value="">{{__('obs.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>{{__('obs.maximum_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>{{__('obs.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>{{__('obs.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 class="labels">{{__('obs.days')}}/{{__('obs.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>{{__('obs.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>{{__('obs.paid')}}</label>
                                        </div>
                                    </div>
                                    <div class="row mt-3">
                                        <div class="col-md-5">
                                            <label>{{__('obs.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>{{__('obs.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">{{__('obs.gross')}}</option>
                                                <option value="2">{{__('obs.basic')}}</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row mt-3">
                                        <div class="col-md-5">
                                            <label>{{__('obs.calculation')}} {{__('obs.days')}}</label>
                                        </div>
                                        <div class="col-md-7">
                                            <select value="{{ old('calculation_days') }}" name="calculation_days"
                                                    class="form-control input-sm">
                                                <option value="30">30</option>
                                                <option value="26">26</option>
                                                <option value="1">{{__('obs.current')}} {{__('obs.month')}}</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>

                                <div class='col-md-4'>
                                    <div class="row">
                                        <div class="col-md-5">
                                            <label>{{__('obs.eligible_for')}}</label>
                                        </div>
                                        <div class="col-md-7">
                                            <select class="form-control input-sm" name="eligible_type">
                                                <option value="0">{{__('obs.all')}}</option>
                                                <option value="1">{{__('obs.male')}}</option>
                                                <option value="2">{{__('obs.female')}}</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row mt-3">
                                        <div class="col-md-5">
                                            <label>{{__('obs.duration')}}</label>
                                        </div>
                                        <div class="col-md-7">
                                            <select class="form-control input-sm" name="leave_duration">
                                                <option value="1">{{__('obs.full_day')}}</option>
                                                <option value="2">{{__('obs.half_day')}}</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="row mt-3">
                                        <div class="col-md-5">
                                            <label>{{__('obs.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>{{__('obs.docs_required')}}</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>{{__('obs.paternal')}}/{{__('obs.maternal')}}</u></label>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-5">
                                             {{__('obs.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">
                                             {{__('obs.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">
                                            {{__('obs.status')}}
                                        </div>
                                        <div class="col-md-7">
                                            <select class="form-control input-sm" name="status" id="emp_status">
                                                <option value="1">{{__('obs.active')}}</option>
                                                <option value="2">{{__('obs.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">{{__('obs.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>