@extends('layout.mainlayout')

@section('content')
<div class="page-wrapper">
    <div class="content">

        <div class="page-header">
            <h3 class="page-title">My Leave Requests</h3>
        </div>

        <div class="card">
            <div class="card-body table-responsive">

                <table class="table table-bordered table-striped align-middle" id="LeaveTable">
                    <thead class="table-light">
                        <tr>
                            <th>Applied On</th>
                            <th>Date Range</th>
                            <th>Total Days</th>
                            <th>Project / Local Lead</th>
                            <th>Manager</th>
                            <th>Reason</th>
                            <th>Status</th>
                            <th width="160">Action</th>
                        </tr>
                    </thead>

                    <tbody>
                        @foreach($records as $leave)
                        <tr>
                            <td>{{ $leave->created_at->format('d M Y') }}</td>

                            <td>
                                {{ \Carbon\Carbon::parse($leave->start_date)->format('d M Y') }}
                                →
                                {{ \Carbon\Carbon::parse($leave->end_date)->format('d M Y') }}
                            </td>

                            <td>{{ $leave->total_days }}</td>

                            <td>
                                @if($leave->projectLead)
                                    <span class="badge bg-info">
                                        {{ $leave->projectLead->name }}
                                    </span>
                                @elseif($leave->localLead)
                                    <span class="badge bg-secondary">
                                        {{ $leave->localLead->name }}
                                    </span>
                                @else
                                    —
                                @endif
                            </td>

                            <td>
                                {{ optional($leave->manager)->name ?? '—' }}
                            </td>

                            <td>{{ $leave->getForm('reason') ?? '—' }}</td>

                            <td>
                                @if($leave->status_lead === 'approved' && $leave->status_manager === 'approved')
                                    <span class="badge bg-success">Approved</span>
                                @elseif($leave->status_lead === 'rejected' || $leave->status_manager === 'rejected')
                                    <span class="badge bg-danger">Rejected</span>
                                @else
                                    <span class="badge bg-warning">Pending</span>
                                @endif
                            </td>

                            <td>
                                @if($leave->status_lead === 'pending' && $leave->status_manager === 'pending')
                                    <form method="POST"
                                          action="{{ route('leave.delete', $leave->id) }}"
                                          onsubmit="return confirm('Are you sure?')">
                                        @csrf
                                        @method('DELETE')
                                        <button class="btn btn-sm btn-danger">
                                            Delete
                                        </button>
                                    </form>
                                @else
                                    <span class="text-muted">—</span>
                                @endif
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>

            </div>
        </div>

    </div>
</div>
@endsection

@push('scripts')
<script>
    initDataTableWithFilters('LeaveTable');
</script>
@endpush