@extends('layouts.appv2')

@section('content')



<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 Record Details</h5>
			<div class="btn-toolbar mb-2 mb-md-0">
				<a href="{{ route('admins.leavestaff')}}" 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="form-group row">
			<label for="employee_company_id" class="col-sm-2 col-form-label">Name</label>
			<div class="col-sm-4">
				<span type="text" readonly="" class="form-control-plaintext col-form-label font-weight-bold" value="">{{ $employee->employee_first_name }}</span>
			</div>

			<label for="employee_office_id" class="col-sm-2 col-form-label">Designation</label>
			<div class="col-sm-4">
				<span type="text" readonly="" class="form-control-plaintext col-form-label font-weight-bold" value="">{{ $employees->designation->designation_name ?? 'N/A' }}</span>
			</div>
		</div>

		<div class="form-group row">

			<label for="employee_company_id" class="col-sm-2 col-form-label">Grade</label>
			<div class="col-sm-4">
				<span type="text" readonly="" class="form-control-plaintext col-form-label font-weight-bold" value="">{{ $employee->grade->grade_name ?? 'N/A' }}</span>
			</div>

			<label for="employee_office_id" class="col-sm-2 col-form-label">Department</label>
			<div class="col-sm-4">
				<span type="text" readonly="" class="form-control-plaintext col-form-label font-weight-bold" value="">{{ $employee->department->department_name ?? 'N/A'}}</span>
			</div>
		</div>

		<div class="form-group row">
			<label for="employee_company_id" class="col-sm-2 col-form-label">Joined</label>
			<div class="col-sm-4">
				<span id="employee_joined_at" class="form-control-plaintext col-form-label font-weight-bold">
					{{ $employee->employee_joined_at ?? 'N/A'}}
				</span>
			</div>

			<label for="employee_office_id" class="col-sm-2 col-form-label">Length Of Services</label>
			<div class="col-sm-4">
				<span id="length_of_services" class="form-control-plaintext col-form-label font-weight-bold"></span>
			</div>
		</div>

		<div class="form-group row">
			<label for="employee_company_id" class="col-sm-2 col-form-label">AL Entitled</label>
			<div class="col-sm-4">
				<span type="text" readonly="" class="form-control-plaintext col-form-label font-weight-bold" value="">{{ $leaves->AL + $ALtaken}}</a>
			</div>

			<label for="employee_office_id" class="col-sm-2 col-form-label">Other Leave Entitled</label>
			<div class="col-sm-4">
				<span type="button" readonly="" class="form-control-plaintext col-form-label font-weight-bold" value="" data-toggle="modal" data-target="#viewDetails">View Details</span>
			</div>
		</div>

		<!-- Modal -->
		<div class="modal fade" id="viewDetails" tabindex="-1" role="dialog" aria-labelledby="viewDetailsLabel" aria-hidden="true">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<h5 class="modal-title" id="staffLeaveModalLabel">View Details</h5>
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
					</div>
					<div class="modal-body">
						<div class="table-responsive">
							<table class="table table-sm table-bordered table-hover">
								<thead class="thead-dark">
									<tr>
										<th>Type</th>
										<th>Entitled</th>
										<th>Taken</th>
										<th>Balance</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<th>Carried Forward</th>
										<td>{{ $leaves->carry_forward ?? '0' }}</td>
										<td>N/A</td>
										<td>N/A</td>
									</tr>
									<tr>
										<th>AL</th>
										<td>{{ ($leaves->AL ?? '0') + $ALtaken}}</td>
										<td>{{ $ALtaken }}</td>
										<td>{{ $leaves->AL ?? 0 }}</td>
									</tr>
									<tr>
										<th>RL</th>
										<td>{{ ($leaves->RL ?? '0') + $RLtaken}}</td>
										<td>{{ $RLtaken }}</td>
										<td>{{ $leaves->RL ?? 0 }}</td>
									</tr>
									<tr>
										<th>Total AL</th>
										<td>{{ (($leaves->AL ?? '0')  + $ALtaken) + ($leaves->carry_forward ?? 0) }}</td>
										<td>{{ $ALtaken }}</td>
										<td>{{ $leaves->AL ?? 0 }}</td>
									</tr>
									<tr>
										<th>EL</th>
										<td>{{ ($leaves->EL ?? '0') + $ELtaken}}</td>
										<td>{{ $ELtaken }}</td>
										<td>{{ $leaves->EL ?? 0 }}</td>
									</tr>
									<tr>
										<th>ML</th>
										<td>{{ ($leaves->ML ?? '0') + $MLtaken}}</td>
										<td>{{ $MLtaken }}</td>
										<td>{{ $leaves->ML ?? 0 }}</td>
									</tr>
									<tr>
										<th>HOSP</th>
										<td>{{ ($leaves->HOSP ?? '0') + $HOSPtaken}}</td>
										<td>{{ $HOSPtaken }}</td>
										<td>{{ $leaves->HOSP ?? 0 }}</td>
									</tr>
									<tr>
										<th>MTL</th>
										<td>{{ ($leaves->MTL ?? '0') + $MTLtaken}}</td>
										<td>{{ $MTLtaken }}</td>
										<td>{{ $leaves->MTL ?? 0 }}</td>
									</tr>
									<tr>
										<th>PTL</th>
										<td>{{ ($leaves->PTL ?? '0') + $PTLtaken}}</td>
										<td>{{ $PTLtaken }}</td>
										<td>{{ $leaves->PTL ?? 0 }}</td>
									</tr>
									<tr>
										<th>CL</th>
										<td>{{ ($leaves->CL ?? '0') + $CLtaken}}</td>
										<td>{{ $CLtaken }}</td>
										<td>{{ $leaves->CL ?? 0 }}</td>
									</tr>
									<tr>
										<th>CML</th>
										<td>{{ ($leaves->CML ?? '0') + $CMLtaken}}</td>
										<td>{{ $CMLtaken }}</td>
										<td>{{ $leaves->CML ?? 0 }}</td>
									</tr>
									<tr>
										<th>MGL</th>
										<td>{{ ($leaves->MGL ?? '0') + $MGLtaken}}</td>
										<td>{{ $MGLtaken }}</td>
										<td>{{ $leaves->MGL ?? 0 }}</td>
									</tr>
									<tr>
										<th>PI</th>
										<td>{{ ($leaves->PI ?? '0') + $PItaken}}</td>
										<td>{{ $PItaken }}</td>
										<td>{{ $leaves->PI ?? 0 }}</td>
									</tr>
									<tr>
										<th>UPL</th>
										<td>N/A</td>
										<td>{{ $UPLtaken }}</td>
										<td>N/A</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
					</div>
				</div>
			</div>
		</div>

		<div class="table-responsive">
			<table class="table table-hover table-sm mb-0 table-bordered">
				<thead class="thead-dark text-center">

					<tr>
						<th colspan="3">Date</th>
						<th colspan="4">Annual Leave Info</th>
						<th colspan="2">MC</th>
						<th rowspan="2" class="align-middle">UPL</th>
						<th rowspan="2" class="align-middle">Reason</th>
						<th rowspan="2" class="align-middle">Remark</th>
					</tr>

					<tr>
						<th>Apply</th>
						<th>Start</th>
						<th>End</th>
						<th>AL Taken</th>
						<th>EL Taken</th>
						<th>T</th>
						<th>Bal AL</th>
						<th>ML Taken</th>
						<th>Bal</th>
					</tr>


				</thead>
				<tbody>
					@if($leaveapply->isEmpty())
					<tr>
						<td colspan="11" class="text-center">NO LEAVE APPLIED</td>
					</tr>
					@else
					@php
					$entitledAL = DB::table('leave_entitled')
					->where('user_id', $leaveapply->first()->user_id)
					->where('year_entitled', date('Y'))
					->value('total_AL');

					$entitledML = DB::table('leave_entitled')
					->where('user_id', $leaveapply->first()->user_id)
					->where('year_entitled', date('Y'))
					->value('ML');

					$ALTaken = 0;
					$ELTaken = 0;
					$MLTaken = 0;
					$ULTaken = 0;
					$TSTaken = 0;
					@endphp
					@foreach($leaveapply as $leave)
					@php
					if ($leave->leave_type_id == 1) {
					$ALTaken += $leave->total_days;
					}
					if ($leave->leave_type_id == 2) {
					$ELTaken += $leave->total_days;
					}
					if ($leave->leave_type_id == 3) {
					$MLTaken += $leave->total_days;
					}
					if ($leave->leave_type_id == 4) {
					$ULTaken += $leave->total_days;
					}
					if ($leave->leave_type_id == 15) {
					$TSTaken += $leave->total_days;
					}

					$ALBalance = $entitledAL - $ALTaken;
					$MLBalance = $entitledML - $MLTaken;
					@endphp
					<tr>
						<td>{{ \Carbon\Carbon::parse($leave->created_date)->format('l, d M Y') }}</td>
						<td>{{ \Carbon\Carbon::parse($leave->start_date)->format('l, d M Y') }}</td>
						<td>{{ \Carbon\Carbon::parse($leave->end_date)->format('l, d M Y') }}</td>
						<td>{{ $ALTaken }}</td>
						<td>{{ $ELTaken }}</td>
						<td>{{ $TSTaken }}</td>
						<td>{{ $ALBalance }}</td>
						<td>{{ $MLTaken }}</td>
						<td>{{ $MLBalance }}</td>
						<td>{{ $ULTaken }}</td>
						<td>{{ $leave->reason }}</td>
						<td>{{ $leave->leavetype_code }} [{{ $leave->total_days}} DAYS]</td>
					</tr>
					@endforeach
					@endif
				</tbody>

			</table>
		</div>

	</div>
