@extends('layouts.app')
@section('title', 'Cancel Leave Application')
@section('content')
<div class="container page-content">
	<div class="row justify-content-xl-center page-col">
        <div class="col-xl-10 col-12">
            <h1 class="font-weight-bold typography-4 mb-0">Cancel Leave Application</h1>
        </div>
    </div><!-- Header -->
    @if( Route::currentRouteName() == 'show-cancel-leave' )
    	@if( $cancel_leave_application->status == 3 )
        <div class="row justify-content-xl-center page-col pb-3">
        	<div class="col-xl-10 col-12">
        		<div class="card">
        			<div class="card-body">
    					<div class="row mb-3 align-items-center">
    						<label for="status" class="col-xl-4 col-form-label">
    							{{ __('Rejected by') }}
    						</label>
    						<div class="col-xl-8">
    							<input id="status" type="text" class="form-control-plaintext" name="status" value="{{ $cancel_leave_application->updatedBy->getName() }}" readonly />
    						</div>
    					</div><!-- Rejected By -->
    					<div class="row mb-3">
    						<label for="show_remarks" class="col-xl-4 col-form-label">
    							{{ __('Remarks') }}
    						</label>
    						<div class="col-xl-8">
    							<textarea id="show_remarks" class="form-control text-white fw-bold bg-danger" rows="2" readonly>{{ $cancel_leave_application->remark ? $cancel_leave_application->remark : 'N/A' }}</textarea>
    						</div>
    					</div><!-- Remarks -->
        			</div>
        		</div>
        	</div>
        </div>
        @endif
    @endif
	<div class="row justify-content-xl-center page-col">
		<div class="col-xl-10 col-12">
			<div class="card">
				<div class="card-body">
					<form id="cancelForm" action="" method="POST">
						@csrf
						<input id="leave_app_id" type="hidden" name="id" value="{{ $leave_application->id }}" />
						<div class="row mb-3">
							<div class="col-md">
								@if( Route::currentRouteName() == 'show-cancel-leave' )
									<div class="mb-3 row align-items-center">
										<label for="full_name" class="col-xl-4 col-form-label">{{ __('Applicant') }}</label>
										<div class="col-xl-8">
											<input id="full_name" type="text" class="form-control-plaintext" name="full_name" value="{{ $leave_application->userLeaveWithTrashed->user->details->full_name.' ('.$leave_application->userLeaveWithTrashed->user->getFullNameAndNickName().')' }}" readonly>
										</div>
									</div><!-- Applicant -->
									<div class="mb-3 row align-items-center">
										<label for="status" class="col-xl-4 col-form-label">{{ __('Status') }}</label>
										<div class="col-xl-8">
											<input id="status" type="text" class="form-control-plaintext" name="status" value="{{ $status_types[$cancel_leave_application->status] }}" readonly />
										</div>
									</div><!-- Status -->
									@if( $cancel_leave_application->acknowledged_by_hod || $leave_application->userLeaveWithTrashed->user->superiors->count() >=2  )
										<div class="mb-3 row align-items-center">
											<label for="acknowledgedBy" class="col-xl-4 col-form-label">{{ __('Acknowledgment') }}</label>
											@if( $cancel_leave_application->acknowledged_by_hod )
											<div class="col-xl-8">
												<input id="acknowledgedByHOD" type="text" class="form-control-plaintext" name="acknowledgedByHOD" value="{{ $cancel_leave_application->acknowledgedByHOD ? 'Acknowledged by '.$cancel_leave_application->acknowledgedByHOD->getName() : 'N/A' }}" readonly />
											</div>
											@endif
											@if( $leave_application->userLeaveWithTrashed->user->superiors->count() >=2 )
												<div class="{{ $cancel_leave_application->acknowledged_by_hod ? 'offset-xl-4 mt-3' : '' }} col-xl-8">
													@if( $cancel_leave_application->acknowledged_by )
														<input id="acknowledgedBy" type="text" class="form-control-plaintext" name="acknowledgedBy" value="{{ $cancel_leave_application->acknowledgedBy ? 'Acknowledged by '.$cancel_leave_application->acknowledgedBy->getName() : 'Acknowledged' }}" readonly />
													@else
														<input id="status" type="text" class="form-control-plaintext" name="status" value="{{ $status_types[$cancel_leave_application->status] }}" readonly />
													@endif
												</div>
											@endif
										</div><!-- Status -->
									@endif
								@endif
								<div class="mb-3 row">
									<label for="user_leave_id" class="col-xl-4 col-form-label">{{ __('Leave Type') }}</label>
									<div class="col-xl-8">
										<input id="user_leave_id" type="text" class="form-control" name="user_leave_id" value="{{ $leave_application->userLeaveWithTrashed->getLeavePolicyNameByApplicationYear($leave_application->getApplicationYear()) }}" readonly>
									</div>
								</div><!-- Leave Type -->
								@if( !$leave_date_range )
									<div class="mb-3 row">
										<label for="cancelled_date" class="col-xl-4 col-form-label">{{ __('Leave Date') }}</label>
										<div class="col-xl-8">
											<input id="cancelled_date" type="text" class="form-control" name="cancelled_date" value="{{ $leave_application->start_date_time }}" readonly>
										</div>
									</div><!-- Leave Date -->
								@else
									<div class="row align-items-center">
										<label for="cancelled_date" class="col-xl-4 col-form-label required-label">Leave Date</label>
										<div class="col-xl-8 text-primary">*Tick applicable date to cancel leave.</div>
									</div>
									<div class="mb-3 row checkbox-wrap">
										@foreach ($leave_date_range as $key => $leave_date)
										<div class="offset-xl-4 col-xl-8 col-form-label form-check">
											@if( Route::currentRouteName() == 'show-cancel-leave' )
												@php
													$checked = is_array(json_decode($cancel_leave_application->cancelled_date)) ? in_array($leave_date, json_decode($cancel_leave_application->cancelled_date)) : $cancel_leave_application->cancelled_date == $leave_date;
												@endphp
										  		<input class="form-check-input ms-0 me-3 mt-0" type="checkbox" name="cancelled_date[]" value="{{ $leave_date }}" id="cancelled_date{{ $key }}" {{ count($leave_date_range) == 1 || $checked ? 'checked' : '' }} disabled>
										  	@else
										  		<input class="form-check-input ms-0 me-3 mt-0" type="checkbox" name="cancelled_date[]" value="{{ $leave_date }}" id="cancelled_date{{ $key }}">
										  	@endif
										  	<label class="form-check-label" for="cancelled_date{{ $key }}">
										    	{{ $leave_date }}
										  	</label>
										</div>
										@endforeach 
										<span class="offset-xl-4 col-xl-8 invalid-feedback" role="alert">
											<strong id="error_cancelled_date"></strong>
										</span>	 
									</div><!-- Leave Date -->
								@endif
								<div class="mb-3 row">
									<label for="description" class="col-xl-4 col-form-label required-label">{{ __('Reason') }}</label>
									<div class="col-xl-8">
										@if( Route::currentRouteName() == 'show-cancel-leave' )
											<textarea id="description" class="form-control" name="description" rows="3" placeholder="Write your reasons here..." readonly>{{ $cancel_leave_application->description }}</textarea>
										@else
											<textarea id="description" class="form-control" name="description" rows="3" placeholder="Write your reasons here..." required>{{ old('description') }}</textarea>
	                                        <span class="invalid-feedback" role="alert">
	                                        	<strong id="error_description"></strong>
	                                        </span>
										@endif
									</div>
								</div><!-- Description -->
								<div class="row">
									<div class="col-12 text-end pt-3">
										<a class="btn btn-black btn-custom" href="{{ url()->previous() }}">Back</a>
										@if( Auth::user()->allowToManageCancelLeaves() || Route::currentRouteName() == 'cancel-leave' && $leave_application->status == 2 && $leave_application->userLeaveWithTrashed->user->id == Auth::user()->id )
											<a id="btn_cancel_leave_application" class="ms-2 btn btn-danger btn-custom btn text-white" href="">
												Cancel Leave
											</a><!-- Cancel Leave Application -->
										@endif
										@if( Route::currentRouteName() == 'show-cancel-leave' && $cancel_leave_application->status == 1 && $leave_application->status == 2 )
											@if( $leave_application->userLeaveWithTrashed->user->id == Auth::user()->id && !$cancel_leave_application->hasAcknowledged() )
												<a id="btn_cancel_leave_cancellation" class="ms-2 btn btn-danger btn-custom btn text-white" href="">
													Cancel
												</a><!-- Cancel Leave Cancellation -->
											@endif
											@if( $leave_application->userLeaveWithTrashed->user->id != Auth::user()->id )
												@if( $cancel_leave_application->allowReject() )
													<a class="ms-2 btn btn-danger btn-custom btn text-white" data-bs-toggle="modal" data-bs-target="#rejectModal">
														Reject
													</a>
												@endif
												<!-- Need Acknowledge -->
												{{--@if( $cancel_leave_application->allowAcknowledgement() )
													<a class="ms-2 btn btn-submit btn-purple btn-custom btn" href="{{ route('acknowledge-cancel-leave', ['id'=>$cancel_leave_application->id]) }}">
														Acknowledge
													</a>
												@endif
												@if( $cancel_leave_application->allowApprove() )
													<a class="ms-2 btn btn-submit btn-purple btn-custom btn" href="{{ route('approve-cancel-leave', ['id'=>$cancel_leave_application->id]) }}">
														Approve
													</a>
												@endif--}}

												@if( $cancel_leave_application->allowApproval() )
												    <a class="ms-2 btn btn-submit btn-purple btn-custom btn" href="{{ route('approve-cancel-leave', ['id'=>$cancel_leave_application->id]) }}">
														Approve
													</a>
												@else
												    @if( $cancel_leave_application->allowAcknowledgement() )
												        <a class="ms-2 btn btn-submit btn-purple btn-custom btn" href="{{ route('acknowledge-cancel-leave', ['id'=>$cancel_leave_application->id]) }}">
														Acknowledge
													</a>
												    @endif
												@endif
											@endif
										@endif
									</div>
								</div><!-- Action Buttons -->
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>
@if (Route::currentRouteName() == 'show-cancel-leave')
	@push('modal')
		<div class="modal fade" id="rejectModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
		    <div class="modal-dialog modal-dialog-centered">
		        <div class="modal-content">
		            <form method="POST" id="rejectForm" action="{{ route('reject-cancel-leave', ['id'=>$cancel_leave_application->id]) }}" autocomplete="off">
		                @csrf
		                <input type="hidden" name="id" value="{{ $cancel_leave_application->id }}">
		                <div class="modal-header">
		                    <h5 class="modal-title" id="staticBackdropLabel">Reject Leave Cancellation</h5>
		                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
		                </div>
		                <div class="modal-body">
		                    <div class="mb-3 row">
		                        <label for="remarks" class="col-12 col-form-label">
		                            {{ __('Remarks') }}
		                        </label>
		                        <div class="col-12">
		                            <textarea id="remarks" class="form-control @error('remarks') is-invalid @enderror" name="remarks" rows="3" placeholder="Write your remarks here...">{{ old('remarks') }}</textarea>
		                            <span class="invalid-feedback" role="alert">
		                                <strong id="error_remarks"></strong>
		                            </span>
		                        </div>
		                    </div>
		                </div>
		                <div class="modal-footer">
		                    <button type="button" class="btn btn-black" data-bs-dismiss="modal">Close</button>
		                    <button type="submit" class="btn btn-purple btn-modal-save">Submit</button>
		                </div>
		            </form>
		        </div>
		    </div>
		</div>
	@endpush
