@extends('layouts.app')

@section('title', 'Admissions')

@section('content')
<div class="card">
    <h2 style="font-size:17px;color:#0b4f2c;margin-bottom:16px;">Admission Applications</h2>

    <table style="width:100%;border-collapse:collapse;font-size:13px;">
        <thead>
            <tr style="background:#f4f6f5;text-align:left;">
                <th style="padding:8px;">App. No.</th>
                <th style="padding:8px;">Applicant</th>
                <th style="padding:8px;">Applying For</th>
                <th style="padding:8px;">Guardian</th>
                <th style="padding:8px;">Status</th>
                <th style="padding:8px;">Actions</th>
            </tr>
        </thead>
        <tbody>
            @forelse($applications as $app)
                <tr style="border-bottom:1px solid #eee;">
                    <td style="padding:8px;">{{ $app->application_number }}</td>
                    <td style="padding:8px;font-weight:bold;">{{ $app->full_name }}</td>
                    <td style="padding:8px;">{{ $app->applyingForClass->name ?? '—' }}</td>
                    <td style="padding:8px;">{{ $app->guardian_name }}<br><span style="color:#999;">{{ $app->guardian_phone }}</span></td>
                    <td style="padding:8px;">
                        <span style="background:#f4f6f5;padding:2px 8px;border-radius:10px;font-size:11px;text-transform:capitalize;">
                            {{ str_replace('_', ' ', $app->status) }}
                        </span>
                    </td>
                    <td style="padding:8px;">
                        <a href="#" style="color:#0b4f2c;text-decoration:none;font-size:12px;">Review</a>
                    </td>
                </tr>
            @empty
                <tr><td colspan="6" style="padding:20px;text-align:center;color:#999;">No applications yet.</td></tr>
            @endforelse
        </tbody>
    </table>

    {{ $applications->links() ?? '' }}
</div>
@endsection