@extends('layouts.dashboard')

@section('title', 'Pendaftaran Les Privat')

@section('content')
@php
    $statusClass = function ($status) {
        $value = strtolower((string) $status);

        return match (true) {
            str_contains($value, 'diterima'), str_contains($value, 'aktif'), str_contains($value, 'accepted') => 'bg-emerald-100 text-emerald-700 ring-emerald-200',
            str_contains($value, 'menunggu'), str_contains($value, 'belum'), str_contains($value, 'proses') => 'bg-amber-100 text-amber-700 ring-amber-200',
            str_contains($value, 'ditolak'), str_contains($value, 'batal') => 'bg-rose-100 text-rose-700 ring-rose-200',
            str_contains($value, 'selesai') => 'bg-sky-100 text-sky-700 ring-sky-200',
            default => 'bg-slate-100 text-slate-700 ring-slate-200',
        };
    };
@endphp

<div class="mb-4 flex justify-end">
    <a href="{{ route('user.private-lesson.create') }}" class="inline-flex items-center gap-2 rounded-lg bg-cyan-600 px-4 py-2 text-sm font-black text-white hover:bg-orange-400 hover:text-cyan-950">
        <i data-lucide="user-round-check" class="h-4 w-4"></i>
        Daftar Les Privat
    </a>
</div>

<div class="grid gap-4">
@forelse($registrations as $registration)
    <article class="rounded-lg border border-cyan-100 bg-white p-5 shadow-sm">
        <div class="flex flex-wrap items-start justify-between gap-3">
            <div>
                <p class="font-black text-cyan-950">{{ $registration->participant_name }}</p>
                <p class="mt-1 text-sm text-slate-600">
                    {{ $registration->package_name }} - {{ $registration->trainer?->name ?? '-' }} - {{ $registration->schedule?->day ?? '-' }} {{ $registration->schedule?->start_time }}-{{ $registration->schedule?->end_time }}
                </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
                @if($registration->sessions->isNotEmpty())
                    <p class="mt-1 text-sm font-black text-emerald-700">{{ $registration->sessions->where('is_attended', true)->count() }}/{{ $registration->sessions->count() }} pertemuan selesai</p>
                @endif
            </div>
            <div class="flex flex-wrap gap-2 text-xs font-black">
                <span class="rounded-full px-2.5 py-1 ring-1 {{ $statusClass($registration->payment_status) }}">{{ str($registration->payment_status)->replace('_', ' ')->title() }}</span>
                <span class="rounded-full px-2.5 py-1 ring-1 {{ $statusClass($registration->registration_status) }}">{{ str($registration->registration_status)->replace('_', ' ')->title() }}</span>
            </div>
        </div>

        <div class="mt-4 flex flex-wrap gap-2">
            @if($registration->payment)
                <a href="{{ route('user.payments.show', $registration->payment) }}" class="inline-flex items-center gap-2 rounded-md bg-cyan-600 px-3 py-2 text-sm font-black text-white hover:bg-orange-400 hover:text-cyan-950">
                    <i data-lucide="receipt-text" class="h-4 w-4"></i>
                    Pembayaran
                </a>
                @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
                    </a>
                @endif
            @endif
        </div>

        @if($registration->admin_note)
            <p class="mt-3 rounded-lg bg-cyan-50 p-3 text-sm text-cyan-700">Catatan: {{ $registration->admin_note }}</p>
        @endif

        @if($registration->sessions->isNotEmpty())
            <div class="mt-5 rounded-lg border border-cyan-100 bg-cyan-50/70 p-4">
                <p class="font-black text-cyan-950">Jadwal les privat</p>
                <div class="mt-3 grid gap-2 md:grid-cols-2">
                    @foreach($registration->sessions as $session)
                        <div class="rounded-lg bg-white p-3 text-sm">
                            <div class="flex items-start justify-between gap-2">
                                <div>
                                    <p class="font-black text-cyan-950">Pertemuan {{ $session->meeting_number }}</p>
                                    <p class="text-slate-600">{{ $session->lesson_date?->translatedFormat('d M Y') }} - {{ $session->start_time ? substr($session->start_time, 0, 5) : '-' }}-{{ $session->end_time ? substr($session->end_time, 0, 5) : '-' }}</p>
                                </div>
                                <span class="{{ $session->is_attended ? 'bg-emerald-100 text-emerald-700' : 'bg-amber-100 text-amber-700' }} rounded-md px-2.5 py-1 text-xs font-black">
                                    {{ $session->is_attended ? 'Sudah les' : 'Terjadwal' }}
                                </span>
                            </div>
                            @if($session->proof_file)
                                <a href="{{ route('public-storage.show', $session->proof_file) }}" target="_blank" class="mt-2 inline-flex items-center gap-1 text-xs font-black text-cyan-700 hover:text-orange-600">
                                    <i data-lucide="paperclip" class="h-3.5 w-3.5"></i>
                                    Bukti les
                                </a>
                            @endif
                        </div>
                    @endforeach
                </div>
            </div>
        @endif
    </article>
@empty
    <div class="rounded-lg border border-dashed border-cyan-200 bg-white p-5 text-slate-500 shadow-sm">Belum ada pendaftaran les privat.</div>
@endforelse
</div>
@endsection