@endif
@endsection
@if( Route::currentRouteName() == 'cancel-leave' )
	@push('js')
	<script type="text/javascript">
		$(document).ready(function(){
			$('#btn_cancel_leave_application').on('click',function(e){
		        e.preventDefault();
		        Swal.fire({
		            title: 'Are you sure?',
		            text: "You won't be able to revert this!",
		            icon: 'warning',
		            showCancelButton: true,
		            confirmButtonColor: '#3085d6',
		            cancelButtonColor: '#d33',
		            confirmButtonText: 'Yes, cancel it!'
		        }).then((result) => {
		            if (result.isConfirmed) {
		            	$(this).prop('disabled', true).addClass('disabled');
		            	$(this).html('<i class="fas fa-circle-notch fa-spin"></i> Loading');
	    			    var formData = new FormData($("#cancelForm")[0]);
	    			    var action_url = "{{ route('leave-application-cancel', ['id'=>$leave_application->id]) }}";
		    		    $.ajax({
		    		        type: 'POST',
		    		        url: action_url,
		    		        data: formData,
		    		        processData: false,
		    		        contentType: false,
		    		        success: function(data) {
		    		        	$('#btn_cancel_leave_application').html('Cancel Leave');
		    		           	Swal.fire({
		    		           	  	icon: 'success',
		    		           	  	title: 'Success!',
		    		           	  	text: 'The leave cancellation has been stored.',
		    		           	  	showConfirmButton:false,
		    		           	  	timer: 1500
		    		           	})
		    		           	$('#btn_cancel_leave_application').prop('disabled', false).removeClass('disabled');
		    		           	setTimeout(function() {
		    		           	    window.location.href = "{{ route('leave-application-index') }}";
		    		           	}, 500);
		    		        },
		    		        error: function(xhr, textStatus, errorThrown){
		    		        	$('#btn_cancel_leave_application').html('Cancel Leave');
		    		        	// Remove invalid message
		    		        	$('textarea').change(function(){
		    		        		$(this).removeClass('is-invalid');
		    		        		$('#btn_cancel_leave_application').prop('disabled', false).removeClass('disabled');
		    		        	});
		    		        	$('input').change(function(){
		    		        		$('input').removeClass('is-invalid');
		    		        		$('.checkbox-wrap .invalid-feedback').removeClass('d-block');
		    		        		$('#btn_cancel_leave_application').prop('disabled', false).removeClass('disabled');
		    		        	});
		    		            $.each(xhr.responseJSON, function(k, v) {
		    		            	if( k == "error" ){
	                            		$("#app main").prepend(`<div class="alert alert-error alert-block" role="alert">`+v+`</div>`);
	                        		}else{
			                    		if( k == 'cancelled_date' ){
					                		$('input[type=checkbox]').addClass('is-invalid');
					                		$('.checkbox-wrap .invalid-feedback').addClass('d-block');	
					                	}else{
					                		$('input[name='+k+'], select[name='+k+'], textarea[name='+k+']').addClass('is-invalid');
					                		$('#error_'+k).html(v);
					                	}
	                        		}
								});
		    		        }
		    		    });
		            }
		        });
		    });
		});
	</script>
	@endpush
