@extends('layouts.dashboard')

@section('title', 'Pendaftaran Sekolah Renang')

@section('content')
<div class="grid gap-4">
@foreach($registrations as $registration)
    <article class="rounded-lg border border-slate-200 bg-white p-5 shadow-sm">
        <div class="flex flex-wrap justify-between gap-3">
            <div>
                <p class="font-black text-slate-950">{{ $registration->participant_name }}</p>
                <p class="text-sm text-slate-600">{{ $registration->user?->name }} · {{ $registration->program_type }} · {{ $registration->phone }}</p>
                @if($registration->payment)
                    <p class="mt-1 text-sm font-semibold text-slate-600">
                        {{ $registration->payment->payment_code }} · {{ \App\Support\LocaleFormat::money($registration->payment->amount) }}
                    </p>
                @endif
            </div>
            <div class="flex flex-wrap gap-2">
                <x-status-badge :status="$registration->payment_status" />
                <x-status-badge :status="$registration->registration_status" />
            </div>
        </div>

        <div class="mt-3 flex flex-wrap gap-2">
            @if($registration->document_file)
                <a href="{{ asset('storage/'.$registration->document_file) }}" target="_blank" class="inline-flex items-center gap-2 rounded-md bg-slate-100 px-3 py-2 text-sm font-black text-slate-700 hover:bg-slate-200">
                    <i data-lucide="file-text" class="h-4 w-4"></i>
                    Berkas
                </a>
            @endif
            @if($registration->payment?->proof_image)
                <a href="{{ route('payments.proof', $registration->payment) }}" target="_blank" class="inline-flex items-center gap-2 rounded-md bg-sky-50 px-3 py-2 text-sm font-black text-sky-700 hover:bg-sky-100">
                    <i data-lucide="image" class="h-4 w-4"></i>
                    Bukti pembayaran
                </a>
            @endif
        </div>

        @if($registration->payment?->status !== 'diterima')
            <p class="mt-4 rounded-lg bg-amber-50 p-3 text-sm font-semibold text-amber-700">Pembayaran harus diterima sebelum pendaftaran dapat diterima, aktif, atau selesai.</p>
        @endif

        <form method="POST" action="{{ route('admin.school-registrations.verify', $registration) }}" class="mt-4 grid gap-3 md:grid-cols-[180px_220px_1fr_auto]">
            @csrf
            <select name="registration_status" class="rounded-lg border border-slate-300 px-3 py-2">
                @foreach(['diterima','ditolak','aktif','selesai'] as $status)
                    <option value="{{ $status }}" @selected($registration->registration_status === $status)>{{ $status }}</option>
                @endforeach
            </select>
            <select name="class_id" class="rounded-lg border border-slate-300 px-3 py-2">
                <option value="">Masukkan ke kelas</option>
                @foreach($classes as $class)
                    <option value="{{ $class->id }}">{{ $class->class_name }}</option>
                @endforeach
            </select>
            <input name="admin_note" value="{{ $registration->admin_note }}" placeholder="Catatan admin" class="rounded-lg border border-slate-300 px-3 py-2">
            <button class="rounded-lg bg-sky-700 px-4 py-2 font-bold text-white hover:bg-slate-950">Simpan</button>
        </form>
    </article>
@endforeach
</div>
<div class="mt-4">{{ $registrations->links() }}</div>
@endsection