@extends('layouts.appv2')

@section('content')
                     
                <div class="d-flex align-items-center mb-4">
                    <h1 class="mb-4 gradient-text">Leaves</h1>
                    <p class="ml-3 mb-3 font-weight-normal" style="font-size: 2.0rem;">|</p>
                    <p class="ml-3 mb-3 font-weight-normal" style="font-size: 2.0rem;">Leave to Approve</p>
                </div>

                <div class="card" style="border-radius: 20px;  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);">
                <div class="card-header">
                    <h5>Approval from HR</h5>
                </div>
                <div class="card-body" >
                    <div class="table-responsive">
                        <table class="table  mb-0 table-hover table-bordered results">
                        <thead class="text-center thead-dark">
                            <tr>
                                <th style="padding: 5px;">No</th>
                                <th style="padding: 5px;">Employee Name</th>
                                <th style="padding: 5px;">Leave Type</th>
                                <th style="padding: 5px;">Apply on</th>
                                <th style="padding: 5px;">Total Days</th>
                                <th style="padding: 5px;">Start Date</th>
                                <th style="padding: 5px;">End Date</th>
                                <th style="padding: 5px;">Return Date</th>
                                <!-- <th style="padding: 5px;">Apply To</th> -->
                                <th style="padding: 5px;">Status</th>     
                                <th style="padding: 5px;">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($leaves as $leave)
                            <tr>
                                <td style="padding: 5px;">{{ $loop->iteration }}</td>
                                <td style="padding: 5px;">{{ $leave->employee_first_name }}</td>
                                <td style="padding: 5px;">{{ $leave->leavetype_code }}</td>
                                <td style="padding: 5px;">{{ \Carbon\Carbon::parse($leave->created_date)->format('l, d M Y') }}</td>
                                <td style="padding: 5px;">{{ $leave->total_days }}</td>
                                <td style="padding: 5px;">{{ \Carbon\Carbon::parse($leave->start_date)->format('l, d M Y') }}</td>
                                <td style="padding: 5px;">{{ \Carbon\Carbon::parse($leave->end_date)->format('l, d M Y') }}</td>
                                <td style="padding: 5px;">{{ \Carbon\Carbon::parse($leave->return_date)->format('l, d M Y') }}</td>
                                <!-- <td style="padding: 5px;">{{ $leave->apply_to }}</td> -->
                                <td style="padding: 5px;">{{ $leave->display_status }}</td>
                                <td style="padding: 5px;">
                                <a href="{{ route('admins.leavesbyhr', ['leave_apply_id' => $leave->leave_apply_id]) }}" >Action</a>
                                </td>
                            </tr>
                            @empty
                            <tr>
                                <td colspan="11" class="font-italic" style="padding: 5px; text-align: center;">No leave applications yet</td>
                            </tr>
                            @endforelse
                        </tbody>

                        </table>
                    </div>
                    <!-- <a href="#" class="float-right mt-3" style="font-size: 12px;">Leave To Approve History</a> -->
                </div>
                </div>
               

    <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