@extends('layouts.app')

@section('title', 'Tambah Penduduk')

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

@section('main')
    <div class="main-content">
        <section class="section">
            <div class="section-header">
                <h1>Edit Penduduk</h1>
                <div class="section-header-breadcrumb">
                    <div class="breadcrumb-item active"><a href="#">Dashboard</a></div>
                    <div class="breadcrumb-item"><a href="{{ route('penduduk.index') }}">Data Penduduk</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('penduduk.update',$data->id) }}" method="post" class="custom-validation" enctype="multipart/form-data">
                                    @csrf
                                    @method('PUT')
                                <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 for="nik">NIK</label>
                                        <input type="number" name="nik" value="{{ $data->nik }}" class="form-control" placeholder="Masukkan NIK">
                                    </div>
                                    <div class="form-group col-md-3">
                                        <label>RT</label>
                                        <input type="number" name="rt" value="{{ $data->rt }}"  class="form-control">
                                    </div>
                                    <div class="form-group col-md-3">
                                        <label>RW</label>
                                        <input type="number" name="rw" value="{{ $data->rw }}"  class="form-control">
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="no_kk">Nomor KK</label>
                                        <input type="number" name="noKk" value="{{ $data->no_kk }}" class="form-control" id="no_kk" placeholder="Masukkan No. KK">
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="alamat">Alamat</label>
                                        <input type="text" name="dusun" value="{{ $data->dusun }}"  class="form-control" id="inputPassword4" placeholder="Alamat">
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="nama">Nama Lengkap</label>
                                        <input type="text" name="nama" value="{{ $data->nama }}" class="form-control" id="nama" placeholder="Masukkan Nama Lengkap">
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="nama">Desa</label>
                                        <div class="input-group">
                                            <select class="custom-select"
                                                id="inputGroupSelect05" name="jenis_kelurahan" required>
                                                <option value="DESA" {{ $data->jenis_kelurahan == 'DESA' ? 'selected' : '' }}>DESA</option>
                                                <option value="KELURAHAN" {{ $data->jenis_kelurahan == 'KELURAHAN' ? 'selected' : '' }}>KELURAHAN</option>
                                            </select>
                                            <input type="text"
                                                class="form-control" name="kelurahan" value="{{ $data->kelurahan }}" required>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-3">
                                        <label>Agama</label>
                                        <select name="agama" class="form-control">
                                            <option value="" selected disabled>--- Pilih ---</option>
                                            <option value="Islam" {{ $data->agama == 'Islam' ? 'selected' : '' }}>Islam</option>
                                            <option value="Kristen" {{ $data->agama == 'Kristen' ? 'selected' : '' }}>Kristen</option>
                                            <option value="Katolik" {{ $data->agama == 'Katolik' ? 'selected' : '' }}>Katolik</option>
                                            <option value="Hindu" {{ $data->agama == 'Hindu' ? 'selected' : '' }}>Hindu</option>
                                            <option value="Budha" {{ $data->agama == 'Budha' ? 'selected' : '' }}>Budha</option>
                                            <option value="Konghucu" {{ $data->agama == 'Konghucu' ? 'selected' : '' }}>Konghucu</option>
                                        </select>
                                    </div>
                                    <div class="form-group col-md-3">
                                        <label>Jenis Kelamin</label>
                                        <select name="kelamin" class="form-control">
                                            <option value="" selected disabled>--- Pilih ---</option>
                                            <option value="L" {{ $data->kelamin == 'L' ? 'selected' : '' }}>Laki-laki</option>
                                            <option value="P" {{ $data->kelamin == 'P' ? 'selected' : '' }} >Perempuan</option>
                                        </select>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="nama">Kecamatan</label>
                                        <div class="input-group">
                                            <select class="custom-select"
                                                id="inputGroupSelect05">
                                                <option value="" selected disabled>KECAMATAN</option>
                                            </select>
                                            <input type="text"
                                                class="form-control" name="kecamatan" value="{{ $data->kecamatan }}" required>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-3">
                                        <label for="tempat_lahir">Tempat Lahir</label>
                                        <input type="text" name="tempatLahir" value="{{ $data->tempat_lahir }}" class="form-control" placeholder="Kota" required>
                                    </div>
                                    <div class="form-group col-md-3">
                                        <label>Tanggal Lahir</label>
                                        <input type="text" name="tanggalLahir" value="{{ $data->tanggal_lahir }}" class="form-control datepicker" required>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="nama">Kota</label>
                                        <div class="input-group">
                                            <select class="custom-select"
                                                id="inputGroupSelect05" name="jenis_kabupaten" required>
                                                <option value="KABUPATEN" {{ $data->jenis_kabupaten == 'KABUPATEN' ? 'selected' : '' }}>KABUPATEN</option>
                                                <option value="KOTA" {{ $data->jenis_kabupaten == 'KOTA' ? 'selected' : '' }}>KOTA</option>
                                            </select>
                                            <input type="text"
                                                class="form-control" name="kabupaten" value="{{ $data->kabupaten }}" required>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label>Pekerjaan</label>
                                        <select name="pekerjaan" class="form-control select2">
                                            <option value="{{ $data->pekerjaan }}">{{ $data->pekerjaan }}</option>
                                            <option value="Belum/Tidak Bekerja">Belum/Tidak Bekerja</option>
                                            <option value="Mengurus Rumah Tangga">Mengurus Rumah Tangga</option>
                                            <option value="Pelajar/ Mahasiswa">Pelajar/ Mahasiswa</option>
                                            <option value="Pensiunan">Pensiunan</option>
                                            <option value="Pegawai Negeri Sipil (PNS)">Pegawai Negeri Sipil (PNS)</option>
                                            <option value="Tentara Nasional Indonesia (TNI)">Tentara Nasional Indonesia (TNI)</option>
                                            <option value="Kepolisian RI (POLRI)">Kepolisian RI (POLRI)</option>
                                            <option value="Pedagang">Pedagang</option>
                                            <option value="Petani/Perkebunan">Petani/Perkebunan</option>
                                            <option value="Peternak">Peternak</option>
                                            <option value="Nelayan/ Perikanan">Nelayan/ Perikanan</option>
                                            <option value="Industri">Industri</option>
                                            <option value="Konstruksi">Konstruksi</option>
                                            <option value="Transportasi">Transportasi</option>
                                            <option value="Karyawan Swasta">Karyawan Swasta</option>
                                            <option value="Karyawan BUMN">Karyawan BUMN</option>
                                            <option value="Karyawan BUMD">Karyawan BUMD</option>
                                            <option value="Karyawan Honorer">Karyawan Honorer</option>
                                            <option value="Buruh Harian Lepas">Buruh Harian Lepas</option>
                                            <option value="Buruh Tani/Perkebunan">Buruh Tani/Perkebunan</option>
                                            <option value="Buruh Nelayan/ Perikanan">Buruh Nelayan/Perikanan</option>
                                            <option value="Buruh Peternakan">Buruh Peternakan</option>
                                            <option value="Tukang Cukur">Tukang Cukur</option>
                                            <option value="Tukang Listrik">Tukang Listrik</option>
                                            <option value="Tukang Batu">Tukang Batu</option>
                                            <option value="Tukang Kayu">Tukang Kayu</option>
                                            <option value="Tukang Sol Sepatu">Tukang Sol Sepatu</option>
                                            <option value="Tukang Las/Pandai Besi">Tukang Las/Pandai Besi</option>
                                            <option value="Tukang Jahit">Tukang Jahit</option>
                                            <option value="Tukang Gigi">Tukang Gigi</option>
                                            <option value="Penata Rias">Penata Rias</option>
                                            <option value="Penata Busana">Penata Busana</option>
                                            <option value="Penata Rambut">Penata Rambut</option>
                                            <option value="Mekanik">Mekanik</option>
                                            <option value="Seniman">Seniman</option>
                                            <option value="Tabib">Tabib</option>
                                            <option value="Paraji">Paraji</option>
                                            <option value="Perancang Busana">Perancang Busana</option>
                                            <option value="Penterjemah">Penterjemah</option>
                                            <option value="Imam masjid">Imam masjid</option>
                                            <option value="Pendeta">Pendeta</option>
                                            <option value="Pastor">Pastor</option>
                                            <option value="Wartawan">Wartawan</option>
                                            <option value="Ustadz/Mubaligh">Ustadz/Mubaligh</option>
                                            <option value="Juru Masak">Juru Masak</option>
                                            <option value="Promotor Acara">Promotor Acara</option>
                                            <option value="Anggota DPR-RI">Anggota DPR-RI</option>
                                            <option value="Anggota DPD">Anggota DPD</option>
                                            <option value="Anggota BPK">Anggota BPK</option>
                                            <option value="Wakil Presiden">Wakil Presiden</option>
                                            <option value="Anggota Mahkamah Konstitusi">Anggota Mahkamah Konstitusi</option>
                                            <option value="Anggota Kabinet/Kementrian">Anggota Kabinet/Kementrian</option>
                                            <option value="Duta Besar">Duta Besar</option>
                                            <option value="Gubernur">Gubernur</option>
                                            <option value="Wakil Gubernur">Wakil Gubernur</option>
                                            <option value="Bupati">Bupati</option>
                                            <option value="Wakil Bupati">Wakil Bupati</option>
                                            <option value="Wakikota">Wakikota</option>
                                            <option value="Wakil Walikota">Wakil Walikota</option>
                                            <option value="Anggota DPRD Prov">Anggota DPRD Prov</option>
                                            <option value="Anggota DPRD Kab/Kota">Anggota DPRD Kab/Kota</option>
                                            <option value="Dosen">Dosen</option>
                                            <option value="Guru">Guru</option>
                                            <option value="Pilot">Pilot</option>
                                            <option value="Pengacara">Pengacara</option>
                                            <option value="Notaris">Notaris</option>
                                            <option value="Arsitek">Arsitek</option>
                                            <option value="Akuntan">Akuntan</option>
                                            <option value="Konsultan">Konsultan</option>
                                            <option value="Dokter">Dokter</option>
                                            <option value="Bidan">Bidan</option>
                                            <option value="Perawat">Perawat</option>
                                            <option value="Apoteker">Apoteker</option>
                                            <option value="Psikiater/Psikolog">Psikiater/Psikolog</option>
                                            <option value="Penyiar Televisi">Penyiar Televisi</option>
                                            <option value="Penyiar Radio">Penyiar Radio</option>
                                            <option value="Pelaut">Pelaut</option>
                                            <option value="Peneliti">Peneliti</option>
                                            <option value="Sopir">Sopir</option>
                                            <option value="Pialang">Pialang</option>
                                            <option value="Paranormal">Paranormal</option>
                                            <option value="Perangkat Desa">Perangkat Desa</option>
                                            <option value="Kepala Desa">Kepala Desa</option>
                                            <option value="Biarawati">Biarawati</option>
                                            <option value="Wiraswasta">Wiraswasta</option>
                                            <option value="Lainnya">Lainnya</option>
                                        </select>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label>Status Hub. Keluarga</label>
                                        <select name="hubKeluarga" class="form-control">
                                            <option value="" selected disabled>--- Pilih ---</option>
                                            <option value="Kepala Keluarga" {{ $data->hub_keluarga == 'Kepala Keluarga' ? 'selected' : '' }}>Kepala Keluarga</option>
                                            <option value="Suami" {{ $data->hub_keluarga == 'Suami' ? 'selected' : '' }}>Suami</option>
                                            <option value="Istri" {{ $data->hub_keluarga == 'Istri' ? 'selected' : '' }}>Istri</option>
                                            <option value="Anak" {{ $data->hub_keluarga == 'Anak' ? 'selected' : '' }}>Anak</option>
                                            <option value="Menantu" {{ $data->hub_keluarga == 'Menantu' ? 'selected' : '' }}>Menantu</option>
                                            <option value="Cucu" {{ $data->hub_keluarga == 'Cucu' ? 'selected' : '' }}>Cucu</option>
                                            <option value="Orang Tua" {{ $data->hub_keluarga == 'Orang Tua' ? 'selected' : '' }}>Orang Tua</option>
                                            <option value="Mertua" {{ $data->hub_keluarga == 'Mertua' ? 'selected' : '' }}>Mertua</option>
                                            <option value="Menantu" {{ $data->hub_keluarga == 'Menantu' ? 'selected' : '' }}>Menantu</option>
                                            <option value="Family Lain" {{ $data->hub_keluarga == 'Family Lain' ? 'selected' : '' }}>Family Lain</option>
                                            <option value="Asisten Rumah Tangga" {{ $data->hub_keluarga == 'Asisten Rumah Tangga' ? 'selected' : '' }}>Asisten Rumah Tangga</option>
                                            <option value="Lainnya" {{ $data->hub_keluarga == 'Lainnya' ? 'selected' : '' }}>Lainnya</option>
                                        </select>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label>Status Kawin</label>
                                        <select name="statusKawin" class="form-control">
                                            <option value="" selected disabled>--- Pilih ---</option>
                                            <option value="Belum Kawin" {{ $data->status_kawin == 'Belum Kawin' ? 'selected' : '' }}>Belum Kawin</option>
                                            <option value="Kawin" {{ $data->status_kawin == 'Kawin' ? 'selected' : '' }}>Kawin</option>
                                            <option value="Duda" {{ $data->status_kawin == 'Duda' ? 'selected' : '' }}>Duda</option>
                                            <option value="Janda" {{ $data->status_kawin == 'Janda' ? 'selected' : '' }}>Janda</option>
                                            <option value="Cerai Mati" {{ $data->status_kawin == 'Cerai Mati' ? 'selected' : '' }}>Cerai Mati</option>
                                        </select>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label>Pendidikan</label>
                                        <select name="pendidikan" class="form-control">
                                            <option value="" selected disabled>--- Pilih ---</option>
                                            <option value="Tidak/Belum Sekolah" {{ $data->pendidikan == 'Tidak/Belum Sekolah' ? 'selected' : '' }} >Tidak/Belum Sekolah</option>
                                            <option value="Belum Tamat SD/Sederajat" {{ $data->pendidikan == 'Belum Tamat SD/Sederajat' ? 'selected' : '' }}>Belum Tamat SD/Sederajat</option>
                                            <option value="Tamat SD/Sederajat" {{ $data->pendidikan == 'Tamat SD/Sederajat' ? 'selected' : '' }}>Tamat SD/Sederajat</option>
                                            <option value="SLTP/Sederajat" {{ $data->pendidikan == 'SLTP/Sederajat' ? 'selected' : '' }}>SLTP/Sederajat</option>
                                            <option value="SLTA/Sederajat" {{ $data->pendidikan == 'SLTA/Sederajat' ? 'selected' : '' }}>SLTA/Sederajat</option>
                                            <option value="Diploma III" {{ $data->pendidikan == 'Diploma III' ? 'selected' : '' }}>Diploma III</option>
                                            <option value="Akademi/Sarjana Muda" {{ $data->pendidikan == 'Akademi/Sarjana Muda' ? 'selected' : '' }}>Akademi/Sarjana Muda</option>
                                            <option value="Diploma IV/Strata I" {{ $data->pendidikan == 'Diploma IV/Strata I' ? 'selected' : '' }}>Diploma IV/Strata I</option>
                                            <option value="Strata II" {{ $data->pendidikan == 'Strata II' ? 'selected' : '' }}>Strata II</option>
                                            <option value="Strata III" {{ $data->pendidikan == 'Strata III' ? 'selected' : '' }}>Strata III</option>
                                        </select>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="nik">UID</label>
                                        <input type="text" name="uid" value="{{ $data->uid }}" class="form-control" placeholder="Tap E-KTP">
                                    </div>
                                </div>
                            </div>
                            <div class="card-footer">
                                <button type="submit" class="btn btn-primary">Simpan</button>
                                <a href="{{ route('penduduk.index') }}" class="btn btn-danger">Batal</a>
                            </div>
                        </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection

@push('scripts')
    <!-- JS Libraies -->
    <script src="{{ asset('library/cleave.js/dist/cleave.min.js') }}"></script>
    <script src="{{ asset('library/cleave.js/dist/addons/cleave-phone.us.js') }}"></script>
    <script src="{{ asset('library/bootstrap-daterangepicker/daterangepicker.js') }}"></script>
    <script src="{{ asset('library/bootstrap-colorpicker/dist/js/bootstrap-colorpicker.min.js') }}"></script>
    <script src="{{ asset('library/bootstrap-timepicker/js/bootstrap-timepicker.min.js') }}"></script>
    <script src="{{ asset('library/bootstrap-tagsinput/dist/bootstrap-tagsinput.min.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