@extends('layouts.appv2')

@section('content')

{{-- Table index start --}}
	
@if(session('success'))
	<div class="alert alert-success">
		{{ session('success') }}
	</div>
@endif

@if(session('error'))
	<div class="alert alert-danger">
		{{ session('error') }}
	</div>
@endif

<div class="card" style="border-radius: 20px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);">
	<div class="card-header">
		<div class="d-flex justify-content-between align-items-center mb-0">
			<h5>Leaves Applied Details</h5>  
			<div class="btn-toolbar mb-2 mb-md-0">
				<a href="{{ route('admins.viewleave')}}" 
				class="btn btn-sm btn-secondary mt-1 mb-1" 
				style="width:70px; text-align: center; border-radius: 50px;">
					Back
				</a>
			</div>
		</div> 
	</div>
	<div class="card-body">
		<div class="table-responsive-sm">
			<table class="table bordered">
				<tr>
					<th>Employee Name</th>
					<td>{{ $leave->employee_first_name }}</td>
				</tr>
				<tr>
					<th>Leave Type</th>
					<td>{{ $leave->leavetype_name }}</td>
				</tr>
				<tr>
					<th>Created Date</th>
					<td>{{ \Carbon\Carbon::parse($leave->created_date)->format('l, d M Y') }}</td>
				</tr>
				<tr>
					<th>Leave Duration</th>
					<td>
						@if (($leave->halfday_on_startdate !== 'FULL' || $leave->halfday_on_enddate !== 'FULL') && !is_null($leave->halfday_on_startdate) && !is_null($leave->halfday_on_enddate))
							HALFDAY ({{ $leave->halfday_on_startdate !== 'FULL' ? $leave->halfday_on_startdate : $leave->halfday_on_enddate }})
						@else
							FULLDAY
						@endif
					</td>
				</tr>
				<tr>
					<th>Total days</th>
					<td>{{ $leave->total_days }}</td>
				</tr>
				<tr>
					<th>Start Date</th>
					<td>{{ \Carbon\Carbon::parse($leave->start_date)->format('l, d M Y') }}</td>
				</tr>
				<tr>
					<th>End Date</th>
					<td>{{ \Carbon\Carbon::parse($leave->end_date)->format('l, d M Y') }}</td>
				</tr>
				<tr>
					<th>Return Date</th>
					<td>{{ \Carbon\Carbon::parse($leave->return_date)->format('l, d M Y') }}</td>
				</tr>
				<tr>
					<th class="align-middle">Attachment</th>
					<td>
						@if($leave->attachment)
							<a href="{{ asset('storage/documentstaff/' . $leave->attachment) }}" style="border-radius:10px;" class="btn btn-primary">Download</a>
						@else
							<button type="button" class="btn btn-secondary" style="border-radius:10px;" onclick="alert('There is no file uploaded.');">Download</button>
						@endif 
					</td>                       
				</tr>
				<tr>
					<th>Reason</th>
					<td>{{ $leave->reason }}</td>
				</tr>
				<tr>
					<th>Leave Status</th>
					<td>
						<span class="badge 
							@if($leave->all_status == 1) bg-success
							@elseif($leave->all_status == 0) bg-danger
							@elseif($leave->all_status == 2) bg-secondary
							@elseif($leave->all_status == 3) bg-info
							@elseif($leave->all_status == 4) bg-warning
							@else bg-dark @endif">
							@if($leave->all_status == 1) Approved
							@elseif($leave->all_status == 0) Rejected
							@elseif($leave->all_status == 2) Cancelled
							@elseif($leave->all_status == 3) Verified
							@elseif($leave->all_status == 4) Pending
							@else Unknown
							@endif
						</span>
					</td>
				</tr>
				@if($leave->rejectmessage)
				<tr>
					<th>Message</th>
					<td>
						<div class="alert 
							@if($leave->all_status == 1) alert-success
							@elseif($leave->all_status == 0) alert-danger
							@elseif($leave->all_status == 2) alert-secondary
							@else alert-info @endif p-2 mb-0">
							{{ $leave->rejectmessage }}
						</div>
					</td>
				</tr>
				@endif
				<tr>
					<th class="align-middle">Leave History</th>
					<td>
						<button type="button" class="btn btn-primary" style="border-radius:10px;" data-toggle="modal" data-target="#actionModal">
							View All Actions
						</button>
					</td>
				</tr>
			</table>
		</div>

	<!-- Action History Modal -->
		<div class="modal fade" id="actionModal" tabindex="-1" role="dialog" aria-labelledby="actionModalLabel" aria-hidden="true">
			<div class="modal-dialog modal-lg" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<h5 class="modal-title" id="actionModalLabel">Leave Action History</h5>
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
					</div>
					<div class="modal-body">
						@if($history && $history->isNotEmpty())
							<div class="timeline">
								@foreach($history as $item)
									<div class="timeline-item mb-3 pb-3 border-bottom">
										<div class="d-flex justify-content-between align-items-start">
											<div>
												<h6 class="mb-1">
													{{ $item->action }}
													<span class="badge 
														@if($item->action == 'Applied') bg-info
														@elseif($item->action == 'Approved') bg-success
														@elseif($item->action == 'Rejected') bg-danger
														@elseif($item->action == 'Cancelled') bg-secondary
														@elseif($item->action == 'Verified') bg-info
														@elseif(str_contains($item->action, 'HR Override')) bg-warning text-dark
														@else bg-dark @endif">
														{{ $item->action }}
													</span>
												</h6>
												<p class="mb-2">
													<strong>By:</strong> {{ $item->employee_first_name ?? 'System' }}
												</p>
												<p class="mb-1">
													<strong>Date & Time:</strong> 
													@if($item->created_date)
														{{ \Carbon\Carbon::parse($item->created_date)->format('l, d M Y \a\t H:i') }}
													@else
														<span class="text-muted">Not recorded</span>
													@endif
												</p>
												@if($item->action == 'Applied')
													<small class="text-muted d-block">
														<i class="fas fa-info-circle"></i> Leave application submitted
													</small>
												@elseif(str_contains($item->action, 'HR Override'))
													<small class="text-warning d-block">
														<i class="fas fa-shield-alt"></i> System Admin Action
													</small>
												@endif
												@if($item->rejectmessage)
													<div class="alert alert-info mt-2 mb-0 p-2 small">
														<strong>Message:</strong> {{ $item->rejectmessage }}
													</div>
												@endif
											</div>
										</div>
									</div>
								@endforeach
							</div>
						@else
							<div class="alert alert-info">
								<i class="fas fa-info-circle"></i> No action history available
							</div>
						@endif
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

