@extends('layouts.app')
@section('title', 'Replacement 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">Replacement Leave Application</h1>
        </div>
    </div><!-- Header -->
	<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">
					<form action="" method="POST">
						<input id="status" type="hidden" name="id" value="{{ $replace_leave_application->id }}" />
						<div class="row mb-3">
							<div class="col-md">
								<div class="mb-2 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="{{ $replace_leave_application->user->details->full_name }}" 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">
										@if( $replace_leave_application->status > 1 )
											<input id="status" type="text" class="form-control-plaintext" name="status" value="{{ $replace_leave_application->reviewBy ? $status_types[$replace_leave_application->status].' by '.$replace_leave_application->reviewBy->getName() : $status_types[$replace_leave_application->status] }}" readonly />
										@else
											<input id="status" type="text" class="form-control-plaintext" name="status" value="{{ $status_types[$replace_leave_application->status] }}" readonly />
										@endif
									</div>
								</div><!-- Status -->
								@if( $replace_leave_application->checkNeededAcknowledgement() )
									<div class="mb-3 row align-items-center">
										<label for="acknowledge" class="col-xl-4 col-form-label">{{ __('Acknowledged') }}</label>
										<div class="col-xl-8">
											@if( $replace_leave_application->acknowledged_by )
												<input id="status" type="text" class="form-control-plaintext" name="status" value="{{ $replace_leave_application->acknowledgedBy ? 'Acknowledged by '.$replace_leave_application->acknowledgedBy->getName() : 'Acknowledged' }}" readonly />
											@else
												<input id="status" type="text" class="form-control-plaintext" name="status" value="{{ $status_types[$replace_leave_application->status] }}" readonly />
											@endif
										</div>
									</div><!-- Status -->
								@endif
								<div class="mb-3 row">
									<label for="duration" class="col-xl-4 col-form-label">{{ __('Duration') }}</label>
									<div class="col-xl-8">
										<input id="duration" type="text" class="form-control" name="duration" value="{{ $replace_leave_application->duration }} Day(s)" readonly>
									</div>
								</div><!-- Duration -->
								<div class="mb-3 row">
									<label for="description" class="col-xl-4 col-form-label">{{ __('Description') }}</label>
									<div class="col-xl-8">
										<input id="description" type="text" class="form-control" name="description" value="{{ !$replace_leave_application->description ? 'N/A' : $replace_leave_application->description }}" readonly>
									</div>
								</div><!-- Description -->
								<div class="mb-3 row align-items-center">
									<label for="attachment_url" class="col-xl-4 col-form-label">{{ __('Supporting Document') }}</label>
									<div class="col-xl-8">
										@if( !$replace_leave_application->attachment_url )
											<input class="form-control-plaintext" type="text" id="attachment_url" name="attachment_url" value="N/A" readonly>
										@else
											<a href="{{ Storage::disk('public')->url($replace_leave_application->attachment_url) }}"class="btn btn-link" target="_blank">
												Attachment
											</a>
										@endif
									</div>
								</div><!-- Supporting Document -->
								<div class="row">
									<div class="col-12 text-end pt-3">
										<a class="btn btn-black btn-custom" href="{{ route('leave-application-index') }}">Back</a>
										@if( $replace_leave_application->status == 1 )
											@if( $replace_leave_application->user->id == Auth::user()->id )
												<a id="btn_cancel" class="ms-2 btn btn-danger btn-custom btn text-white" href="">
													Cancel
												</a>
											@elseif( Auth::user()->allowToManageReplacementLeaves() || $replace_leave_application->checkValidUserToAction(Auth::user()) )
												<a id="btn_reject" class="ms-2 btn btn-danger btn-custom btn text-white" href="">
													Reject
												</a>
												@if( Auth::user()->allowToManageReplacementLeaves() && $replace_leave_application->hasAcknowledgement() )
													<a class="ms-2 btn btn-purple btn-custom btn-submit btn" href="{{ route('replace-leave-application-approve', ['id'=>$replace_leave_application->id]) }}">
														Approve
													</a>
												@endif
												@if( !Auth::user()->allowToManageReplacementLeaves() && !$replace_leave_application->hasAcknowledgement() )
													<a class="ms-2 btn btn-purple btn-submit btn-custom btn" href="{{ route('replace-leave-application-acknowledge', ['id'=>$replace_leave_application->id]) }}">
														Acknowledge
													</a>
												@endif
											@endif 
										@endif
									</div>
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div><!-- Replacement Leave Application Form -->
	<div class="row justify-content-xl-center page-col">
		<div class="col-xl-10 col-12">
			<div class="card">
				<div class="card-header">
				    <div class="row justify-content-between align-items-center">
				        <div class="col text-start">
				            <h1 class="font-weight-semibold typography-2 mb-0">{{ __('History') }}</h1>
				        </div>
				    </div>
				</div>
				<div class="card-body">
					@if ($all_replace_leave_applications->isEmpty())
					    <h4 class="typography-2 font-weight-semibold text-grey text-center mb-0">- N/A -</h4>
					@else
					    <div class="table-responsive">
					        <table class="table valign-child-middle sortable">
					            <thead class="table-light">
					                <tr>
					                	<th>No</th>
					                	<th>Status</th>
					                    <th>Description</th>
					                    <th>Duration (Days)</th>
					                    <th>Attachment</th>
					                </tr>
					            </thead>
					            <tbody>
					                @foreach ($all_replace_leave_applications as $index => $all_replace_leave_application)
					                @if ($replace_leave_application->user_id == $all_replace_leave_application->user_id)
				                        <tr>
				                        	<td>{{ $index + 1 }}</td>
				                        	<td class="fw-bold {{ $all_replace_leave_application->status == 2 ? 'text-success' : ($all_replace_leave_application->status > 2 ? 'text-danger' : '') }}">{{ $status_types[$all_replace_leave_application->status] }}</td>
				                            <td>{{ $all_replace_leave_application->description }}</td>
				                            <td>{{ $all_replace_leave_application->duration }}</td>
				                            <td>{{ $all_replace_leave_application->attachment_url ? 'Yes' : 'No' }}</td>
				                        </tr>
				                    @endif
					                @endforeach
					            </tbody>
					        </table>
					    </div>
					@endif
				</div>
			</div>
		</div>
	</div><!-- History Replacement Leave Application -->
</div>
@endsection
@push('js')
<script type="text/javascript">
	$('#btn_cancel').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) {
            	window.location.href = "{{ route('replace-leave-application-cancel', ['id'=>$replace_leave_application->id]) }}";
            }
        });
    });

    $('#btn_reject').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, reject it!'
        }).then((result) => {
            if (result.isConfirmed) {
            	window.location.href = "{{ route('replace-leave-application-reject', ['id'=>$replace_leave_application->id]) }}";
            }
        });
    });
</script>
@endpush