@extends('layouts.app')

@section('title', 'Edit Surat')

@push('style')
    <!-- CSS Libraries -->
    <link rel="stylesheet"
        href="{{ asset('library/bootstrap-daterangepicker/daterangepicker.css') }}">
    <link rel="stylesheet"
        href="{{ asset('library/select2/dist/css/select2.min.css') }}">
    <link rel="stylesheet"
        href="{{ asset('library/selectric/public/selectric.css') }}">
@endpush

@section('main')
    <div class="main-content">
        <section class="section">
            <div class="section-header">
                <h1>Edit Surat</h1>
                <div class="section-header-breadcrumb">
                    <div class="breadcrumb-item active"><a href="#">Dashboard</a></div>
                    <div class="breadcrumb-item"><a href="{{ url('surat/sku') }}">Surat</a></div>
                    <div class="breadcrumb-item">Edit</div>
                </div>
            </div>
            <div class="section-body">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-body">
                                <form action="{{ route('surat.update', $surat->slug) }}" method="post" class="custom-validation" enctype="multipart/form-data">
                                    @csrf
                                    @method('POST')
                                <div class="form-row">
                                    <input type="hidden" class="form-control" name="id" id="id" value="{{ $data->id }}" />
                                    <div class="form-group col-md-6">
                                        <label>NIK Almarhum/Almarhumah</label>
                                        <select name="penduduk_id" class="form-control select2" required>
                                            <option value="" selected disabled>--- Pilih ---</option>
                                            @foreach ($penduduk as $item )
                                            <option value="{{ $item['id'] }}" {{ $item['id'] == $data->penduduk_id ? 'selected' : '' }}>{{ $item['nik'] }} - {{ $item['nama'] }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group col-md-3">
                                        <label>Tanggal Surat</label>
                                        <input type="text" name="tgl_surat" value="{{ $data->tgl_surat }}" class="form-control datepicker" required>
                                    </div>
                                    <div class="form-group col-md-3">
                                        <label for="no_surat">Nomor Surat</label>
                                        <input type="text" value="{{ $data->no_surat }}" name="no_surat" placeholder="No. Surat" class="form-control" required>
                                    </div>
                                </div>
                                <div class="form-row">
                                    <div class="form-group col-md-6">
                                        <label>Tanggal Meninggal Dunia</label>
                                        <input type="text" value="{{ $data_surat->tanggal_meninggal ?? '' }}" name="tanggal_meninggal" class="form-control datepicker" required>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="keperluan">Alamat Meninggal Dunia</label>
                                        <input type="text" value="{{ $data_surat->alamat_meninggal ?? '' }}" name="alamat_meninggal" placeholder="Alamat Meninggal" class="form-control" required>
                                    </div>
                                </div>
                                <div class="form-row">
                                    <div class="form-group col-md-6">
                                        <label>Suami/Istri</label>
                                        <select name="istri_id" class="form-control select2" required>
                                            <option value="" selected disabled>--- Pilih ---</option>
                                            @foreach ($penduduk as $item )
                                            <option value="{{ $item['id'] }}" {{ $item['id'] == ($data_surat->istri_id ?? '') ? 'selected' : '' }}>{{ $item['nik'] }} - {{ $item['nama'] }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="keperluan">Keperluan</label>
                                        <input type="text" value="{{ $data_surat->keperluan ?? '' }}" name="keperluan" placeholder="Keperluan" class="form-control" required>
                                    </div>
                                </div>
                                <div class="form-row">
                                    <div class="form-group col-md-6">
                                        <label>Nama Saksi 1</label>
                                        <input type="text" value="{{ $data_surat->saksi1 ?? '' }}" name="saksi1" placeholder="Nama Saksi" class="form-control" required>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label>Nama Saksi 2</label>
                                        <input type="text" value="{{ $data_surat->saksi2 ?? '' }}" name="saksi2" placeholder="Nama Saksi" class="form-control" required>
                                    </div>
                                </div>
                                @php
                                    $dataArray = (array) $data_surat;
                                    $filteredArray = array_filter($dataArray, function($value) {
                                        return $value !== null;
                                    });
                                    $count = count($filteredArray);
                                    if ($count !== 0) {
                                        $kuasa = App\Models\Penduduk::select('nik', 'nama')->where('nik', $data_surat->ahli_waris_0)->first();
                                        $nama_kuasa = $kuasa->nama.' - '.$kuasa->nik;
                                    } else {
                                        $nama_kuasa = 'Data Tidak ditemukan';
                                    }
                                @endphp
                                <div class="form-row @if ($count == 7) dynamic-element @endif">
                                    <div class="form-group col-md-12">
                                        <label>NIK Ahli Waris (Yang diberi kuasa) <span id="nik" class="text-danger">{{ $nama_kuasa }}</span></label>
                                        <input id="ktp" type="text" value="{{ $data_surat->ahli_waris_0 ?? '' }}" name="ahli_waris_0" placeholder="NIK Ahli Waris" class="form-control">
                                    </div> 
                                </div>
                                <div class="form-row">
                                    <div class="form-group col-md-12">
                                        <p class="text-warning">@if ($count !== 0) *Untuk menghapus data ahli waris cukup mengosongkan kolom input @endif</p>
                                    </div>
                                </div>
                                @for($i = 1; $i <= $count-7; $i++)
                                @php
                                    $field = 'ahli_waris_' . $i;
                                    $nik_ahli_waris = $data_surat->$field;
                                    $nama_ahli_waris = null;
                                    foreach ($penduduk as $data) {

                                        if ($data['nik'] == $nik_ahli_waris) {
                                            $nama_ahli_waris = $data;
                                            break;
                                        }
                                    }
                                @endphp
                                    <div class="form-row dynamic-element">
                                        <div class="form-group col-md-12">
                                            <label>NIK Ahli Waris : <span id="nik" class="text-danger">{{ $nama_ahli_waris['nama'].' - '.$nama_ahli_waris['nik'] }}</span></label>
                                            <input id="ktp" type="text" value="{{ $data_surat->$field ?? '' }}" name="{{ $field }}" placeholder="NIK Ahli Waris" class="form-control">
                                        </div> 
                                    </div>
                                @endfor
                                <div class="dynamic-stuff">

                                </div>
                                <div class="form-row">
                                    <div class="form-group col-md-12">
                                        <p class="add-one text-primary" style="cursor: pointer; text-align:center;">@if ($count == 0) Silahkan simpan terlebih dahulu untuk menambah ahli waris @else + Ahli Waris @endif</p>
                                    </div>
                                </div>
                            </div>
                            <div class="card-footer">
                                <button type="submit" class="btn btn-primary">Simpan</button>
                                <a href="{{ url()->previous() }}" class="btn btn-danger">Batal</a>
                            </div>
                        </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection

@push('scripts')
    <script>
        var count = {{ $count-6 }}; // Variabel untuk menyimpan angka penomoran

        $('.add-one').click(function(){
            var $dynamicElement = $('.dynamic-element').first().clone(); // Salin elemen pertama

            // Perbarui nilai atribut "name" pada input yang baru
            $dynamicElement.find('input').attr('name', 'ahli_waris_' + count);

            $dynamicElement.appendTo('.dynamic-stuff').show();
            attach_delete();

            count++; // Tingkatkan nilai penomoran untuk input selanjutnya
            
        });

        function attach_delete(){
            $('.delete').off();
            $('.delete').click(function(){
                console.log("click");
                $(this).closest('.form-row').remove();
            });
        }
        $('.dynamic-stuff').on('input', '.dynamic-element input', function() {
            var id = $(this).val();
            var url = '{{ route("penduduk.dataSearch") }}';
            var data = {
                q: id
            };
            var $label = $(this).closest('.dynamic-element').find('.text-danger');
            if (id.length > 6) {
                $.ajax({
                    url: url,
                    type: 'get',
                    dataType: 'json',
                    data: data,
                    success: function(response){
                        if (response.length > 0) {
                        $label.text(response[0].nama + ' - ' + response[0].nik);
                        } else {
                        $label.text("Data tidak ditemukan");
                        }
                    },
                });
            } else {
                $label.text("Data tidak ditemukan");
            }
        });


    </script>
    <!-- JS Libraies -->
    <script src="{{ asset('library/bootstrap-daterangepicker/daterangepicker.js') }}"></script>
    <script src="{{ asset('library/select2/dist/js/select2.full.min.js') }}"></script>
    <script src="{{ asset('library/selectric/public/jquery.selectric.min.js') }}"></script>

    <!-- Page Specific JS File -->
    <script src="{{ asset('js/page/forms-advanced-forms.js') }}"></script>
@endpush