@extends('layouts.employee')
@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="page-title-box d-sm-flex align-items-center justify-content-between">
              <h4 class="mb-sm-0 font-size-18">Resign Form</h4>
              <div class="page-title-right">
                  <ol class="breadcrumb m-0">
                      <li class="breadcrumb-item"><a href="javascript: void(0);">Dashboard</a></li>
                      <li class="breadcrumb-item active">Resign Form</li>
                  </ol>
              </div>

            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-10 mx-auto">
            @if(session('alert-green'))
                <div  id="mydiv" class="alert alert-success mt-3 text-center">
                    {{ session('alert-green') }}
                </div>
            @endif

            @if(session('alert-danger'))
                <div id="mydiv" class="alert alert-danger mt-3 text-center">
                    {{ session('alert-danger') }}
                </div>
            @endif
        </div>
    </div>

  <div class="row">
    <div class="col-lg-12">
      <div class="card">
        <div class="card-body p-4">
            @php
                $exitInterviewQuestion = getExitInterviewQuestion();
                $reasonForLeaving = [
                    'Better job opportunities',
                    'Family Issues',
                    'Rate of Pay/Compensation',
                    'Illness or Physical Condition',
                    'Moving out of City or Country',
                    'Conflict with Co-worker',
                    'Retirement',
                    'Conflict with Supervisor',
                    'Self-Employment',
                    '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

            <form action="{{ route('employee.resign_action') }}" method="post">
              @csrf
                <div class="row">
                    <div class="col-lg-12">
                        <div class="row">
                            <div class="col-md-6">
                                <label class="form-label" for="nid_number">Name</label>
                                <input type="text" value="{{ $employee->user->name ?? '' }}" readonly class="form-control">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label" for="nid_number">Employee ID</label>
                                <input type="text" value="{{ $employee->emp_id ?? '' }}" readonly class="form-control">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <label class="form-label" for="nid_number">Designation</label>
                                <input type="text" value="{{ $employee->designation->name ?? '' }}" readonly class="form-control">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label" for="nid_number">Department</label>
                                <input type="text" value="{{ $employee->department->name ?? '' }}" readonly class="form-control">
                            </div>                            
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <label class="form-label" for="nid_number">Joining Date</label>
                                <input type="text" value="{{ $employee->joining_date }}" readonly class="form-control">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label" for="nid_number">Date of Resignation</label>
                                <input type="text" name="resign_date" value="{{ \Carbon\Carbon::now()->format('Y-m-d') }}" readonly class="form-control">
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <label class="form-label" for="notice_period">Notice Period<span class="text-danger">*</span></label>
                                <input type="text" name="notice_period" value="2" readonly class="form-control">
                            </div>

                            <div class="col-md-6">
                                <label class="form-label" for="marital_status">Last Working Day<span class="text-danger">*</span></label>
                                <input type="text" name="last_working_date" value="{{ \Carbon\Carbon::now()->addMonth(2)->format('Y-m-d') }}" readonly class="form-control">
                            </div>
                        </div>

                        <div class="row mt-2">
                             <label class="form-label" for="reason_for_leaving">What is your primary reason for leaving?<span class="text-danger">*</span> </label>
                            <br>                               
                            @foreach($reasonForLeaving as $reason)
                            <div class="col-md-6">
                                <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 ($alreadySubmitResign)
                                                @if(is_array(unserialize($alreadySubmitResign->reason_for_leaving)) && in_array($reason, unserialize($alreadySubmitResign->reason_for_leaving))) checked @endif
                                            @else
                                                @if(is_array(old('reason_for_leaving')) && in_array($reason,old('reason_for_leaving'))) checked @endif
                                            @endif
                                    >
                                    <label class="form-check-label" for="reason_for_leaving{{ $loop->index }}">{{ $reason }}</label>
                                </div>
                            </div>
                            @endforeach                            
                        </div> 
                        <div class="row mt-2" id="other_text">
                            
                            <div class="col-md-12">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>

                    <div class="col-lg-12">
                      <div class="row">
                        <div class="col-lg-12 text-end">
                          <button type="reset" class="btn btn-outline-primary w-sm me-2">Reset</button>
                          <button type="submit" class="btn btn-primary w-sm">
                              @if($alreadySubmitResign) Update @else Submit @endif
                          </button>
                        </div>
                      </div>
                    </div>
                </div>
            </form>
        </div>
      </div>
    </div>
  </div>
</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() {    
        $('#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