@endif
@if (Route::currentRouteName() == 'show-cancel-leave')
	@push('js')
	<script type="text/javascript">
		$(document).ready(function(e){
			$('#btn_cancel_leave_cancellation').on('click',function(e){
		        e.preventDefault();
		        Swal.fire({
		            title: 'Are you sure?',
		            text: "You won't be able to revert this!",
		            icon: 'warning',
		            showCancelButton: true,
		            confirmButtonColor: '#3085d6',
		            cancelButtonColor: '#d33',
		            confirmButtonText: 'Yes, cancel it!'
		        }).then((result) => {
		            if (result.isConfirmed) {
		            	$(this).addClass('disabled');
		            	$(this).html('<i class="fas fa-circle-notch fa-spin"></i> Loading');
		            	window.location.href = '{{ route('cancel-cancelled-leave', ['id'=>$cancel_leave_application->id]) }}';
		            }
		        });
		    });

		    // Reject Leave Cancellation
		    $( "#rejectForm" ).submit(function(event) {
		        event.preventDefault();
		        $('.btn-modal-save').prop('disabled', true);
		        $('.btn-modal-save').html('<i class="fas fa-circle-notch  fa-spin"></i> Loading');
		        var formData = new FormData(this);
		        var action_url = $(this).attr('action');
		        $.ajax({
		            type: 'POST',
		            url: action_url,
		            data: formData,
		            processData: false,
		            contentType: false,
		            success: function(data) {
		                Swal.fire({
		                    icon: 'success',
		                    title: 'Rejected!',
		                    text: 'The leave cancellation has been rejected.',
		                    showConfirmButton:false,
		                    timer: 1500
		                })
		                $('#rejectModal').modal('hide');
		                $('.btn-modal-save').prop('disabled', false);
		                setTimeout(function() {
		                    window.location.href = "{{ route('leave-application-index') }}";
		                }, 500);
		            },
		            error: function(xhr, textStatus, errorThrown){
		               	$('.btn-modal-save').prop('disabled', false);
		               	$('.btn-modal-save').html('Save');
		                $.each(xhr.responseJSON, function(k, v) {
		                    if( k == "error" ){
		                        $("#app main").prepend(`<div class="alert alert-error alert-block" role="alert">`+v+`</div>`);
		                    }else{
		                        $('textarea[name='+k+']').addClass('is-invalid');
		                        $('#error_'+k).html(v);
		                    }
		                });
		            }
		        });
		    });

		    $('#rejectModal').on('hidden.bs.modal', function(e){
		        $('#remarks').val('');
		    });
		});
	</script>
	@endpush
@endif