@extends('layouts.app')

@section('title', 'Pending Leave Approvals')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <a href="{{ route('leaves.index') }}" class="text-secondary text-decoration-none small">&larr; Back to Leaves</a>
        <h4 class="fw-bold mt-1 mb-0">Pending Leave Approvals</h4>
        <p class="text-secondary small mb-0">Review requests from team members and authorize leave deductions</p>
    </div>
    <span class="badge bg-warning-subtle text-warning border px-3 py-2 fs-6">
        <i class="bi bi-clock-history me-1"></i> {{ $pendingLeaves->total() }} Applications Pending
    </span>
</div>

<div class="card shadow-sm">
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0 small">
            <thead class="table-light text-secondary">
                <tr>
                    <th>Applicant</th>
                    <th>Department</th>
                    <th>Leave Category</th>
                    <th>Date Span</th>
                    <th>Total Days</th>
                    <th>Reason</th>
                    <th class="text-end">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($pendingLeaves as $leave)
                    <tr>
                        <td>
                            <div class="fw-semibold text-dark">{{ $leave->employee->full_name ?? 'Employee' }}</div>
                            <span class="text-muted text-xs">{{ $leave->employee->employee_code ?? '' }}</span>
                        </td>
                        <td>{{ $leave->employee->department->name ?? 'General' }}</td>
                        <td><span class="badge bg-primary-subtle text-primary">{{ $leave->leaveType->name ?? 'Leave' }}</span></td>
                        <td>
                            <div class="fw-medium text-dark">
                                {{ $leave->start_date->format('d M') }} - {{ $leave->end_date->format('d M Y') }}
                            </div>
                            @if($leave->is_half_day)
                                <span class="badge badge-soft-info text-xs">Half Day</span>
                            @endif
                        </td>
                        <td class="fw-bold">{{ $leave->total_days }}</td>
                        <td class="text-secondary" style="max-width: 250px;">
                            "{{ $leave->reason }}"
                        </td>
                        <td class="text-end">
                            <div class="d-flex justify-content-end gap-1">
                                <form action="{{ route('leaves.approve', $leave->id) }}" method="POST">
                                    @csrf
                                    <button type="submit" class="btn btn-sm btn-success py-1 px-2" title="Approve">
                                        <i class="bi bi-check-lg me-1"></i> Approve
                                    </button>
                                </form>
                                <form action="{{ route('leaves.reject', $leave->id) }}" method="POST">
                                    @csrf
                                    <button type="submit" class="btn btn-sm btn-outline-danger py-1 px-2" title="Reject">
                                        <i class="bi bi-x-lg me-1"></i> Reject
                                    </button>
                                </form>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="7" class="text-center py-5 text-muted">
                            <i class="bi bi-check2-all fs-2 text-success d-block mb-2"></i>
                            All pending leave applications have been authorized!
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    @if($pendingLeaves->hasPages())
        <div class="card-footer bg-white py-3">
            {{ $pendingLeaves->links() }}
        </div>
    @endif
</div>
@endsection