@extends('admin.layouts.admin')
@section('content')
    <div class="page-content-tab">
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-12">
                    <div class="page-title-box">
                        <div class="float-right">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item">
                                    <a href="javascript:void(0);">Employee</a>
                                </li>
                                <li class="breadcrumb-item">
                                    <a href="/admin/resign">Resign Application</a>
                                </li>
                                <li class="breadcrumb-item active">Create </li>
                            </ol>
                        </div>
                        <h4 class="page-title">Create Resign</h4>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-12">
                    <div class="card">
                        @php
                            $exitInterviewQuestion = getExitInterviewQuestion();
                            $reasonForLeaving = [
                                'Good job opportunities',
                                'Type of work',
                                'Salary rate',
                                'Self-employment',
                                'Back to study',
                                'Types of supervision',
                                'Travel distance',
                                'Progress is not encouraging',
                                'Excessive work stress',
                                'Work environment',
                                'Reasons for travel',
                                'Inadequate training',
                                'Family status',
                                'Medical or Sickness',
                                'Other'
                            ];
                            $workFeelList = [
                              'Good',
                              'Challenging',
                              'General',
                              'Not inspirational',
                              'Limited'
                            ];
                            $amountOfWorkloadList = [
                              'Too much for one person',
                              'Sometimes a lot, but most of the time just right',
                              'Normal',
                              'Work pressure is higher than time'
                            ];
                            $getInNewJob = [
                                'Good future',
                                'Good working hours',
                                'Higher salary',
                                'More interesting work',
                                'Less difficult work',
                                'Want to return to a former business or job'
                            ];
                        @endphp
                        <div class="card-body"><form action="{{ route('admin.employee.resignApplications.store') }}" method="post">
                                @csrf
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="text-bold-600">Employee ID</label>
                                                    <select name="emp_id" class="select2 form-control mb-3 custom-select">
                                                        <option selected disabled value="">Select Employee ID</option>
                                                        @foreach($employees as $employee)
                                                            <option value="{{ $employee->emp_id }}" {{ old('emp_id') == $employee->emp_id ? 'selected' : '' }}
                                                            data-id="{{ $employee->emp_id }}"
                                                            data-employee_name="{{ $employee->user->name ?? '' }}"
                                                            data-department_name="{{ $employee->department->name ?? '' }}"
                                                            data-designation_name="{{ $employee->designation->name ?? '' }}"
                                                            data-joining_date="{{ $employee->joining_date }}"
                                                            data-last_salary="{{ $employee->gross_salary }}"
                                                            >
                                                                {{ $employee->emp_id }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                    @error('emp_id')
                                                        <div class="invalid-custom">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <label class="form-label text-bold-600 " for="nid_number">Name</label>
                                                <input type="text" value="" readonly class="form-control employee_name">
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <label class="form-label text-bold-600" for="nid_number">Department</label>
                                                <input type="text" value="" readonly class="form-control department_name">
                                            </div>
                                            <div class="col-md-6">
                                                <label class="form-label text-bold-600" for="nid_number">Designation</label>
                                                <input type="text" value="" readonly class="form-control designation_name">
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <label class="form-label text-bold-600" for="nid_number">Joining Date</label>
                                                <input type="text" value="" readonly class="form-control joining_date">
                                            </div>
                                            <div class="col-md-6">
                                                <label class="form-label text-bold-600" for="nid_number">Last Salary</label>
                                                <input type="text" value="" readonly class="form-control last_salary">
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-6">
                                                <label class="form-label text-bold-600" for="nid_number">Resign Date<span class="text-danger">*</span></label>
                                                <input type="text"
                                                       placeholder="Select resign date"
                                                       name="resign_date"
                                                       value="{{ old('resign_date') }}"
                                                       class="form-control @error('resign_date') is-invalid @enderror"
                                                >
                                                @error('resign_date')
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                @enderror
                                            </div>

                                            <div class="col-md-6">
                                                <label class="form-label text-bold-600" for="marital_status">{{ $exitInterviewQuestion['job_area'] }}<span class="text-danger">*</span></label>
                                                <select name="job_area" class="form-control @error('job_area') is-invalid @enderror">
                                                    <option value="">Select Job Area</option>
                                                    @foreach($jobArea as $area)
                                                        <option
                                                            @if(old('job_area') == $area->id) selected @endif
                                                            value="{{ $area->id }}">{{ $area->name }}</option>
                                                    @endforeach
                                                </select>
                                                @error('job_area')
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="row mt-2">
                                            <div class="col-md-6">
                                                <label class="form-label text-bold-600">{{ $exitInterviewQuestion['job_responsibilities_explained'] }}<span class="text-danger">*</span> </label>
                                                <br>
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" name="job_responsibilities_explained" type="radio" id="jobResponsibilitiesExplainedYes"
                                                           @if(old('job_responsibilities_explained') == 'Yes') checked @endif
                                                           value="Yes">
                                                    <label class="form-check-label" for="jobResponsibilitiesExplainedYes">Yes</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" name="job_responsibilities_explained" type="radio" id="jobResponsibilitiesExplainedNo"
                                                           @if(old('job_responsibilities_explained') == 'No') checked @endif
                                                           value="No">
                                                    <label class="form-check-label" for="jobResponsibilitiesExplainedNo">No</label>
                                                </div>
                                                <br>
                                                @error('job_responsibilities_explained')
                                                    <div class="invalid-custom">{{ $message }}</div>
                                                @enderror
                                            </div>

                                            <div class="col-md-6">
                                                <label class="form-label text-bold-600" for="reason_for_leaving">{{ $exitInterviewQuestion['reason_for_leaving'] }}<span class="text-danger">*</span> </label>
                                                <br>
                                                @foreach($reasonForLeaving as $reason)
                                                    <div class="form-check form-check">
                                                        <input class="reason_for_leaving"
                                                               name="reason_for_leaving[]"
                                                               type="checkbox"
                                                               onclick="getValue({{ $loop->index }})"
                                                               id="reason_for_leaving{{ $loop->index }}"
                                                               value="{{ $reason }}"
                                                               @if(is_array(old('reason_for_leaving')) && in_array($reason,old('reason_for_leaving'))) checked @endif
                                                        >
                                                        <label class="form-check-label" for="reason_for_leaving{{ $loop->index }}">{{ $reason }}</label>
                                                    </div>
                                                @endforeach
                                                @error('reason_for_leaving')
                                                    <div class="invalid-custom">{{ $message }}</div>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="row mt-2" id="other_text">
                                            <div class="col-md-6"> <label> </label></div>
                                            <div class="col-md-6"><label>Other Reason<span class="text-danger">*</span></label>
                                                <input type="text" placeholde="Other reason" id="other_reason" name="other_reason" class="form-control ">                           
                                                
                                            </div>
                                        </div>

                                        <div class="row mt-2">
                                            <div class="col-md-6">
                                                <label class="form-label text-bold-600" for="Gender">{{ $exitInterviewQuestion['get_in_new_job'] }}<span class="text-danger">*</span> </label>
                                                <br>
                                                @foreach($getInNewJob as $newJob)
                                                    <div class="form-check form-check">
                                                        <input class="form-check-input"
                                                               name="get_in_new_job[]"
                                                               type="checkbox"
                                                               id="getInNewJob{{ $loop->index }}"
                                                               value="{{ $newJob }}"
                                                               @if(is_array(old('get_in_new_job')) && in_array($newJob,old('get_in_new_job'))) checked @endif
                                                        >
                                                        <label class="form-check-label" for="getInNewJob{{ $loop->index }}">{{ $newJob }}</label>
                                                    </div>
                                                @endforeach
                                                @error('get_in_new_job')
                                                    <div class="invalid-custom">{{ $message }}</div>
                                                @enderror
                                            </div>

                                            <div class="col-md-6">
                                                <label class="form-label text-bold-600" for="nid_number">{{ $exitInterviewQuestion['name_of_your_next_workplace'] }}</label>
                                                <input type="text" name="name_of_your_next_workplace" value="{{ old('name_of_your_next_workplace') }}" class="form-control">
                                            </div>
                                        </div>

                                        <div class="row mt-2">
                                            <div class="col-md-6">
                                                <label class="form-label text-bold-600">{{ $exitInterviewQuestion['amount_of_workload'] }}<span class="text-danger">*</span> </label>
                                                <br>
                                                @foreach($amountOfWorkloadList as $workload)
                                                    <div class="form-check form-check">
                                                        <input class="form-check-input"
                                                               name="amount_of_workload"
                                                               type="radio"
                                                               id="amount_of_workload{{ $loop->index }}"
                                                               value="{{ $workload }}"
                                                               @if(old('amount_of_workload') == $workload) checked @endif
                                                        >
                                                        <label class="form-check-label" for="amount_of_workload{{ $loop->index }}">{{ $workload }}</label>
                                                    </div>
                                                @endforeach
                                                @error('amount_of_workload')
                                                    <div class="invalid-custom">{{ $message }}</div>
                                                @enderror
                                            </div>

                                            <div class="col-md-6">
                                                <label class="form-label text-bold-600">{{ $exitInterviewQuestion['work_feel'] }}<span class="text-danger">*</span> </label>
                                                <br>
                                                @foreach($workFeelList as $workFeel)
                                                    <div class="form-check form-check">
                                                        <input class="form-check-input"
                                                               name="work_feel"
                                                               type="radio"
                                                               id="work_feel{{ $loop->index }}"
                                                               value="{{ $workFeel }}"
                                                               @if(old('work_feel') == $workFeel) checked @endif
                                                        >
                                                        <label class="form-check-label" for="work_feel{{ $loop->index }}">{{ $workFeel }}</label>
                                                    </div>
                                                @endforeach
                                                @error('work_feel')
                                                    <div class="invalid-custom">{{ $message }}</div>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="row mt-2">
                                            <div class="col-md-6">
                                                <label class="form-label text-bold-600">{{ $exitInterviewQuestion['returning_SSLCOMMERZ'] }}<span class="text-danger">*</span></label>
                                                <br>
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" name="returning_SSLCOMMERZ" type="radio" id="returning_SSLCOMMERZYes"
                                                           @if(old('returning_SSLCOMMERZ') == 'Yes') checked @endif
                                                           value="Yes">
                                                    <label class="form-check-label" for="returning_SSLCOMMERZYes">Yes</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" name="returning_SSLCOMMERZ" type="radio" id="returning_SSLCOMMERZNo"
                                                           @if(old('returning_SSLCOMMERZ') == 'No') checked @endif
                                                           value="No">
                                                    <label class="form-check-label" for="returning_SSLCOMMERZNo">No</label>
                                                </div>
                                                <br>
                                                @error('returning_SSLCOMMERZ')
                                                    <div class="invalid-custom">{{ $message }}</div>
                                                @enderror
                                            </div>

                                            <div class="col-md-6">
                                                <label class="form-label text-bold-600">{{ $exitInterviewQuestion['company_work_environment_scale'] }}<span class="text-danger">*</span> </label>
                                                <br>
                                                @foreach([1,2,3,4,5,6,7,8,9,10] as $scale)
                                                    <div class="form-check form-check-inline">
                                                        <input class="form-check-input"
                                                               name="company_work_environment_scale"
                                                               type="radio"
                                                               id="scale{{ $loop->index }}"
                                                               value="{{ $scale }}"
                                                               @if(old('company_work_environment_scale') == $scale) checked @endif
                                                        >
                                                        <label class="form-check-label" for="scale{{ $loop->index }}">{{ $scale }}</label>
                                                    </div>
                                                @endforeach
                                                @error('company_work_environment_scale')
                                                    <div class="invalid-custom">{{ $message }}</div>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="row mt-2">
                                            <div class="col-md-6">
                                                <label class="form-label text-bold-600">{{ $exitInterviewQuestion['recommend_good_place'] }}<span class="text-danger">*</span> </label>
                                                <br>
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" name="recommend_good_place" type="radio" id="recommend_good_placeYes"
                                                           @if(old('recommend_good_place') == 'Yes') checked @endif
                                                           value="Yes">
                                                    <label class="form-check-label" for="recommend_good_placeYes">Yes</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" name="recommend_good_place" type="radio" id="recommend_good_placeNo"
                                                           @if(old('recommend_good_place') == 'No') checked @endif
                                                           value="No">
                                                    <label class="form-check-label" for="recommend_good_placeNo">No</label>
                                                </div>
                                                <br>
                                                @error('recommend_good_place')
                                                    <div class="invalid-custom">{{ $message }}</div>
                                                @enderror
                                            </div>

                                            <div class="col-md-6">
                                                <label class="form-label text-bold-600">{{ $exitInterviewQuestion['discussed_issue_with_team_leader'] }}<span class="text-danger">*</span> </label>
                                                <br>
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" name="discussed_issue_with_team_leader" type="radio" id="discussed_issue_with_team_leaderYes"
                                                           @if(old('discussed_issue_with_team_leader') == 'Yes') checked @endif
                                                           value="Yes">
                                                    <label class="form-check-label" for="discussed_issue_with_team_leaderYes">Yes</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" name="discussed_issue_with_team_leader" type="radio" id="discussed_issue_with_team_leaderNo"
                                                           @if(old('discussed_issue_with_team_leader') == 'No') checked @endif
                                                           value="No">
                                                    <label class="form-check-label" for="discussed_issue_with_team_leaderNo">No</label>
                                                </div>
                                                <br>
                                                @error('discussed_issue_with_team_leader')
                                                     <div class="invalid-custom">{{ $message }}</div>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="row mt-2">
                                            <div class="col-md-6">
                                                <label class="form-label text-bold-600">{{ $exitInterviewQuestion['was_discussion_helpful'] }}<span class="text-danger">*</span> </label>
                                                <br>
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" name="was_discussion_helpful" type="radio" id="was_discussion_helpfulYes"
                                                           @if(old('was_discussion_helpful') == 'Yes') checked @endif
                                                           value="Yes">
                                                    <label class="form-check-label" for="was_discussion_helpfulYes">Yes</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" name="was_discussion_helpful" type="radio" id="was_discussion_helpfulNo"
                                                           @if(old('was_discussion_helpful') == 'No') checked @endif
                                                           value="No">
                                                    <label class="form-check-label" for="was_discussion_helpfulNo">No</label>
                                                </div>
                                                <br>
                                                @error('was_discussion_helpful')
                                                    <div class="invalid-custom">{{ $message }}</div>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-12">
                                        <div class="row">
                                            <div class="col-lg-12 mt-2">
                                                <button type="submit" class="btn btn-primary w-sm">
                                                     Submit
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('admin.sections.footer')
    </div>
@endsection

@section('style')
    <link href="{{ asset('assets/admin/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css') }}"  rel="stylesheet" type="text/css" />
    <style>
        .invalid-custom{
            color: #fd625e;
            font-size: 80%;
        }
    </style>
@endsection

@section('script')
    <script src="{{ asset('assets/admin/plugins/moment/moment.js') }}"></script>
    <script src="{{ asset('assets/admin/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js') }}"></script>

    <script type="text/javascript">
        $('input[name="resign_date"]').datetimepicker({
            format: 'YYYY-MM-DD'
        });

        $(document).ready(function() {

            $('.select2').on('select2:select', function (e) {
                var employee_name = $(e.params.data.element).data('employee_name');
                var department_name = $(e.params.data.element).data('department_name');
                var designation_name = $(e.params.data.element).data('designation_name');
                var joining_date = $(e.params.data.element).data('joining_date');
                var last_salary = $(e.params.data.element).data('last_salary');

                $('.employee_name').val(employee_name);
                $('.department_name').val(department_name);
                $('.designation_name').val(designation_name);
                $('.joining_date').val(joining_date);
                $('.last_salary').val(last_salary);
            });

        
            $('#other_text').hide();
            
        });

        function getValue(id){
            $("#reason_for_leaving"+id).on('change', function(){
                if($(this).val() == 'Other'){
                    if($(this).is(':checked')) {
                        $('#other_text').show();
                    }
                    else{                
                        $('#other_text').hide();
                        $('#other_reason').val("");
                    }
                }
            });
        }

    </script>
@endsection