</div>
</div>



<script>
document.addEventListener('DOMContentLoaded', function() {
    const joinedAtField = document.getElementById('employee_joined_at');
    const lengthOfServiceField = document.getElementById('length_of_services');

    if (joinedAtField && lengthOfServiceField) {
        const joinedAtText = joinedAtField.textContent.trim();

        // Ensure the joinedAtText is a valid date
        if (joinedAtText && joinedAtText !== 'N/A') {
            const joinedAt = new Date(joinedAtText);
            const today = new Date();

            // Calculate the difference
            let years = today.getFullYear() - joinedAt.getFullYear();
            let months = today.getMonth() - joinedAt.getMonth();
            let days = today.getDate() - joinedAt.getDate();

            // Adjust for negative days
            if (days < 0) {
                const previousMonth = new Date(today.getFullYear(), today.getMonth(), 0); // Last day of previous month
                days += previousMonth.getDate();
                months -= 1;
            }

            // Adjust for negative months
            if (months < 0) {
                months += 12;
                years -= 1;
            }

            // Display the length of service in years, months, and days
            lengthOfServiceField.textContent = `${years} Year${years !== 1 ? 's' : ''}, ${months} Month${months !== 1 ? 's' : ''}, ${days} Day${days !== 1 ? 's' : ''}`;
        } else {
            lengthOfServiceField.textContent = 'N/A';
        }
    }
});

</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