{{-- Form bersama tambah & ubah naskah masuk.
     Variabel: $surat, $daftarKategori, $daftarKlasifikasi, $daftarDerajat, $denganUnggah (opsional) --}}
@php
    $nilai = fn (string $kolom, $bawaan = null) => old($kolom, $bawaan);
    // Nomor agenda diisi manual: saat tambah (untuk Simpan & Agendakan) atau koreksi bila sudah diagendakan.
    $tampilAgenda = ! $surat->exists || $surat->nomor_agenda;
@endphp

<div class="row">
    <div class="col-lg-8">
        <div class="card">
            <div class="card-header"><h3 class="card-title"><i class="far fa-envelope mr-1"></i> Identitas naskah</h3></div>
            <div class="card-body">
                @if ($tampilAgenda)
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <label for="nomor_agenda">Nomor agenda @if ($surat->exists)<span class="wajib">*</span>@endif</label>
                            <input type="text" id="nomor_agenda" name="nomor_agenda" maxlength="50" @if ($surat->exists) required @endif
                                   value="{{ $nilai('nomor_agenda', $surat->nomor_agenda) }}"
                                   class="form-control @error('nomor_agenda') is-invalid @enderror" placeholder="Diisi Sekretaris sesuai buku agenda">
                            @error('nomor_agenda')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            @unless ($surat->exists)
                                <small class="form-text teks-redup">Wajib diisi bila memilih <b>Simpan &amp; Agendakan</b>.</small>
                            @endunless
                        </div>
                    </div>
                @endif

                <div class="form-row">
                    <div class="form-group col-md-6">
                        <label for="nomor_surat">Nomor naskah <span class="wajib">*</span></label>
                        <input type="text" id="nomor_surat" name="nomor_surat" maxlength="100" required
                               value="{{ $nilai('nomor_surat', $surat->nomor_surat) }}"
                               class="form-control @error('nomor_surat') is-invalid @enderror" placeholder="mis. 421/123/Disdik/2026">
                        @error('nomor_surat')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="form-group col-6 col-md-3">
                        <label for="tanggal_surat">Tanggal naskah <span class="wajib">*</span></label>
                        <input type="date" id="tanggal_surat" name="tanggal_surat" required max="{{ today()->toDateString() }}"
                               value="{{ $nilai('tanggal_surat', $surat->tanggal_surat?->toDateString()) }}"
                               class="form-control @error('tanggal_surat') is-invalid @enderror">
                        @error('tanggal_surat')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="form-group col-6 col-md-3">
                        <label for="tanggal_terima">Tanggal terima <span class="wajib">*</span></label>
                        <input type="date" id="tanggal_terima" name="tanggal_terima" required max="{{ today()->toDateString() }}"
                               value="{{ $nilai('tanggal_terima', $surat->tanggal_terima?->toDateString()) }}"
                               class="form-control @error('tanggal_terima') is-invalid @enderror">
                        @error('tanggal_terima')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>

                <div class="form-row">
                    <div class="form-group col-md-6">
                        <label for="nama_pengirim">Nama pengirim <span class="wajib">*</span></label>
                        <input type="text" id="nama_pengirim" name="nama_pengirim" maxlength="150" required list="saran-pengirim" autocomplete="off"
                               value="{{ $nilai('nama_pengirim', $surat->pengirim?->nama_pengirim) }}"
                               class="form-control @error('nama_pengirim') is-invalid @enderror" placeholder="Nama pejabat / pengirim">
                        <datalist id="saran-pengirim"></datalist>
                        @error('nama_pengirim')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="form-group col-md-6">
                        <label for="instansi_pengirim">Instansi pengirim</label>
                        <input type="text" id="instansi_pengirim" name="instansi_pengirim" maxlength="150"
                               value="{{ $nilai('instansi_pengirim', $surat->pengirim?->instansi) }}"
                               class="form-control @error('instansi_pengirim') is-invalid @enderror" placeholder="mis. Dinas Pendidikan Provinsi">
                        @error('instansi_pengirim')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>

                <div class="form-group">
                    <label for="perihal">Perihal <span class="wajib">*</span></label>
                    <input type="text" id="perihal" name="perihal" maxlength="255" required
                           value="{{ $nilai('perihal', $surat->perihal) }}"
                           class="form-control @error('perihal') is-invalid @enderror">
                    @error('perihal')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>

                <div class="form-group">
                    <label for="ringkasan">Ringkasan isi</label>
                    <textarea id="ringkasan" name="ringkasan" rows="4" maxlength="5000"
                              class="form-control @error('ringkasan') is-invalid @enderror"
                              placeholder="Ringkasan singkat isi naskah untuk membantu pimpinan memberi disposisi">{{ $nilai('ringkasan', $surat->ringkasan) }}</textarea>
                    @error('ringkasan')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>

                <div class="form-row mb-n3">
                    <div class="form-group col-md-6">
                        <label for="lampiran">Lampiran</label>
                        <input type="text" id="lampiran" name="lampiran" maxlength="100"
                               value="{{ $nilai('lampiran', $surat->lampiran) }}"
                               class="form-control @error('lampiran') is-invalid @enderror" placeholder="mis. 2 berkas">
                        @error('lampiran')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-lg-4">
        <div class="card">
            <div class="card-header"><h3 class="card-title"><i class="fas fa-tags mr-1"></i> Atribut naskah</h3></div>
            <div class="card-body pb-1">
                <x-isian-atribut-naskah :surat="$surat" :daftar-kategori="$daftarKategori" :daftar-klasifikasi="$daftarKlasifikasi"
                                        :daftar-derajat="$daftarDerajat" />
            </div>
        </div>

        @if ($denganUnggah ?? false)
            <div class="card">
                <div class="card-header"><h3 class="card-title"><i class="fas fa-file-arrow-up mr-1"></i> Upload naskah</h3></div>
                <div class="card-body pb-1">
                    <x-unggah-file name="file" label="File naskah" />
                </div>
            </div>
        @endif
    </div>
</div>

@push('js')
<script>
$(function () {
    // Saran pengirim dari data sebelumnya; instansi terisi otomatis bila nama cocok.
    let saran = [];
    let tunda;
    $('#nama_pengirim').on('input', function () {
        clearTimeout(tunda);
        const q = this.value.trim();
        if (q.length < 2) return;
        tunda = setTimeout(() => {
            $.ajax({ url: @json(route('surat-masuk.pengirim')), data: { q }, tanpaLoading: true }).done((data) => {
                saran = data;
                $('#saran-pengirim').html(data.map((p) => $('<option>').val(p.nama_pengirim).text(p.instansi || '')));
            });
        }, 250);
    }).on('change', function () {
        const cocok = saran.find((p) => p.nama_pengirim === this.value);
        if (cocok && cocok.instansi && !$('#instansi_pengirim').val()) $('#instansi_pengirim').val(cocok.instansi);
    });

    $('#tanggal_surat').on('change', function () { $('#tanggal_terima').attr('min', this.value); });

    // "Simpan & Agendakan" mewajibkan nomor agenda; "Simpan Draft" tidak.
    $('button[name="aksi"]').on('click', function () {
        $('#nomor_agenda').prop('required', this.value === 'agendakan');
    });
});
</script>
@endpush