{{-- Isian atribut naskah: kategori, klasifikasi (B/R), derajat (B/S). Dipakai form naskah masuk & keluar. --}}
@props(['surat', 'daftarKategori', 'daftarKlasifikasi', 'daftarDerajat'])
@php
    $nilai = fn (string $kolom, $bawaan = null) => old($kolom, $bawaan);
    $bawaanKlasifikasi = $surat->id_klasifikasi ?? $daftarKlasifikasi->firstWhere('kode_klasifikasi', 'B')?->id;
    $bawaanDerajat = $surat->id_derajat ?? $daftarDerajat->firstWhere('kode_derajat', 'B')?->id;
@endphp

<div class="form-group">
    <label for="id_kategori_surat">Kategori naskah <span class="wajib">*</span></label>
    <select id="id_kategori_surat" name="id_kategori_surat" required data-placeholder="— Pilih kategori —" class="custom-select @error('id_kategori_surat') is-invalid @enderror">
        <option value="">— Pilih kategori —</option>
        @foreach ($daftarKategori as $k)
            <option value="{{ $k->id }}" @selected($nilai('id_kategori_surat', $surat->id_kategori_surat) == $k->id)>{{ $k->nama_kategori }}</option>
        @endforeach
    </select>
    @error('id_kategori_surat')<div class="invalid-feedback">{{ $message }}</div>@enderror
</div>

<div class="form-group">
    <label>Klasifikasi <span class="wajib">*</span></label>
    <div class="d-flex flex-wrap" style="gap:.4rem 1rem">
        @foreach ($daftarKlasifikasi as $k)
            <div class="custom-control custom-radio">
                <input type="radio" id="klasifikasi-{{ $k->id }}" name="id_klasifikasi" value="{{ $k->id }}" class="custom-control-input" required
                       @checked($nilai('id_klasifikasi', $bawaanKlasifikasi) == $k->id)>
                <label class="custom-control-label font-weight-normal" for="klasifikasi-{{ $k->id }}"><b>{{ $k->kode_klasifikasi }}</b> - {{ $k->nama_klasifikasi }}</label>
            </div>
        @endforeach
    </div>
    @error('id_klasifikasi')<div class="text-danger small">{{ $message }}</div>@enderror
</div>

<div class="form-group">
    <label>Derajat <span class="wajib">*</span></label>
    @foreach ($daftarDerajat as $d)
        <div class="custom-control custom-radio">
            <input type="radio" id="derajat-{{ $d->id }}" name="id_derajat" value="{{ $d->id }}" class="custom-control-input" required
                   @checked($nilai('id_derajat', $bawaanDerajat) == $d->id)>
            <label class="custom-control-label font-weight-normal" for="derajat-{{ $d->id }}">
                <b>{{ $d->kode_derajat }}</b> - {{ $d->nama_derajat }} <span class="teks-redup small">: {{ $d->keterangan }}</span>
            </label>
        </div>
    @endforeach
    @error('id_derajat')<div class="text-danger small">{{ $message }}</div>@enderror
</div>

@once
    @push('css')
        <link rel="stylesheet" href="{{ asset('vendor/select2/select2.min.css') }}">
        <link rel="stylesheet" href="{{ asset('vendor/select2/select2-bootstrap4.min.css') }}">
    @endpush
    @push('js-vendor')
        <script src="{{ asset('vendor/select2/select2.full.min.js') }}"></script>
        <script src="{{ asset('vendor/select2/i18n/id.js') }}"></script>
    @endpush
    @push('js')
        <script>
        // Kategori naskah banyak: pilihan dapat dicari dengan mengetik.
        $(function () {
            const $kategori = $('#id_kategori_surat');
            $kategori.select2({ theme: 'bootstrap4', language: 'id', width: '100%', placeholder: $kategori.data('placeholder'), allowClear: false });
        });
        </script>
    @endpush
@endonce