@extends('layouts.userapp')

@section('content')
            
            @php
                use Carbon\Carbon;
            @endphp


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

<div class="card" style="border-radius: 20px; ">
<div class="card-header d-flex justify-content-between align-items-center">
    <h5>Leaves Requested</h5>
    <span type="button" class="right" data-toggle="modal" data-target="#viewLeaveDetails">View Details</span>

</div>

    <div class="card-body">
        <div class="table-responsive table">
                <div class="d-flex justify-content-around align-items-center" style="position: relative; ">
                    <div class="text-center" style="width: 45%;">
                    <h2 class="mb-0">{{$ALcount}}/{{($leaveentitled->total_AL ?? 0) + $ALcount}}</h2>
                        <h3>ANNUAL LEAVE</h3>
                    </div>

                    <div style="width: 1px; height: 100%; background-color: black; position: absolute; left: 50%; transform: translateX(-50%);"></div>

                    <div class="text-center" style="width: 45%;">
                        <h2 class="mb-0">{{$MLcount}}/{{($leaveentitled->ML ?? '0') + $MLcount}}</h2>
                        <h3>MEDICAL LEAVE</h3>
                    </div>
                </div>

                 <!-- Modal -->
                 <div class="modal fade" id="viewLeaveDetails" tabindex="-1" role="dialog" aria-labelledby="viewLeaveDetailsLabel" aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header" style=" background-color:white;">
                            <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" style=" background-color:white;">
                            <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>{{ $leaveentitled->carry_forward ?? '0' }}</td>
                                            <td>N/A</td>
                                            <td>N/A</td>
                                        </tr>
                                        <tr>
                                            <th>AL</th>
                                            <td>{{ ($leaveentitled->AL ?? 0) + $ALtaken }}</td>
                                            <td>{{ $ALtaken }}</td>
                                            <td>{{ $leaveentitled->AL ?? 0 }}</td>

                                        </tr>
                                        <tr>
                                            <th>RL</th>
                                            <td>{{ (($leaveentitled->RL ?? 0)) + $RLtaken }}</td>
                                            <td>{{ $RLtaken }}</td>
                                            <td>{{ $leaveentitled->RL ?? 0 }}</td>
                                        </tr>
                                        <tr>
                                            <th>Total AL</th>
                                            <td>{{ (($leaveentitled->AL ?? '0')  + $ALtaken) + ($leaveentitled->carry_forward ?? 0) }}</td>
                                            <td>N/A</td>
                                            <td>N/A</td>
                                        </tr>
                                        <tr>
                                            <th>EL</th>
                                            <td>{{ (($leaveentitled->EL ?? '0')) + $ELtaken }}</td>
                                            <td>{{ $ELtaken }}</td>
                                            <td>{{ $leaveentitled->EL ?? 0 }}</td>
                                        </tr>
                                        <tr>
                                            <th>ML</th>
                                            <td>{{ (($leaveentitled->ML ?? '0')) + $MCtaken }}</td>
                                            <td>{{ $MCtaken }}</td>
                                            <td>{{ $leaveentitled->ML ?? 0 }}</td>
                                        </tr>
                                        <tr>
                                            <th>HOSP</th>
                                            <td>{{ ($leaveentitled->HOSP ?? '0') + $HOSPtaken }}</td>
                                            <td>{{ $HOSPtaken }}</td>
                                            <td>{{ $leaveentitled->HOSP ?? 0 }}</td>
                                        </tr>
                                        <tr>
                                            <th>MTL</th>
                                            <td>{{ ($leaveentitled->MTL ?? '0') + $MTLtaken }}</td>
                                            <td>{{ $MTLtaken }}</td>
                                            <td>{{ $leaveentitled->MTL ?? 0 }}</td>
                                        </tr>
                                        <tr>
                                            <th>PTL</th>
                                            <td>{{ ($leaveentitled->PTL ?? '0') + $PTLtaken }}</td>
                                            <td>{{ $PTLtaken }}</td>
                                            <td>{{ $leaveentitled->PTL ?? 0 }}</td>
                                        </tr>
                                        <tr>
                                            <th>CL</th>
                                            <td>{{ ($leaveentitled->CL ?? '0') + $CLtaken }}</td>
                                            <td>{{ $CLtaken }}</td>
                                            <td>{{ $leaveentitled->CL ?? 0}}</td>
                                        </tr>
                                        <tr>
                                            <th>CML</th>
                                            <td>{{ ($leaveentitled->CML ?? '0') + $CMLtaken }}</td>
                                            <td>{{ $CMLtaken }}</td>
                                            <td>{{ $leaveentitled->CML ?? 0 }}</td>
                                        </tr>
                                        <tr>
                                            <th>MGL</th>
                                            <td>{{ ($leaveentitled->MGL ?? '0') + $MGLtaken }}</td>
                                            <td>{{ $MGLtaken }}</td>
                                            <td>{{ $leaveentitled->MGL ?? 0 }}</td>
                                        </tr>
                                        <tr>
                                            <th>PI</th>
                                            <td>{{ ($leaveentitled->PI ?? '0') + $PItaken }}</td>
                                            <td>{{ $PItaken }}</td>
                                            <td>{{ $leaveentitled->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" style=" background-color:white;">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        </div>
                    </div>
                </div>
            </div>

            <table class="table text-center table-borderless table-hover mt-3">
                @php $no = 0; @endphp
                @if ($applied !== FALSE)
                    @if (count($applied) > 0)
                        @foreach($applied as $applied)
                        <tr class="border-bottom" 
                            onclick=window.location="{{ route('checkins.myleavesapplied', [$applied->leave_apply_id]) }};" 
                            style="cursor: pointer;">
                            <td class="align-middle col-xs-0">
                                {{ ++$no }}
                            </td>
                            <td class="align-middle col-xs-0 p-0">
                            <span class="border rounded p-3 font-size-41 text-white" 
                                style="
                                    font-size: 1.5em; 
                                    background-color: 
                                        {{ $applied->display_status == 'Pending' ? '#FFDB58' : 
                                        ($applied->display_status == 'Approved' ? 'green' : 
                                        ($applied->display_status == 'Rejected' ? 'red' : 
                                        ($applied->display_status == 'Verified' ? 'blue' : 'grey'))) }};
                                    color: 
                                        {{ $applied->display_status == 'Pending' ? 'black' : 'white' }};
                                ">
                                {{ $applied->leavetype_code }}
                            </span>
                            </td>
                            <td class="align-middle text-left">
                                <b>
                                    {{ $applied->total_days}} Days <i class="fas fa-clock mr-2 text-muted"></i>
                                    {{ \Carbon\Carbon::parse($applied->start_date)->format('d M') }} <i class="fas fa-horizontal-rule">-</i> 
                                    {{ \Carbon\Carbon::parse($applied->end_date)->format('d M') }}
                                </b>
                                <br>
                                    {{ $applied->display_status }}
                                </br>
                                <small>{{ date("j F Y", strtotime($applied->created_date)) }}</small>
                            </td>
                        </tr>

                        @endforeach
                    @endif
                @endif
            </table>
        </div>
    </div>

</div>


 
    


   




<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>
<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