@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;">View All List</p>
    </div>
     
    <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>Staff's Leave</h5>
            </div> 
        </div>

        <div class="card-body">
            <div class="table-responsive">
                <table class="table mb-0 table-hover table-bordered results" id="viewallleave">
                    <thead class="text-center thead-dark">
                        <tr>
                            <th>No</th>
                            <th>Employee Name</th>
                            <th>Type</th>
                            <th>Apply on</th>
                            <th>Total Days</th>
                            <th>Start Date</th>
                            <th>End Date</th>
                            <th>Return Date</th>
                            <th>Apply To</th>
                            <th>Status</th>
                            <th>View</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php $counter = $leaves->firstItem() @endphp
                        @foreach($leaves as $leave)
                            <tr class="text-center">
                                <td scope="row">{{ $counter++ }}</td>
                                <td>{{ $leave->employee_first_name }}</td>
                                <td>{{ $leave->leavetype_code }}</td>
                                <td>{{ \Carbon\Carbon::parse($leave->created_date)->format('l, d M Y') }}</td> 
                                <td>{{ $leave->total_days }}</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>{{ \Carbon\Carbon::parse($leave->return_date)->format('l, d M Y') }}</td>
                                <td class="apply_to">{{ $leave->userfirstname }}</td>
                                <td>{{ $leave->display_status }}</td>
                                <td><a href="{{ route('admins.viewleavedetail', ['leave_apply_id' => $leave->leave_apply_id]) }}">View</a></td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            
            {{-- Pagination Links --}}
            <div class="d-flex justify-content-center mt-4">
                {{ $leaves->links('pagination::bootstrap-4') }}
            </div>
        </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