<div class="form-group">
    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="pengurus_id">Jenis Dokumen</label>

    <div class="col-md-6 col-sm-6 col-xs-12">
        {!! html()->select(
            'jenis_surat',
            ['' => 'Pilih Jenis Dokumen'] +
                \App\Models\JenisSurat::pluck('nama', 'id')->toArray()->value(old('jenis_surat', isset($pengurus) ? $pengurus->jenis_surat : '')),
            isset($document) ? $document->jenis_surat : null,
            [
                'class' => 'form-control',
                'id' => 'jenis_surat',
                'required' => true,
            ],
        ) !!}
    </div>

</div>

<div class="form-group">
    <label class="control-label col-md-3 col-sm-3 col-xs-12">Judul Dokumen <span class="required">*</span></label>

    <div class="col-md-6 col-sm-6 col-xs-12">
        {!! html()->text('judul_document')->class('form-control')->required()->placeholder(
                'Judul
                                                                                                Document',
            )->value(old('judul_document', isset($pengurus) ? $pengurus->judul_document : '')) !!}
    </div>
</div>

<div class="form-group">
    <label class="control-label col-md-3 col-sm-3 col-xs-12">Unggah Dokumen <span class="required">*</span></label>

    <div class="col-md-6 col-sm-6 col-xs-12">
        <input type="file" name="path_document" class="form-control" accept=".pdf,.doc,.docx,.xls,.xlsx">
        <small class="text-danger">
            Batas maksimal pengunggahan file: 80MB. Hanya mendukung format: .pdf, .doc, .docx, .xls, .xlsx
        </small>
    </div>
</div>

<div class="form-group">
    <label class="control-label col-md-3 col-sm-3 col-xs-12">Keterangan <span class="required">*</span></label>

    <div class="col-md-6 col-sm-6 col-xs-12">
        {!! html()->text('keterangan')->class('form-control')->required()->placeholder('Keterangan')->value(old('keterangan', isset($pengurus) ? $pengurus->keterangan : '')) !!}
    </div>
</div>
{!! html()->hidden('das_penduduk_id')->class('form-control')->required()->isReadonly()->placeholder('das_penduduk_id')->value(old('das_penduduk_id', isset($pengurus) ? $pengurus->das_penduduk_id : '')) !!}
{!! html()->hidden('document_id')->class('form-control')->isReadonly()->placeholder('document_id')->value(old('document_id', isset($pengurus) ? $pengurus->document_id : '')) !!}
{!! html()->hidden('pengurus_id')->class('form-control')->isReadonly()->placeholder('pengurus_id')->value(old('pengurus_id', isset($pengurus) ? $pengurus->pengurus_id : '')) !!}

@push('scripts')
    <script>
        $(document).ready(function() {
            $("#pengurus_id").on('change', function() {
                let pengurusId = $(this).val(); // Ambil nilai yang dipilih
                if (pengurusId) {
                    let url = "{{ route('data.pengurus.penduduk.arsip', ':id') }}".replace(':id',
                        pengurusId);
                    $.ajax({
                        url: url,
                        type: 'GET',
                        dataType: 'json',
                        success: function(response) {
                            let tempat_lahir = response.tempat_lahir
                            let tanggal_lahir = response.tanggal_lahir
                            let alamat = response.alamat
                            let warga_negara = response.warga_negara
                            let agama = response.agama
                            let pendidikan = response.pendidikan
                            let tempat_tanggal_lahir = tempat_lahir + " / " + tanggal_lahir
                            let warga_negara_agama = warga_negara + " / " + agama
                            $("input[name='tempat_tanggal_lahir']").val(tempat_tanggal_lahir);
                            $("input[name='alamat']").val(alamat);
                            $("input[name='pendidikan']").val(pendidikan);
                            $("input[name='warga_negara_agama']").val(warga_negara_agama);
                        },
                        error: function(xhr, status, error) {
                            console.error(error);
                            openAlert("Terjadi kesalahan saat mengambil data.", "Error", "danger");
                        }
                    });
                }
            });
        });
    </script>
@endpush
