@extends('admin.layout.app')
@section('title','Add Employee')
@push('headerscript')
    <link href="{{asset('theme/plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css')}}" rel="stylesheet">
@endpush
@section('content')
    <div class="content">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <div class="row">
                        <div class="page-title-box">
                            <h4 class="page-title">Add Employee</h4>
                            <div class="pull-right">
                                <a href="{{route('employee.index')}}"
                                   class="btn btn-info btn-rounded waves-effect waves-light m-b-2"><i
                                        class=" mdi mdi-keyboard-backspace"></i> Back</a>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="card-box">
                                <div class="row">
                                    <div class="col-sm-12 col-12">
                                        {!! Form::open(['route'=>array('employee.store'), 'onsubmit'=>'BtnSubmit.disabled = true', 'method' => 'post','files'=>true]) !!}
                                        <h5 class="text-dark" style="font-weight: bold">Employee Details</h5>
                                        <div class="row">
                                            <div class="form-group col-sm-4 col-12">
                                                <label for="employee_code">Employee Code<span
                                                        class="text-danger">*</span></label>
                                                <input id="employee_code" type="text" class="form-control"
                                                       name="employee_code"
                                                       value="{{$count+1 < 10 ? 'EMP-0'.$count+1 : 'EMP-'.$count+1 }}"
                                                       required readonly>
                                                <div class="text-danger">{{$errors->first('employee_code')}}</div>
                                            </div>
                                            <div class="form-group col-sm-4 col-12">
                                                <label for="user_id">Select User<span
                                                        class="text-danger">*</span></label>
                                                {!! Form::select("user_id", [''=>'Select User'], old("user_id"), ['class'=>'form-control select2' ,'id' => 'user_id','required']  ) !!}
                                                <div class="text-danger">{{$errors->first('user_id')}}</div>
                                            </div>
                                            <div class="form-group col-sm-4 col-12">
                                                <label for="name">Employee Name<span
                                                        class="text-danger">*</span></label>
                                                <input id="name" type="text" class="form-control"
                                                       name="name"
                                                       value="{{old('name')}}" required>
                                                <div class="text-danger">{{$errors->first('name')}}</div>
                                            </div>
                                            <div class="form-group col-sm-4 col-12">
                                                <label for="personal_code">Personal Code</label>
                                                <input id="personal_code" type="text" class="form-control"
                                                       name="personal_code"
                                                       value="{{old('personal_code')}}">
                                                <div class="text-danger">{{$errors->first('personal_code')}}</div>
                                            </div>
                                            <div class="form-group col-sm-4 col-12">
                                                <label for="hrms_department_id">HRMS Department<span
                                                        class="text-danger">*</span></label>
                                                {!! Form::select("hrms_department_id", [''=>'Select']+$departments, old("hrms_department_id"), ['class'=>'form-control', 'id'=>'hrms_department_id','required'] ) !!}
                                                <div class="text-danger">{{$errors->first('hrms_department_id')}}</div>
                                            </div>
                                            <div class="form-group col-sm-4 col-12">
                                                <label for="work_permit_no">Work Permit No.</label>
                                                <input id="work_permit_no" type="text" class="form-control"
                                                       name="work_permit_no"
                                                       value="{{old('work_permit_no')}}">
                                                <div class="text-danger">{{$errors->first('work_permit_no')}}</div>
                                            </div>
                                            <div class="form-group col-sm-4 col-12">
                                                <label for="work_permit_expiry">Work Permit Expiry Date</label>
                                                <input type="text" name="work_permit_expiry"
                                                       value="{{old('work_permit_expiry')}}"
                                                       class="form-control datepicker" autocomplete="off">
                                                <div class="text-danger">{{$errors->first('work_permit_expiry')}}</div>
                                            </div>
                                            <div class="form-group col-sm-4 col-12">
                                                <label for="nationality">Nationality</label>
                                                <input id="nationality" type="text" class="form-control"
                                                       name="nationality"
                                                       value="{{old('nationality')}}">
                                                <div class="text-danger">{{$errors->first('nationality')}}</div>
                                            </div>
                                            <div class="form-group col-sm-4 col-12">
                                                <label for="home_country_contact_no">Home Country Contact No.</label>
                                                <input id="home_country_contact_no" type="text"
                                                       class="form-control number"
                                                       name="home_country_contact_no"
                                                       value="{{old('home_country_contact_no')}}">
                                                <div
                                                    class="text-danger">{{$errors->first('home_country_contact_no')}}</div>
                                            </div>
                                            <div class="form-group col-sm-4 col-12">
                                                <label for="additional_home_country_contact_no">Additional Home Country
                                                    Contact No.</label>
                                                <input id="additional_home_country_contact_no" type="text"
                                                       class="form-control number"
                                                       name="additional_home_country_contact_no"
                                                       value="{{old('additional_home_country_contact_no')}}">
                                                <div
                                                    class="text-danger">{{$errors->first('additional_home_country_contact_no')}}</div>
                                            </div>
                                            <div class="form-group col-sm-4 col-12">
                                                <label for="uae_contact_no">UAE Contact No.</label>
                                                <input id="uae_contact_no" type="text" class="form-control number"
                                                       name="uae_contact_no"
                                                       value="{{old('uae_contact_no')}}">
                                                <div class="text-danger">{{$errors->first('uae_contact_no')}}</div>
                                            </div>
                                            <div class="form-group col-sm-4 col-12">
                                                <label for="additional_uae_contact_no">Additional UAE Contact
                                                    No.</label>
                                                <input id="additional_uae_contact_no" type="text" class="form-control"
                                                       name="additional_uae_contact_no"
                                                       value="{{old('additional_uae_contact_no')}}">
                                                <div
                                                    class="text-danger">{{$errors->first('additional_uae_contact_no')}}</div>
                                            </div>
                                            <div class="form-group col-sm-4 col-12">
                                                <label for="d_o_b">Date of Birth</label>
                                                <input type="text" name="d_o_b"
                                                       value="{{old('d_o_b')}}"
                                                       class="form-control datepicker" autocomplete="off">
                                                <div class="text-danger">{{$errors->first('d_o_b')}}</div>
                                            </div>
                                            <div class="form-group col-sm-4 col-12">
                                                <label for="wps_debit_card_no">WPS Debit Card No.</label>
                                                <input id="wps_debit_card_no" type="text" class="form-control"
                                                       name="wps_debit_card_no"
                                                       value="{{old('wps_debit_card_no')}}">
                                                <div class="text-danger">{{$errors->first('wps_debit_card_no')}}</div>
                                            </div>
                                            <div class="form-group col-sm-4 col-12">
                                                <label for="wps_expiry">WPS Expiry Date</label>
                                                <input type="text" name="wps_expiry"
                                                       value="{{old('wps_expiry')}}"
                                                       class="form-control datepicker" autocomplete="off">
                                                <div class="text-danger">{{$errors->first('wps_expiry')}}</div>
                                            </div>
                                            <div class="form-group col-sm-4 col-12">
                                                <label for="passport_no">Passport No.</label>
                                                <input id="passport_no" type="text" class="form-control"
                                                       name="passport_no"
                                                       value="{{old('passport_no')}}">
                                                <div class="text-danger">{{$errors->first('passport_no')}}</div>
                                            </div>
                                            <div class="form-group col-sm-4 col-12">
                                                <label for="passport_expiry_date">Passport Expiry Date</label>
                                                <input type="text" name="passport_expiry_date"
                                                       value="{{old('passport_expiry_date')}}"
                                                       class="form-control datepicker" autocomplete="off">
                                                <div
                                                    class="text-danger">{{$errors->first('passport_expiry_date')}}</div>
                                            </div>
                                            <div class="form-group col-sm-4 col-12">
                                                <label for="employee_id">Employee ID</label>
                                                <input id="employee_id" type="text" class="form-control"
                                                       name="employee_id"
                                                       value="{{old('employee_id')}}">
                                                <div class="text-danger">{{$errors->first('employee_id')}}</div>
                                            </div>

                                            <div class="form-group col-sm-4 col-12">
                                                <label for="emirates_id_no">Emirates ID No.</label>
                                                <input id="emirates_id_no" type="text" class="form-control"
                                                       name="emirates_id_no"
                                                       value="{{old('emirates_id_no')}}">
                                                <div class="text-danger">{{$errors->first('emirates_id_no')}}</div>
                                            </div>
                                            <div class="form-group col-sm-4 col-12">
                                                <label for="emirates_id_expiry_date">Emirates ID Expiry Date</label>
                                                <input type="text" name="emirates_id_expiry_date"
                                                       value="{{old('emirates_id_expiry_date')}}"
                                                       class="form-control datepicker" autocomplete="off">
                                                <div
                                                    class="text-danger">{{$errors->first('emirates_id_expiry_date')}}</div>
                                            </div>
                                            <div class="form-group col-sm-4 col-12">
                                                <label for="visa_uid_no">Visa No.</label>
                                                <input id="visa_uid_no" type="text" class="form-control"
                                                       name="visa_uid_no"
                                                       value="{{old('visa_uid_no')}}">
                                                <div class="text-danger">{{$errors->first('visa_uid_no')}}</div>
                                            </div>
                                            <div class="form-group col-sm-4 col-12">
                                                <label for="visa_expiry_date">Visa Expiry Date</label>
                                                <input type="text" name="visa_expiry_date"
                                                       value="{{old('visa_expiry_date')}}"
                                                       class="form-control datepicker" autocomplete="off">
                                                <div class="text-danger">{{$errors->first('visa_expiry_date')}}</div>
                                            </div>


                                            <div class="form-group col-sm-4 col-12">
                                                <label for="labour_card_no">Labour Card No.</label>
                                                <input id="labour_card_no" type="text" class="form-control"
                                                       name="labour_card_no"
                                                       value="{{old('labour_card_no')}}">
                                                <div class="text-danger">{{$errors->first('labour_card_no')}}</div>
                                            </div>
                                            <div class="form-group col-sm-4 col-12">
                                                <label for="labour_card_expiry_date">Labour Card Expiry Date</label>
                                                <input type="text" name="labour_card_expiry_date"
                                                       value="{{old('labour_card_expiry_date')}}"
                                                       class="form-control datepicker" autocomplete="off">
                                                <div
                                                    class="text-danger">{{$errors->first('labour_card_expiry_date')}}</div>
                                            </div>

                                            <div class="form-group col-sm-4 col-12">
                                                <label for="insurance_company_name">Insurance Company Name</label>
                                                <input id="insurance_company_name" type="text" class="form-control"
                                                       name="insurance_company_name"
                                                       value="{{old('insurance_company_name')}}">
                                                <div
                                                    class="text-danger">{{$errors->first('insurance_company_name')}}</div>
                                            </div>
                                            <div class="form-group col-sm-4 col-12">
                                                <label for="insurance_no">Insurance No.</label>
                                                <input id="insurance_no" type="text" class="form-control"
                                                       name="insurance_no" value="{{old('insurance_no')}}">
                                                <div class="text-danger">{{$errors->first('insurance_no')}}</div>
                                            </div>
                                            <div class="form-group col-sm-4 col-12">
                                                <label for="insurance_expiry_date">Insurance Expiry Date</label>
                                                <input type="text" name="insurance_expiry_date"
                                                       value="{{old('insurance_expiry_date')}}"
                                                       class="form-control datepicker" autocomplete="off">
                                                <div
                                                    class="text-danger">{{$errors->first('insurance_expiry_date')}}</div>
                                            </div>

                                            <div class="form-group col-sm-4 col-12">
                                                <label for="job_loss_ins">Job Loss Insurance</label>
                                                <input id="job_loss_ins" type="file" class="form-control"
                                                       name="job_loss_ins" value="{{ old('job_loss_ins') }}"
                                                       accept="image/png, image/jpeg">
                                                <div class="text-danger">{{$errors->first('job_loss_ins')}}</div>
                                            </div>
                                            <div class="form-group col-sm-4 col-12">
                                                <label for="job_loss_ins_no">Job Loss Insurance No.</label>
                                                <input id="job_loss_ins_no" type="text" class="form-control"
                                                       name="job_loss_ins_no"
                                                       value="{{old('job_loss_ins_no')}}">
                                                <div class="text-danger">{{$errors->first('job_loss_ins_no')}}</div>
                                            </div>
                                            <div class="form-group col-sm-4 col-12">
                                                <label for="jobloss_ins_exp_date">Job loss Insurance Expiry Date</label>
                                                <input type="text" name="jobloss_ins_exp_date"
                                                       value="{{old('jobloss_ins_exp_date')}}"
                                                       class="form-control datepicker" autocomplete="off">
                                                <div
                                                    class="text-danger">{{$errors->first('jobloss_ins_exp_date')}}</div>
                                            </div>

                                            <div class="form-group col-sm-4 col-12">
                                                <label for="joining_date">Joining Date<span
                                                        class="text-danger">*</span></label>
                                                <input type="text" name="joining_date"
                                                       value="{{old('joining_date', date('d-m-Y'))}}"
                                                       class="form-control datepicker" autocomplete="off" required>
                                                <div class="text-danger">{{$errors->first('joining_date')}}</div>
                                            </div>
                                            <div class="form-group col-sm-4 col-12">
                                                <label for="status">Status
                                                    <span class="text-danger">*</span>
                                                </label>
                                                {!! Form::select("status", ['active'=>'Active','inactive'=>'InActive'], old("status"), ['class'=>'form-control', 'required', 'id'=>'status'] ) !!}
                                                <div class="text-danger">{{$errors->first('status')}}</div>
                                            </div>
                                            <div class="form-group col-sm-4 col-12">
                                                <label for="branch_id">Branch<span class="text-danger">*</span></label>
                                                {!! Form::select("branch_id", \App\Http\Helpers\Helper::getBranchData(), old("branch_id"), ['class'=>'form-control' ,'id' => 'branch_id','required']  ) !!}
                                            </div>

                                            <div class="form-group col-sm-6 col-12">
                                                <label for="home_country_address">Home Country Address</label>
                                                <textarea class="form-control"
                                                          name="home_country_address">{{old('home_country_address')}}</textarea>
                                                <div
                                                    class="text-danger">{{$errors->first('home_country_address')}}</div>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="uae_address">UAE Address</label>
                                                <textarea class="form-control"
                                                          name="uae_address">{{old('uae_address')}}</textarea>
                                                <div class="text-danger">{{$errors->first('uae_address')}}</div>
                                            </div>
                                        </div>
                                        <h5 class="text-dark" style="font-weight: bold">Salary Details</h5>
                                        <div class="row">
                                            <div class="form-group col-sm-4 col-12">
                                                <label for="basic_salary">Basic Salary</label>
                                                <input id="basic_salary" type="text" class="form-control floatnumber"
                                                       name="basic_salary"
                                                       value="{{old('basic_salary', 0)}}">
                                                <div class="text-danger">{{$errors->first('basic_salary')}}</div>
                                            </div>
                                            <div class="form-group col-sm-4 col-12">
                                                <label for="transportation">Transportation</label>
                                                <input id="transportation" type="text" class="form-control floatnumber"
                                                       name="transportation"
                                                       value="{{old('transportation', 0)}}">
                                                <div class="text-danger">{{$errors->first('transportation')}}</div>
                                            </div>
                                            <div class="form-group col-sm-4 col-12">
                                                <label for="accommodation">Accommodation</label>
                                                <input id="accommodation" type="text" class="form-control floatnumber"
                                                       name="accommodation"
                                                       value="{{old('accommodation', 0)}}">
                                                <div class="text-danger">{{$errors->first('accommodation')}}</div>
                                            </div>
                                            <div class="form-group col-sm-4 col-12">
                                                <label for="insurance">Insurance</label>
                                                <input id="insurance" type="text" class="form-control floatnumber"
                                                       name="insurance"
                                                       value="{{old('insurance', 0)}}">
                                                <div class="text-danger">{{$errors->first('insurance')}}</div>
                                            </div>
                                            <div class="form-group col-sm-4 col-12">
                                                <label for="others">Others</label>
                                                <input id="others" type="text" class="form-control floatnumber"
                                                       name="others"
                                                       value="{{old('others', 0)}}">
                                                <div class="text-danger">{{$errors->first('others')}}</div>
                                            </div>
                                        </div>
                                        <h5 class="text-dark m-t-5" style="font-weight: bold">Bank Details</h5>
                                        <div class="row">
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="account_no">Account No</label>
                                                <input id="account_no" type="text" class="form-control number"
                                                       name="account_no" value="{{ old('account_no') }}">
                                                <div class="text-danger">{{$errors->first('account_no')}}</div>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="iban_code">IBAN Code</label>
                                                <input id="iban_code" type="text" class="form-control"
                                                       name="iban_code" value="{{ old('iban_code') }}">
                                                <div class="text-danger">{{$errors->first('iban_code')}}</div>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="bank_name">Bank Name</label>
                                                <input id="bank_name" type="text" class="form-control"
                                                       name="bank_name" value="{{ old('bank_name') }}">
                                                <div class="text-danger">{{$errors->first('bank_name')}}</div>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="bank_branch">Bank Branch</label>
                                                <input id="bank_branch" type="text" class="form-control"
                                                       name="bank_branch" value="{{ old('bank_branch') }}">
                                                <div class="text-danger">{{$errors->first('bank_branch')}}</div>
                                            </div>
                                        </div>
                                        <h5 class="text-dark m-t-5" style="font-weight: bold">Employee Document</h5>
                                        <div class="row">
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="img_photo">Employee Photo</label>
                                                <input id="img_photo" type="file" class="form-control"
                                                       name="img_photo" value="{{ old('img_photo') }}"
                                                       accept="image/png, image/jpeg">
                                                <div class="text-danger">{{$errors->first('img_photo')}}</div>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="img_emirates_id">Emirates ID</label>
                                                <input id="img_emirates_id" type="file" class="form-control"
                                                       name="img_emirates_id" value="{{ old('img_emirates_id') }}"
                                                       accept="image/png, image/jpeg">
                                                <div class="text-danger">{{$errors->first('img_emirates_id')}}</div>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="img_passport">Passport</label>
                                                <input id="img_passport" type="file" class="form-control"
                                                       name="img_passport" value="{{ old('img_passport') }}"
                                                       accept="image/png, image/jpeg">
                                                <div class="text-danger">{{$errors->first('img_passport')}}</div>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="img_health_insurance_card">Health Insurance Card</label>
                                                <input id="img_health_insurance_card" type="file" class="form-control"
                                                       name="img_health_insurance_card"
                                                       value="{{ old('img_health_insurance_card') }}"
                                                       accept="image/png, image/jpeg">
                                                <div
                                                    class="text-danger">{{$errors->first('img_health_insurance_card')}}</div>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="img_labour_card">Labour Card</label>
                                                <input id="img_labour_card" type="file" class="form-control"
                                                       name="img_labour_card" value="{{ old('img_labour_card') }}"
                                                       accept="image/png, image/jpeg">
                                                <div class="text-danger">{{$errors->first('img_labour_card')}}</div>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="img_visa">Visa</label>
                                                <input id="img_visa" type="file" class="form-control"
                                                       name="img_visa" value="{{ old('img_visa') }}"
                                                       accept="image/png, image/jpeg">
                                                <div class="text-danger">{{$errors->first('img_visa')}}</div>
                                            </div>
                                        </div>
                                        <h5 class="text-dark m-t-5" style="font-weight: bold">Family Details </h5>
                                        <div class="row">
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="mother_name">Mother Name</label>
                                                <input id="mother_name" type="text" class="form-control"
                                                       name="mother_name" value="{{ old('mother_name') }}">
                                                <div class="text-danger">{{$errors->first('mother_name')}}</div>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="father_name">Father Name</label>
                                                <input id="father_name" type="text" class="form-control"
                                                       name="father_name" value="{{ old('father_name') }}">
                                                <div class="text-danger">{{$errors->first('father_name')}}</div>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="marital_status">Marital Status</label>
                                                {!! Form::select("marital_status", [''=>'Select','single'=>'Single', 'married'=>'Married', 'widowed'=>'Widowed', 'divorced'=>'Divorced', 'separated'=>'Separated'], old("marital_status"), ['class'=>'form-control', 'id'=>'marital_status'] ) !!}
                                                <div class="text-danger">{{$errors->first('marital_status')}}</div>
                                            </div>
                                            <div class="form-group col-sm-6 col-12">
                                                <label for="family_photo">Photo</label>
                                                <input id="family_photo" type="file" class="form-control"
                                                       name="family_photo" value="{{ old('family_photo') }}"
                                                       accept="image/png, image/jpeg">
                                                <div class="text-danger">{{$errors->first('family_photo')}}</div>
                                            </div>
                                        </div>
                                        <div class="form-row">
                                            <div class="form-group col-sm-12 text-center">
                                                <button type="submit" id="BtnSubmit" class="btn btn-success">
                                                    Submit
                                                </button>
                                            </div>
                                        </div>
                                        {!! Form::close() !!}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('footerscript')
    <script src="{{asset('theme/plugins/moment/moment.js')}}"></script>
    <script src="{{asset('theme/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js')}}"></script>
    <script src="{{asset('theme/default/assets/pages/jquery.form-pickers.init.js')}}"></script>

    <script>
        $(".datepicker").datepicker({
            format: 'dd-mm-yyyy',
            autoclose: true
        });
        $('.number').keyup(function (e) {
            if (/\D/g.test(this.value)) {
                this.value = this.value.replace(/\D/g, '');
            }
        });
        $('.floatnumber').on('input', function () {
            this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');
        });

        $(window).load(function () {
            getUserByBranch();
        });

        $('#branch_id').on('change', function () {
            getUserByBranch();
        });

        function getUserByBranch() {
            let branch_id = $('#branch_id').val();
            $.ajax({
                url: '{{route('getUserByBranch')}}',
                type: 'GET',
                data: {
                    branch_id: branch_id,
                },
                success: function (response) {
                    $('#user_id').empty();
                    $('#user_id').append('<option value="">Select User</option>');
                    $.each(response, function (key, value) {
                        $('#user_id').append('<option value="' + key + '">' + value + '</option>');
                    });
                }
            });
        }

        $('#user_id').on('change', function () {
            let user_id = $(this).val();
            $.ajax({
                url: '{{route('getUserDataById')}}',
                type: 'GET',
                data: {
                    user_id: user_id,
                },
                success: function (response) {
                    $('#name').val(response.name);
                }
            });
        });


    </script>
@endpush