@extends('layouts.userapp')

@section('content')
            
            @php
                use Carbon\Carbon;
            @endphp
     
        <div class="card" style="border-radius: 20px;  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);">
            <div class="card-header">
                <h5>My Leaves Details</h5>
            </div>
            <div class="card-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>N/A</td>
												<td>N/A</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->total_AL ?? '0') + $ALtaken}}</td>
												<td>{{ $ALtaken }}</td>
												<td>{{ ($leaves->total_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> 

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
@endsection