@extends('layouts.app')

@section('title', 'Edit Rekap Pemesanan')

@section('content')
@php
    $levels = [
        'A' => ['Paket A · Kelas 1–6', range(1, 6)],
        'B' => ['Paket B · Kelas 7–9', range(7, 9)],
        'C' => ['Paket C · Kelas 10–12', range(10, 12)],
    ];
@endphp
<div class="pkbm-master-page mx-auto max-w-5xl space-y-5">
    <header class="pkbm-dashboard__heading">
        <div class="min-w-0">
            <p class="pkbm-dashboard__breadcrumb"><a href="{{ route('fk.ujian.index', ['tab' => 'pesanan']) }}">Kelola Ujian · Daftar Pemesanan</a><i class="bi bi-chevron-right" aria-hidden="true"></i>Edit Rekap</p>
            <h1 class="pkbm-dashboard__title">Edit Rekap Pemesanan</h1>
            <p class="pkbm-dashboard__subtitle">{{ $order->nama_ujian }} · {{ $order->tahun_pelajaran }} · {{ $order->judul_form }}</p>
        </div>
    </header>

    @if ($errors->any())
        <div role="alert" class="settings-notice settings-notice--error">
            <i class="bi bi-exclamation-circle-fill" aria-hidden="true"></i>
            <div><p class="font-semibold">Periksa kembali data.</p><ul class="mt-1 list-inside list-disc">@foreach ($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul></div>
        </div>
    @endif

    <form method="POST" action="{{ route('fk.ujian.pesanan.update', $groupId) }}" class="space-y-5">
        @csrf
        @method('PUT')
        <section class="sp-card grid gap-4 p-5 sm:grid-cols-2">
            <div>
                <label for="order-institution" class="sp-form-label">Lembaga</label>
                <select id="order-institution" name="id_pkbm" required class="sp-form-control px-3 py-2.5 text-sm">
                    @foreach ($institutions as $institution)
                        <option value="{{ $institution->id }}" @selected((int) old('id_pkbm', $order->id_pkbm) === (int) $institution->id)>{{ $institution->nama_pkbm }}</option>
                    @endforeach
                </select>
            </div>
            <div>
                <label for="order-contact-name" class="sp-form-label">Nama pemesan</label>
                <input id="order-contact-name" name="nama_pemesan" value="{{ old('nama_pemesan', $order->nama_pemesan) }}" maxlength="150" required class="sp-form-control px-3 py-2.5 text-sm">
            </div>
            <div>
                <label for="order-contact" class="sp-form-label">Kontak</label>
                <input id="order-contact" name="kontak" value="{{ old('kontak', $order->kontak) }}" maxlength="50" class="sp-form-control px-3 py-2.5 text-sm">
            </div>
            <div>
                <label for="order-note" class="sp-form-label">Catatan</label>
                <input id="order-note" name="catatan" value="{{ old('catatan', $order->catatan) }}" maxlength="2000" class="sp-form-control px-3 py-2.5 text-sm">
            </div>
        </section>

        @foreach ($levels as $level => [$label, $grades])
            <section class="sp-card overflow-hidden">
                <div class="sp-card-header"><h2 class="sp-section-title">{{ $label }}</h2></div>
                <div class="grid gap-3 p-4 sm:grid-cols-3">
                    @foreach ($grades as $grade)
                        <div>
                            <label for="order-grade-{{ $grade }}" class="sp-form-label">Kelas {{ $grade }} · jumlah paket</label>
                            <input id="order-grade-{{ $grade }}" name="pesanan[{{ $level }}][{{ $grade }}]" type="number" min="0" max="1000" step="1" value="{{ old("pesanan.{$level}.{$grade}", $quantities[$level][$grade] ?? 0) }}" class="sp-form-control px-3 py-2.5 text-sm">
                        </div>
                    @endforeach
                </div>
            </section>
        @endforeach

        <div class="flex flex-wrap justify-end gap-2">
            <a href="{{ route('fk.ujian.index', ['tab' => 'pesanan']) }}" class="sp-btn-secondary">Batal</a>
            <button class="sp-btn-primary"><i class="bi bi-check2" aria-hidden="true"></i>Simpan perubahan</button>
        </div>
    </form>
</div>
@endsection