@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>Tambah 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">Tambah</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.store') }}" method="post" class="custom-validation" enctype="multipart/form-data">
                                    @csrf
                                    @method('POST')
                                <div class="form-row">
                                    <div class="form-group col-md-6">
                                        <label for="nik">NIK</label>
                                        <input type="number" name="nik" class="form-control" placeholder="Masukkan NIK">
                                    </div>
                                    <div class="form-group col-md-3">
                                        <label>RT</label>
                                        <input type="number" name="rt"  class="form-control">
                                    </div>
                                    <div class="form-group col-md-3">
                                        <label>RW</label>
                                        <input type="number" name="rw"  class="form-control">
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="no_kk">Nomor KK</label>
                                        <input type="number" name="noKk" 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"  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" 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" selected>DESA</option>
                                                <option value="KELURAHAN">KELURAHAN</option>
                                            </select>
                                            <input type="text"
                                                class="form-control" name="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">Islam</option>
                                            <option value="Kristen">Kristen</option>
                                            <option value="Katolik" >Katolik</option>
                                            <option value="Hindu">Hindu</option>
                                            <option value="Budha">Budha</option>
                                            <option value="Konghucu" >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">Laki-laki</option>
                                            <option value="P">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" required>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-3">
                                        <label for="tempat_lahir">Tempat Lahir</label>
                                        <input type="text" name="tempatLahir" class="form-control" placeholder="Kota" required>
                                    </div>
                                    <div class="form-group col-md-3">
                                        <label>Tanggal Lahir</label>
                                        <input type="text" name="tanggalLahir" 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" selected>KABUPATEN</option>
                                                <option value="KOTA">KOTA</option>
                                            </select>
                                            <input type="text"
                                                class="form-control" name="kabupaten" required>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label>Pekerjaan</label>
                                        <select name="pekerjaan" class="form-control select2">
                                            <option value="">--- Pilih ---</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">Kepala Keluarga</option>
                                            <option value="Suami" >Suami</option>
                                            <option value="Istri" >Istri</option>
                                            <option value="Anak" >Anak</option>
                                            <option value="Menantu">Menantu</option>
                                            <option value="Cucu" >Cucu</option>
                                            <option value="Orang Tua" >Orang Tua</option>
                                            <option value="Mertua" >Mertua</option>
                                            <option value="Menantu" >Menantu</option>
                                            <option value="Family Lain" >Family Lain</option>
                                            <option value="Asisten Rumah Tangga" >Asisten Rumah Tangga</option>
                                            <option value="Lainnya" >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">Belum Kawin</option>
                                            <option value="Kawin">Kawin</option>
                                            <option value="Duda">Duda</option>
                                            <option value="Janda">Janda</option>
                                            <option value="Cerai Mati">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">Tidak/Belum Sekolah</option>
                                            <option value="Belum Tamat SD/Sederajat" >Belum Tamat SD/Sederajat</option>
                                            <option value="Tamat SD/Sederajat">Tamat SD/Sederajat</option>
                                            <option value="SLTP/Sederajat" >SLTP/Sederajat</option>
                                            <option value="SLTA/Sederajat">SLTA/Sederajat</option>
                                            <option value="Diploma III" >Diploma III</option>
                                            <option value="Akademi/Sarjana Muda" >Akademi/Sarjana Muda</option>
                                            <option value="Diploma IV/Strata I" >Diploma IV/Strata I</option>
                                            <option value="Strata II">Strata II</option>
                                            <option value="Strata III" >Strata III</option>
                                        </select>
                                    </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