@extends('layouts.admin')

@section('title', 'Reviews')

@section('content')
<x-ui.page-header
    title="Application Reviews"
    subtitle="Reviewer recommendations and scores."
    :breadcrumbs="[
        ['label' => 'Home', 'href' => route('dashboard')],
        ['label' => 'Student Admission', 'href' => route('admission.dashboard')],
        ['label' => 'Reviews'],
    ]"
/>

@include('institution.partials.flash')

<div class="row g-4">
    <div class="col-lg-8">
        <x-ui.table-wrapper id="admission-reviews" title="Reviews" :record-count="$reviews->total()">
            <x-slot:head>
                <tr>
                    <th>Application</th>
                    <th>Reviewer</th>
                    <th>Recommendation</th>
                    <th>Score</th>
                    <th>Reviewed</th>
                    <th class="text-end">Actions</th>
                </tr>
            </x-slot:head>
            @forelse($reviews as $review)
                <tr>
                    <td>{{ $review->application?->application_number ?? '—' }}</td>
                    <td>{{ $review->reviewer?->name ?? '—' }}</td>
                    <td>{{ $review->recommendation ?? '—' }}</td>
                    <td>{{ $review->score ?? '—' }}</td>
                    <td>{{ $review->reviewed_at?->format('d M Y') ?? '—' }}</td>
                    <td class="text-end">
                        <a class="bv-btn bv-btn--ghost bv-btn--sm" href="{{ route('admission.reviews.show', $review) }}"><i class="bi bi-eye"></i></a>
                    </td>
                </tr>
            @empty
                <tr><td colspan="6"><x-ui.empty-state title="No reviews" message="Submit the first application review." icon="bi-clipboard-check" /></td></tr>
            @endforelse
            @if($reviews->hasPages())
                <x-slot:footer>{{ $reviews->links() }}</x-slot:footer>
            @endif
        </x-ui.table-wrapper>
    </div>
    <div class="col-lg-4">
        <x-ui.card title="Add review">
            <form method="POST" action="{{ route('admission.reviews.store') }}">
                @csrf
                <div class="row g-3">
                    <div class="col-12">
                        <label class="form-label">Application</label>
                        <select name="application_id" class="form-select" required>
                            <option value="">Select</option>
                            @foreach(\App\Models\Application::query()->orderByDesc('id')->limit(100)->get(['id','application_number']) as $app)
                                <option value="{{ $app->id }}">{{ $app->application_number }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-12">
                        <label class="form-label">Recommendation</label>
                        <input type="text" name="recommendation" class="form-control">
                    </div>
                    <div class="col-12">
                        <label class="form-label">Score</label>
                        <input type="number" step="0.01" name="score" class="form-control" min="0" max="100">
                    </div>
                    <div class="col-12">
                        <label class="form-label">Notes</label>
                        <textarea name="notes" class="form-control" rows="3"></textarea>
                    </div>
                    <div class="col-12">
                        <x-ui.button type="submit" variant="primary" icon="bi-check-lg">Submit review</x-ui.button>
                    </div>
                </div>
            </form>
        </x-ui.card>
    </div>
</div>
@endsection