{{-- HR Override Section --}}
@if(auth()->check() && str_starts_with(auth()->user()->usercode, 'HR-'))
<div class="card mt-4 border-0 shadow-sm">
	<div class="card-header bg-light text-dark">
		<strong> HR Override Actions</strong>
	</div>
	<div class="card-body text-center">

		<div class="d-flex justify-content-center gap-3 flex-wrap">
			
			{{-- HR Override Approve --}}
			{{-- Show if status is NOT Cancelled (2) and NOT Approved (1) --}}
			@if($leave->all_status != 2 && $leave->all_status != 1)
			<form action="{{ route('leave.hr-override-approve', $leave->leave_apply_id) }}" method="POST" class="mb-3">
				@csrf
				<button type="submit" class="btn btn-success" onclick="return confirm('HR OVERRIDE: Approve this leave?')">
					HR Override Approve
				</button>
				<small class="text-muted d-block mt-1">No reason needed</small>
			</form>
			@endif

			{{-- HR Override Reject --}}
			{{-- Show if status is Pending (4) or Verified (3) --}}
			@if($leave->all_status == 4 || $leave->all_status == 3)
			<form action="{{ route('leave.hr-override-reject', $leave->leave_apply_id) }}" method="POST" class="mb-3">
				@csrf
				<div class="mb-2">
					<label class="form-label">Reject Reason *</label>
					<textarea name="reject_reason" class="form-control" rows="2" placeholder="Enter reject reason..." required></textarea>
				</div>
				<button type="submit" class="btn btn-danger" onclick="return confirm('HR OVERRIDE: Reject this leave?')">
					HR Override Reject
				</button>
			</form>
			@endif

			{{-- HR Override Cancel --}}
			{{-- Show if status is NOT Cancelled (2) --}}
			@if($leave->all_status != 2)
			<form action="{{ route('leave.hr-override-cancel', $leave->leave_apply_id) }}" method="POST" class="mb-3">
				@csrf
				<div class="mb-2">
					<label class="form-label">Cancel Reason *</label>
					<textarea name="cancel_reason" class="form-control" rows="2" placeholder="Enter cancel reason..." required></textarea>
				</div>
				<button type="submit" class="btn btn-secondary" onclick="return confirm('HR OVERRIDE: Cancel this leave?')">
					HR Override Cancel
				</button>
			</form>
			@endif

		</div>
	</div>
</div>
@endif

<script>
document.addEventListener('DOMContentLoaded', function() {
	const hrForms = document.querySelectorAll('form[action*="hr-override"]');
	hrForms.forEach(form => {
		form.addEventListener('submit', function(e) {
			const reasonField = this.querySelector('textarea[required]');
			if (reasonField && !reasonField.value.trim()) {
				e.preventDefault();
				alert('Please provide a reason for this action.');
				reasonField.focus();
			}
		});
	});
});
</script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bs5-datepicker@1.2.0/dist/js/bootstrap-datepicker.min.js"></script>
@endsection