@extends('backend.master')
@section('mainContent')

    {!! generateBreadcrumb() !!}
    <section class="admin-visitor-area up_st_admin_visitor">
        <div class="container-fluid p-0">
            <div class="row justify-content-center">

                <div class="col-12">
                    <div class="white-box">
                        <form action="{{ route('staffs.update', $staff->user->id) }}" method="POST"
                              enctype="multipart/form-data">
                            @csrf
                            @method('PATCH')
                            <input type="hidden" name="user_id" value="{{$staff->user_id}}">
                            <div class="row">
                                <div class="col-xl-12">
                                    <div class="main-title d-flex">
                                        <h3 class="mb-0 mr-30">{{ __('common.Basic Info') }}</h3>
                                    </div>
                                </div>
                                <hr>

                                <div class="col-xl-6">
                                    <div class="primary_input mb-25">
                                        <label class="primary_input_label" for="">{{ __('common.Name') }} *</label>
                                        <input name="name" class="primary_input_field name"
                                               placeholder="{{ __('common.Name') }}" value="{{ @$staff->user->name }}"
                                               type="text" required>
                                        <span class="text-danger">{{$errors->first('name')}}</span>
                                    </div>
                                </div>

                                <div class="col-xl-6 employee_id_div">
                                    <div class="primary_input mb-25">
                                        <label class="primary_input_label" for="">{{ __('common.Phone') }}</label>
                                        <input name="phone" id="phone" class="primary_input_field name"
                                               placeholder="{{ __('common.Phone') }}" value="{{ $staff->phone }}"
                                               type="text">
                                        <span class="text-danger">{{$errors->first('phone')}}</span>
                                    </div>
                                </div>

                                <div class="col-xl-6">
                                    <div class="primary_input mb-25">
                                        <label class="primary_input_label" for="">{{ __('common.Email') }} *</label>
                                        <input name="email" class="primary_input_field name"
                                               placeholder="{{ __('common.Email') }}" value="{{ @$staff->user->email }}"
                                               type="email">
                                        <span class="text-danger">{{$errors->first('email')}}</span>
                                    </div>
                                </div>

                                <div class="col-xl-6">
                                    <div class="primary_input mb-25">
                                        <label class="primary_input_label" for="password">{{ __('common.Password') }}
                                            ({{trans('Minimum 8 Letter')}})</label>
                                        <input name="password" class="primary_input_field name"
                                               autocomplete="new-password"
                                               placeholder="{{ __('common.Password') }}" value="" type="password"
                                               id="password">
                                        <span class="text-danger">{{$errors->first('password')}}</span>
                                    </div>
                                </div>
                                <div class="col-xl-6">
                                    <div class="primary_input mb-25">
                                        <label class="primary_input_label"
                                               for="password_confirmation">{{ __('common.Confirm Password') }} </label>
                                        <input name="password_confirmation" class="primary_input_field name"
                                               placeholder="{{ __('common.Confirm Password') }}" value=""
                                               type="password" id="password_confirmation">
                                        <span class="text-danger">{{$errors->first('password_confirmation')}}</span>
                                    </div>
                                </div>

                                <div class="col-xl-6">
                                    <div class="primary_input mb-25">
                                        <label class="primary_input_label" for="">{{ __('department.Department') }}
                                            *</label>
                                        <select class="primary_select mb-25" name="department_id" id="department_id"
                                                required>
                                            @foreach (\Modules\SystemSetting\Entities\Department::all() as $key => $department)
                                                <option value="{{ $department->id }}"
                                                        @if ($department->id == $staff->department_id) selected @endif>{{ $department->name }}</option>
                                            @endforeach
                                        </select>
                                        <span class="text-danger">{{$errors->first('department_id')}}</span>
                                    </div>
                                </div>

                                <div class="col-xl-6">
                                    <div class="primary_input mb-25">
                                        <label class="primary_input_label" for="">{{ __('common.Role') }} *</label>
                                        <select class="primary_select mb-25" name="role_id" id="role_id">
                                            @foreach (\Modules\RolePermission\Entities\Role::whereNotIn('id', [1,2,3,5])->get() as $key => $role)
                                                <option
                                                    value="{{ $role->id }}" {{ $role->id == $staff->user->role_id ? 'selected' : '' }}>{{ $role->name }}</option>
                                            @endforeach
                                        </select>
                                        <span class="text-danger">{{$errors->first('role_id')}}</span>
                                    </div>
                                </div>

                                <div class="col-xl-6 date_of_birth_div">
                                    <div class="primary_input mb-15">
                                        <label class="primary_input_label"
                                               for="">{{ __('common.Date of Birth') }} </label>
                                        <div class="primary_datepicker_input">
                                            <div class="g-0  input-right-icon">
                                                <div class="col">
                                                    <div class="">
                                                        <input placeholder="{{__('common.Date')}}"
                                                               class="primary_input_field primary-input date form-control"
                                                               id="date_of_birth" type="text" name="date_of_birth"
                                                               value="{{ $staff->date_of_birth?date('m/d/Y', strtotime($staff->date_of_birth)):'' }}"
                                                               autocomplete="off" >
                                                    </div>
                                                </div>
                                                <button class="" type="button">
                                                    <i class="ti-calendar" id="start-date-icon"></i>
                                                </button>
                                            </div>
                                        </div>
                                        <span class="text-danger">{{$errors->first('date_of_birth')}}</span>
                                    </div>
                                </div>

                                <div class="col-xl-6 current_address_div">
                                    <div class="primary_input mb-25">
                                        <label class="primary_input_label"
                                               for="">{{ __('common.Current Address') }}</label>
                                        <input name="current_address" id="current_address"
                                               class="primary_input_field name"
                                               placeholder="{{ __('common.Current Address') }}"
                                               value="{{ $staff->current_address }}" type="text">
                                        <span class="text-danger">{{$errors->first('current_address')}}</span>
                                    </div>
                                </div>

                                <div class="col-xl-6 permanent_address_div">
                                    <div class="primary_input mb-25">
                                        <label class="primary_input_label"
                                               for="">{{ __('common.Permanent Address') }}</label>
                                        <input name="permanent_address" id="permanent_address"
                                               class="primary_input_field name"
                                               placeholder="{{ __('common.Permanent Address') }}"
                                               value="{{ $staff->permanent_address }}" type="text">
                                        <span class="text-danger">{{$errors->first('permanent_address')}}</span>
                                    </div>
                                </div>


                                <div class="col-lg-6">

                                    <div class=" mb-15">
                                        <x-upload-file
                                            media_id="{{isset($staff)?$staff->user->image_media?->media_id:''}}"
                                            name="image"
                                            type="image"
                                            label="{{ __('common.Profile Picture') }}"/>
                                    </div>

                                </div>

                                <div class="col-xl-12 mt-5 bank_info_div">
                                    <div class="main-title d-flex">
                                        <h3 class="mb-0 mr-30">{{ __('common.Bank Info') }}</h3>
                                    </div>
                                </div>

                                <hr>

                                <div class="col-xl-6 bank_name_div">
                                    <div class="primary_input mb-25">
                                        <label class="primary_input_label" for="">{{ __('common.Bank Name') }}</label>
                                        <input name="bank_name" id="bank_name" class="primary_input_field name"
                                               placeholder="{{ __('common.Bank Name') }}"
                                               value="{{ $staff->bank_name }}" type="text">
                                        <span class="text-danger">{{$errors->first('bank_name')}}</span>
                                    </div>
                                </div>

                                <div class="col-xl-6 bank_branch_name_div">
                                    <div class="primary_input mb-25">
                                        <label class="primary_input_label"
                                               for="">{{ __('common.Bank Branch Name') }}</label>
                                        <input name="bank_branch_name" id="bank_branch_name"
                                               class="primary_input_field name"
                                               placeholder="{{ __('common.Bank Branch Name') }}"
                                               value="{{ $staff->bank_branch_name }}" type="text">
                                        <span class="text-danger">{{$errors->first('bank_branch_name')}}</span>
                                    </div>
                                </div>

                                <div class="col-xl-6 bank_account_name_div">
                                    <div class="primary_input mb-25">
                                        <label class="primary_input_label"
                                               for="">{{ __('common.Account Name') }}</label>
                                        <input name="bank_account_name" id="bank_account_name"
                                               class="primary_input_field name"
                                               placeholder="{{ __('common.Account Name') }}"
                                               value="{{ $staff->bank_account_name }}" type="text">
                                        <span class="text-danger">{{$errors->first('bank_account_name')}}</span>
                                    </div>
                                </div>

                                <div class="col-xl-6 bank_account_no_div">
                                    <div class="primary_input mb-25">
                                        <label class="primary_input_label"
                                               for="">{{ __('common.Bank Account Number') }}</label>
                                        <input name="bank_account_no" id="bank_account_no"
                                               class="primary_input_field name"
                                               placeholder="{{ __('common.Bank Account Number') }}"
                                               value="{{ $staff->bank_account_no }}" type="text">
                                        <span class="text-danger">{{$errors->first('bank_account_no')}}</span>
                                    </div>
                                </div>

                                <div class="col-xl-12 mt-5 payroll_info_div">
                                    <div class="main-title d-flex">
                                        <h3 class="mb-0 mr-30">{{ __('common.Payroll Info') }}</h3>
                                    </div>
                                </div>
                                <hr>

                                <div class="col-xl-6 date_of_joining_div">
                                    <div class="primary_input mb-15">
                                        <label class="primary_input_label" for="">{{ __('common.Date of Joining') }}
                                            *</label>
                                        <div class="primary_datepicker_input">
                                            <div class="g-0  input-right-icon">
                                                <div class="col">
                                                    <div class="">
                                                        <input placeholder="{{__('common.Date')}}"
                                                               class="primary_input_field primary-input date form-control"
                                                               id="date_of_joining" type="text" name="date_of_joining"
                                                               value="{{ date('m/d/Y', strtotime($staff->date_of_joining)) }}"
                                                               autocomplete="off" required>
                                                    </div>
                                                </div>
                                                <button class="" type="button">
                                                    <i class="ti-calendar" id="start-date-icon"></i>
                                                </button>
                                            </div>
                                        </div>
                                        <span class="text-danger">{{$errors->first('date_of_joining')}}</span>
                                    </div>
                                </div>
                                <div class="col-xl-6 basic_salary_div">
                                    <div class="primary_input mb-25">
                                        <label class="primary_input_label"
                                               for="">{{ __('common.Basic Salary') }}</label>
                                        <input name="basic_salary" id="basic_salary" class="primary_input_field name"
                                               placeholder="{{ __('common.Basic Salary') }}" type="number"
                                               value="{{ $staff->basic_salary }}">
                                        <span class="text-danger">{{$errors->first('basic_salary')}}</span>
                                    </div>
                                </div>

                                <div class="col-xl-6 employee_type_div">
                                    <div class="primary_input mb-25">
                                        <label class="primary_input_label"
                                               for="">{{ __('common.Employment Type') }}</label>
                                        <select class="primary_select mb-25" name="employment_type" id="employment_type"
                                                onchange="getField()">
                                            <option value="">{{ __('common.Select One') }}</option>
                                            <option value="Provision"
                                                    @if ($staff->employment_type == "Provision") selected @endif>{{ __('common.Provision') }}</option>
                                            <option value="Contract"
                                                    @if ($staff->employment_type == "Contract") selected @endif>{{ __('common.Contract') }}</option>
                                            <option value="Permanent"
                                                    @if ($staff->employment_type == "Permanent") selected @endif>{{ __('common.Permanent') }}</option>
                                        </select>
                                        <span class="text-danger">{{$errors->first('employment_type')}}</span>
                                    </div>
                                </div>
                                <div class="col-xl-6 provisional_time_div">
                                    <div class="primary_input mb-25">
                                        <label class="primary_input_label" for="">{{ __('common.Provision Time') }}
                                            <small>({{ __('common.In Months') }})</small> </label>
                                        <input name="provisional_months" id="provisional_time"
                                               class="primary_input_field name" placeholder="0" type="number"
                                               value="{{ $staff->provisional_months }}">
                                        <span class="text-danger">{{$errors->first('provisional_months')}}</span>
                                    </div>
                                </div>


                                <div class="col-lg-12 text-center">
                                    <div class="d-flex justify-content-center pt_20">
                                        <button type="submit" class="primary-btn semi_large2 fix-gr-bg"
                                                id="save_button_parent"><i
                                                class="ti-check"></i>{{ __('common.Update') }}
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection
@push('scripts')
    <script type="text/javascript">
        $(document).ready(function () {
            getField();
            $(document).on('keyup', '#password', function () {
                if ($(this).val()) {
                    $('#password_confirmation').attr('required', 'true');
                    $("label[for='password_confirmation']").addClass('required');
                } else {
                    $('#password_confirmation').attr('required', 'false');
                    $("label[for='password_confirmation']").removeClass('required');
                }
            })
        });

        function getField() {
            var employment_type = $('#employment_type').val();
            if (employment_type == "Provision") {
                $("#provisional_time").removeAttr("disabled");
            } else if (employment_type == "Contract") {
                $("#provisional_time").attr('disabled', true);
            } else {
                $("#bank_name").attr('Permanent', true);
                $("#provisional_time").attr('disabled', true);
            }
        }

    </script>
@endpush