@extends('layouts.app')

@section('title', 'Penyetoran Soal')

@section('content')
@php
    $submissionUpdated = (bool) session('submission_updated', false);
    $submissionDetails = session('submission_details');
@endphp
<main class="relative isolate min-h-[calc(100vh-4rem)] overflow-hidden bg-gradient-to-br from-blue-50 via-slate-50 to-indigo-100 px-4 py-10 sm:px-6 sm:py-16">
    <div aria-hidden="true" class="pointer-events-none absolute inset-0 overflow-hidden">
        <span class="absolute -left-20 top-0 size-72 rounded-full bg-blue-200/40 blur-3xl"></span>
        <span class="absolute -right-20 bottom-0 size-80 rounded-full bg-emerald-200/30 blur-3xl"></span>
    </div>
    <section class="relative z-10 mx-auto max-w-xl rounded-2xl border border-slate-200 bg-white p-6 text-center shadow-xl shadow-slate-900/[0.06] sm:p-9">
        <span class="mx-auto grid size-14 place-items-center rounded-full bg-emerald-50 text-2xl text-emerald-700"><i class="bi bi-check2-circle" aria-hidden="true"></i></span>
        <p class="mt-5 text-xs font-bold uppercase tracking-wide text-blue-700">{{ $form->nama_ujian }} · {{ $form->tahun_pelajaran }}</p>
        <h1 class="mt-2 text-xl! font-bold tracking-tight text-slate-900 sm:text-2xl!">
            @if ($submissionDetails)
                {{ $submissionUpdated ? 'Perbaikan berhasil terkirim' : 'Penyetoran berhasil terkirim' }}
            @else
                Penyetoran soal
            @endif
        </h1>
        <p class="mx-auto mt-2 max-w-md text-sm leading-6 text-slate-600">
            @if ($submissionUpdated)
                Berkas revisi berhasil disimpan dan telah menggantikan berkas penyetoran sebelumnya.
            @elseif ($submissionDetails)
                Soal, kunci jawaban, dan kisi-kisi berhasil disimpan.
            @else
                Halaman konfirmasi penyetoran soal.
            @endif
        </p>

        @if ($submissionDetails)
            <dl class="mt-6 grid gap-3 rounded-xl border border-slate-200 bg-slate-50 p-4 text-left text-sm sm:grid-cols-2">
                <div><dt class="text-xs font-medium text-slate-500">PKBM</dt><dd class="mt-1 font-semibold text-slate-800">{{ $submissionDetails['nama_pkbm'] }}</dd></div>
                <div><dt class="text-xs font-medium text-slate-500">Kelas</dt><dd class="mt-1 font-semibold text-slate-800">{{ $submissionDetails['tingkatan'] }}</dd></div>
                <div><dt class="text-xs font-medium text-slate-500">Mata pelajaran</dt><dd class="mt-1 font-semibold text-slate-800">{{ $submissionDetails['nama_mapel'] }}</dd></div>
                <div><dt class="text-xs font-medium text-slate-500">Nama penyusun</dt><dd class="mt-1 font-semibold text-slate-800">{{ $submissionDetails['nama_penyusun'] }}</dd></div>
            </dl>
        @endif

        <a href="{{ route('public.penyetoran-soal.show', $form->token) }}" class="mt-6 inline-flex min-h-11 items-center justify-center gap-2 rounded-lg! bg-blue-600 px-5 py-3 text-sm font-semibold text-white shadow-sm transition hover:bg-blue-700 focus:outline-none focus:ring-4 focus:ring-blue-200">
            <i class="bi bi-arrow-left" aria-hidden="true"></i>Kembali ke form penyetoran
        </a>
    </section>
</main>
@endsection