@extends('master')
@section('title')
    
@endsection

@section('content')
    <div class="container py-4">
    <h2 class="mb-4">Application List ({{ $applications->total() }} total)</h2>

    {{-- Search Form --}}
    <form method="GET" action="{{ route('application_form.index') }}" class="mb-4 row g-2">
        <div class="col-md-10">
            <input type="text" name="search" value="{{ $search }}" class="form-control" placeholder="Search by name, email, or program">
        </div>
        <div class="col-md-2">
            <button type="submit" class="btn btn-primary w-100">Search</button>
        </div>
    </form>

    {{-- Grid View --}}
    <div class="table-responsive">
        <table class="table table-bordered table-striped align-middle text-center">
            <thead class="table-dark">
                <tr>
                    <th>#</th>
                    <th>Full Name</th>
                    <th>Email</th>
                    <th>Contact</th>
                    <th>Parent Contact</th>
                    <th>Program</th>
                    <th>Applied On</th>
                </tr>
            </thead>
            <tbody>
                @forelse($applications as $index => $application)
                    <tr>
                        <td>{{ $applications->firstItem() + $index }}</td>
                        <td>{{ $application->full_name }}</td>
                        <td>{{ $application->email }}</td>
                        <td>{{ $application->contact_number }}</td>
                        <td>{{ $application->father_contact }}</td>
                        <td>{{ $application->program->program_name ?? 'N/A' }}</td>
                        <td>{{ \Carbon\Carbon::parse($application->application_date)->format('d M Y') }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6">No applications found.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    {{-- Pagination --}}
    <div class="mt-4">
        {{ $applications->links() }}
    </div>
</div>
@endsection