@extends('layouts.panel.app', ['title' => 'Ubah Non Anggota'])

@section('content')
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<section class="section">
    <div class="section-title">
        <h3>Non Anggota</h3>
    </div>
    <p class="section-lead">
        Silahkan tambah, ubah atau hapus data menu Non anggota di sini.
    </p>
    <div class="row">
        <div class="col-md-12">
            <div class="card border-0 shadow rounded">
                <div class="card-header">
                    <h4>Ubah Data Non Anggota</h4>
                    <div class="card-header-action">
                        <a href="{{ route('admin.non-anggota') }}" class="btn btn-success">Kembali</a>
                    </div>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-body">
                                    <ul class="nav nav-pills" id="myTab3" role="tablist">
                                        <li class="nav-item">
                                            <a class="nav-link active show" id="profile-tab3" data-toggle="tab" href="#profile3" role="tab" aria-controls="profile" aria-selected="false">Data Diri</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" id="education-tab3" data-toggle="tab" href="#education3" role="tab" aria-controls="education" aria-selected="false">Data Pendidikan</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" id="job-tab3" data-toggle="tab" href="#job3" role="tab" aria-controls="job" aria-selected="false">Data Pekerjaan</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" id="other-tab3" data-toggle="tab" href="#other3" role="tab" aria-controls="other" aria-selected="false">Data Keanggotaan</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" id="sip-tab3" data-toggle="tab" href="#sip3" role="tab" aria-controls="sip" aria-selected="false">Data Informasi SIP</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content" id="myTabContent2">
                                        <div class="tab-pane fade active show" id="profile3" role="tabpanel" aria-labelledby="profile-tab3">
                                            <form class="form-update-profil" method="POST" action="{{ route('admin.non-anggota.update', $data->id) }}" enctype="multipart/form-data">
                                                @csrf
                                                @method('PUT')

                                                <div class="card-header">
                                                    <h4>Informasi Diri</h4>
                                                </div>
                                                <div class="card-body">
                                                    <div class="card profile-widget">
                                                        <div class="profile-widget-header">
                                                            @if($data->gender == 'L')
                                                            @php
                                                            $foto = 'avatar-1.png';
                                                            @endphp
                                                            @else
                                                            @php
                                                            $foto = 'avatar-5.png';
                                                            @endphp
                                                            @endif
                                                            <img id="prof_foto_preview" alt="image" src="{{ file_exists('storage/image/' . $data->foto) && $data->foto != null && $data->foto != 'default-foto.png' ? asset('storage/image/' . $data->foto) : asset('assets-panel/img/avatar/'.$foto) }}" class="rounded-circle profile-widget-picture">
                                                        </div>
                                                        <div class="form-group">
                                                            Catatan : <span style="color: red;"> **</span>) <i> wajib diisi </i>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-12 form-group">
                                                            <label class="font-weight-bold">Foto</label>
                                                            <input type="file" id="prof_foto" name="prof_foto" class="form-control" accept=".jpg,.jpeg,.png">
                                                        </div>
                                                    </div>
                                                    <div class="alert alert-info alert-has-icon">
                                                        @php
                                                        $label = \App\Models\Label::where(['code' => 'info-degree' ])->first()
                                                        @endphp
                                                        <div class="alert-icon"><i class="far fa-lightbulb"></i></div>
                                                        <div class="alert-body">
                                                            <div class="alert-title"><strong> {!!html_entity_decode($label->title)!!}</strong></div>
                                                            {!!html_entity_decode($label->desc)!!}
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-2 form-group">
                                                            <label class="font-weight-bold" title="Dr. DR. Prof.">Gelar Depan </label>
                                                            <input type="text" id="prof_front_degree" name="prof_front_degree" value="{{ old('prof_front_degree', $data->front_degree) }}" class="form-control" placeholder="Dr." title="Dr. DR. Prof.">
                                                        </div>
                                                        <div class="col-md-8 form-group">
                                                            <label class="font-weight-bold">Nama Lengkap Pemohon <span style="color: red;"> **</span></label>
                                                            <input type="text" id="prof_name" name="prof_name" value="{{ old('prof_name', $data->name) }}" class="form-control" readonly>
                                                        </div>
                                                        <div class="col-md-2 form-group">
                                                            <label class="font-weight-bold" title=", Sp.JP(K), MPH, DSc, FIHA, FAsCC">Gelar Belakang </label>
                                                            <input type="text" id="prof_back_degree" name="prof_back_degree" value="{{ old('prof_back_degree', $data->back_degree) }}" class="form-control" placeholder=", Sp.JP(K)" title=", Sp.JP(K), MPH, DSc, FIHA, FAsCC">
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-4 form-group">
                                                            <label class="font-weight-bold">Warga Negara<span style="color: red;"> **</span></label>
                                                            <select class="form-control" name="prof_citizen" placeholder="Pilih Warga Negara" >
                                                                <option value="">Pilih Warga Negara</option>
                                                                <option value="WNI" {{{ $data->citizen == 'WNI' ? "selected" : "" }}}>Indonesia</option>
                                                                <option value="WNA" {{{ $data->citizen == 'WNA' ? "selected" : "" }}}>Asing</option>
                                                            </select>
                                                        </div>
                                                        <div class="col-md-4 form-group">
                                                            <label class="font-weight-bold" for="description">Jenis Kelamin <span style="color: red;"> **</span></label><br />
                                                            <label class="radio-inline"><input type="radio" name="prof_gender" value="L" {{{ $data->gender == 'L' ? "checked" : "" }}} > LAKI-LAKI</label>
                                                            <label class="radio-inline"><input type="radio" name="prof_gender" value="P" {{{ $data->gender == 'P' ? "checked" : "" }}}> PEREMPUAN</label>
                                                        </div>
                                                        <div class="col-md-4 form-group">
                                                            <label class="font-weight-bold">Agama<span style="color: red;"> **</span></label>
                                                            <select class="form-control" name="prof_religion" placeholder="Pilih Agama" >
                                                                <option value="">Pilih Agama</option>
                                                                <option value="ISLAM" {{{ $data->religion == 'ISLAM' ? "selected" : "" }}}>Islam</option>
                                                                <option value="KRISTEN" {{{ $data->religion == 'KRISTEN' ? "selected" : "" }}}>Kristen</option>
                                                                <option value="KATOLIK" {{{ $data->religion == 'KATOLIK' ? "selected" : "" }}}>Katolik</option>
                                                                <option value="HINDU" {{{ $data->religion == 'HINDU' ? "selected" : "" }}}>Hindu</option>
                                                                <option value="BUDHA" {{{ $data->religion == 'BUDHA' ? "selected" : "" }}}>Budha</option>
                                                                <option value="KONGHUCU" {{{ $data->religion == 'KONGHUCU' ? "selected" : "" }}}>Konghucu</option>
                                                                <option value="LAINNYA" {{{ $data->religion == 'LAINNYA' ? "selected" : "" }}}>Lainnya</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-8 form-group">
                                                            <label class="font-weight-bold">Tempat Lahir <span style="color: red;"> **</span></label>
                                                            <input type="text" name="prof_place" value="{{ old('prof_place', $data->place) }}" class="form-control" >
                                                        </div>
                                                        <div class="col-md-4 form-group">
                                                            <label class="font-weight-bold">Tanggal Lahir <span style="color: red;"> **</span></label>
                                                            <input type="date" name="prof_birth_date" value="{{ old('prof_birth_date', $data->birth_date) }}" class="form-control" >
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-12 form-group">
                                                            <label class="font-weight-bold">Alamat Rumah (KTP) <span style="color: red;"> **</span></label>
                                                            <input type="text" name="prof_home_address" value="{{ old('prof_home_address', $data->home_address) }}" class="form-control" placeholder="ex. Jl. Raya Gg. 001/002 No." >
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">Provinsi <span style="color: red;"> **</span></label>
                                                            <input type="hidden" name="prof_home_province_id" value="{{ $data->home_province }}" class="form-control">
                                                            <select class="form-control select2" name="prof_home_province" placeholder="Pilih Provinsi" >
                                                                <option value="">Pilih Provinsi</option>
                                                                @foreach($provinces as $item)
                                                                <option {{ $data->home_province == $item->id ? "selected" : "" }} value="{{ $item->id }}">{{ $item->name }}</option>
                                                                @endforeach
                                                            </select>
                                                            @error('prof_home_province') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">Kabupaten / Kota <span style="color: red;"> **</span></label>
                                                            <input type="hidden" id="prof_home_regency_id" name="prof_home_regency_id" value="{{ $data->home_regency }}" class="form-control">
                                                            <select class="form-control select2" id="prof_home_regency" name="prof_home_regency" placeholder="Pilih Kabupaten / Kota" >
                                                            </select>
                                                            @error('prof_home_regency') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">Kecamatan <span style="color: red;"> **</span></label>
                                                            <input type="hidden" id="prof_home_districts_id" name="prof_home_districts_id" value="{{ $data->home_subdistrict }}" class="form-control">
                                                            <select class="form-control select2" id="prof_home_districts" name="prof_home_subdistrict" placeholder="Pilih Kecamatan" >
                                                            </select>
                                                            @error('prof_home_subdistrict') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">Desa / Kelurahan <span style="color: red;"> **</span></label>
                                                            <input type="hidden" id="prof_home_villages_id" name="prof_home_villages_id" value="{{ $data->home_village }}" class="form-control">
                                                            <select class="form-control select2" id="prof_home_villages" name="prof_home_village" placeholder="Pilih Desa / Kelurahan" >
                                                            </select>
                                                            @error('prof_home_village') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-12 form-group">
                                                            <label class="font-weight-bold">Alamat Domisili <span style="color: red;"> **</span>
                                                            </label>
                                                            <input type="text" name="prof_residence_address" value="{{ old('prof_residence_address', $data->residence_address) }}" class="form-control" name="residence_address" placeholder="ex. Jl. Raya Gg. 001/002 No." required>
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">Provinsi <span style="color: red;"> **</span></label>
                                                            <select class="form-control select2" id="prof_residence_province" name="prof_residence_province" placeholder="Pilih Provinsi" >
                                                                <option value="">Pilih Provinsi</option>
                                                                @foreach($provinces as $item)
                                                                <option {{ $data->residence_province == $item->id ? "selected" : "" }} value="{{ $item->id }}">{{ $item->name }}</option>
                                                                @endforeach
                                                            </select>
                                                            @error('prof_residence_province') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">Kabupaten / Kota <span style="color: red;"> **</span></label>
                                                            <input type="hidden" id="prof_residence_regency_id" name="prof_residence_regency_id" value="{{ $data->residence_regency }}" class="form-control">
                                                            <select class="form-control select2" id="prof_residence_regency" name="prof_residence_regency" placeholder="Pilih Kabupaten / Kota" >
                                                            </select>
                                                            @error('prof_residence_regency') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">Kecamatan <span style="color: red;"> **</span></label>
                                                            <input type="hidden" id="prof_residence_districts_id" name="prof_residence_districts_id" value="{{ $data->residence_subdistrict }}" class="form-control">
                                                            <select class="form-control select2" id="prof_residence_districts" name="prof_residence_subdistrict" placeholder="Pilih Kecamatan" >
                                                            </select>
                                                            @error('prof_residence_subdistrict') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">Desa / Kelurahan <span style="color: red;"> **</span></label>
                                                            <input type="hidden" id="prof_residence_villages_id" name="prof_residence_villages_id" value="{{ $data->residence_village }}" class="form-control">
                                                            <select class="form-control select2" id="prof_residence_villages" name="prof_residence_village" placeholder="Pilih Desa / Kelurahan" >
                                                            </select>
                                                            @error('prof_residence_village') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">Email <span style="color: red;"> **</span></label>
                                                            <input type="email" name="prof_email" value="{{ $data->email }}" class="form-control"  readonly>
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">Telepon <span style="color: red;"> **</span></label>
                                                            <input type="number" name="prof_phone" value="{{ $data->phone }}" class="form-control"  readonly>
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold" for="description">Status Perkawinan </label><br />
                                                            <label class="radio-inline"><input type="radio" name="prof_marital_status" value="true" {{{ $data->marital_status == 'true' ? "checked" : "" }}}> Kawin</label>
                                                            <label class="radio-inline"><input type="radio" name="prof_marital_status" value="false" {{{ $data->marital_status == 'false' ? "checked" : "" }}}> Belum Kawin</label>
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">Nama Suami / Istri</label>
                                                            <input type="text" name="prof_husband_wife_name" value="{{ old('prof_husband_wife_name', $data->husband_wife_name) }}" class="form-control">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="card-footer bg-whitesmoke text-md-right">
                                                    <input type="hidden" name="prof_id" value="{{ $data->id }}" class="form-control">
                                                    <button type="button" class="btn btn-primary submit-update-profil">
                                                        {{ __('Ubah Data Diri') }}
                                                    </button>
                                                    <button class="btn btn-secondary" type="reset" fdprocessedid="7lslz">Reset</button>
                                                </div>
                                            </form>
                                        </div>
                                        <div class="tab-pane fade" id="education3" role="tabpanel" aria-labelledby="education-tab3">
                                            <form class="form-update-education" method="POST" action="{{ route('admin.non-anggota.education', $data->id) }}">
                                                @csrf
                                                @method('POST')

                                                <div class="card-header">
                                                    <h4>Informasi Pendidikan</h4>
                                                </div>
                                                <div class="card-body">
                                                    <div class="form-group">
                                                        Catatan : <span style="color: red;"> **</span>) <i> wajib diisi </i>
                                                    </div>
                                                    <div class="col-md-12">
                                                        <div class="alert alert-info alert-has-icon">
                                                            @php
                                                            $label = \App\Models\Label::where(['code' => 'info-anggota' ])->first()
                                                            @endphp
                                                            <div class="alert-icon"><i class="far fa-lightbulb"></i></div>
                                                            <div class="alert-body">
                                                                <div class="alert-title"><strong> {!!html_entity_decode($label->title)!!}</strong></div>
                                                                {!!html_entity_decode($label->desc)!!}
                                                            </div>
                                                        </div>
                                                        <input type="checkbox" id="prof_educ1" name="prof_educ1" value="true" required>
                                                        <label for="prof_educ1"> Aktifkan Pendidikan Terakhir</label>
                                                        <input type="checkbox" id="prof_educ2" name="prof_educ2" value="true">
                                                        <label for="prof_educ2"> Aktifkan Pendidikan Lainnya 1</label>
                                                        <input type="checkbox" id="prof_educ3" name="prof_educ3" value="true">
                                                        <label for="prof_educ3"> Aktifkan Pendidikan Lainnya 2</label>
                                                    </div>
                                                    <div class="card">
                                                        <div class="card-header">
                                                            <h4>Pendidikan Terakhir</h4>
                                                            <div class="card-header-action">
                                                                <a data-collapse="#mycard-collapse1" class="btn btn-icon btn-info" href="#"><i class="fas fa-minus"></i></a>
                                                            </div>
                                                        </div>
                                                        <div class="collapse show" id="mycard-collapse1" style="">
                                                            <div class="card-body">
                                                                <div class="row">
                                                                    <div class="col-md-4 form-group">
                                                                        <label class="font-weight-bold">Jenis Pendidikan <span style="color: red;"> **</span></label>
                                                                        <select class="form-control" id="prof_academic_degree_a" name="prof_academic_degree_a" required>
                                                                            <option value="">Pilih Jenis Pendidikan</option>
                                                                            @foreach($academic as $item)
                                                                            <option {{ $data->academic_degree_a == $item->id ? "selected" : "" }} value="{{ $item->id }}">{{ $item->name }}</option>
                                                                            @endforeach
                                                                        </select>
                                                                        @error('prof_academic_degree_a') <span class="error text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                    <div class="col-md-8 form-group">
                                                                        <label class="font-weight-bold">Nama Institusi Pendidikan <span style="color: red;"> **</span></label>
                                                                        <select class="form-control select2" id="prof_institution_a" name="prof_institution_a" placeholder="Pilih Institusi Pendidikan" required>
                                                                            <option value="">Pilih Institusi Pendidikan</option>
                                                                            @foreach($education as $item)
                                                                            <option {{ $data->institution_a == $item->id ? "selected" : "" }} value="{{ $item->id }}">{{ $item->name }}</option>
                                                                            @endforeach
                                                                        </select>
                                                                        @error('prof_institution_a') <span class="error text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                </div>
                                                                <div class="row">
                                                                    <div class="col-md-4 form-group">
                                                                        <label class="font-weight-bold">Tanggal Ijazah <span style="color: red;"> **</span></label>
                                                                        <input type="date" name="prof_graduation_year_a" value="{{ old('prof_graduation_year_a', $data->graduation_year_a) }}" class="form-control" required>
                                                                        @error('prof_graduation_year_a') <span class="error text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                    <div class="col-md-8 form-group">
                                                                        <label class="font-weight-bold">Nomor Ijazah <span style="color: red;"> **</span></label>
                                                                        <input type="text" name="prof_ijazah_no_a" value="{{ old('prof_ijazah_no_a', $data->ijazah_no_a) }}" class="form-control" required>
                                                                        @error('prof_ijazah_no_a') <span class="error text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="card">
                                                        <div class="card-header">
                                                            <h4>Pendidikan Lainnya 1</h4>
                                                            <div class="card-header-action">
                                                                <a data-collapse="#mycard-collapse2" class="btn btn-icon btn-info" href="#"><i class="fas fa-plus"></i></a>
                                                            </div>
                                                        </div>
                                                        <div class="collapse show" id="mycard-collapse2" style="">
                                                            <div class="card-body">
                                                                <div class="row">
                                                                    <div class="col-md-4 form-group">
                                                                        <label class="font-weight-bold">Jenis Pendidikan <span style="color: red;"> **</span></label>
                                                                        <select class="form-control" name="prof_academic_degree_b">
                                                                            <option value="">Pilih Jenis Pendidikan</option>
                                                                            @foreach($academic as $item)
                                                                            <option {{ $data->academic_degree_b == $item->id ? "selected" : "" }} value="{{ $item->id }}">{{ $item->name }}</option>
                                                                            @endforeach
                                                                        </select>
                                                                        @error('academic_degree_b') <span class="error text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                    <div class="col-md-8 form-group">
                                                                        <label class="font-weight-bold">Nama Institusi Pendidikan <span style="color: red;"> **</span></label>
                                                                        <select class="form-control select2" name="prof_institution_b" placeholder="Pilih Institusi Pendidikan">
                                                                            <option value="">Pilih Institusi Pendidikan</option>
                                                                            @foreach($education as $item)
                                                                            <option {{ $data->institution_b == $item->id ? "selected" : "" }} value="{{ $item->id }}">{{ $item->name }}</option>
                                                                            @endforeach
                                                                        </select>
                                                                        @error('prof_institution_b') <span class="error text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                </div>
                                                                <div class="row">
                                                                    <div class="col-md-4 form-group">
                                                                        <label class="font-weight-bold">Tanggal Ijazah <span style="color: red;"> **</span></label>
                                                                        <input type="date" name="prof_graduation_year_b" value="{{ old('prof_graduation_year_b', $data->graduation_year_b) }}" class="form-control">
                                                                        @error('prof_graduation_year_b') <span class="error text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                    <div class="col-md-8 form-group">
                                                                        <label class="font-weight-bold">Nomor Ijazah <span style="color: red;"> **</span></label>
                                                                        <input type="text" name="prof_ijazah_no_b" value="{{ old('prof_ijazah_no_b', $data->ijazah_no_b) }}" class="form-control">
                                                                        @error('prof_ijazah_no_b') <span class="error text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="card">
                                                        <div class="card-header">
                                                            <h4>Pendidikan Lainnya 2</h4>
                                                            <div class="card-header-action">
                                                                <a data-collapse="#mycard-collapse3" class="btn btn-icon btn-info" href="#"><i class="fas fa-plus"></i></a>
                                                            </div>
                                                        </div>
                                                        <div class="collapse show" id="mycard-collapse3" style="">
                                                            <div class="card-body">
                                                                <div class="row">
                                                                    <div class="col-md-4 form-group">
                                                                        <label class="font-weight-bold">Jenis Pendidikan <span style="color: red;"> **</span></label>
                                                                        <select class="form-control" name="prof_academic_degree_c">
                                                                            <option value="">Pilih Jenis Pendidikan</option>
                                                                            @foreach($academic as $item)
                                                                            <option {{ $data->academic_degree_c == $item->id ? "selected" : "" }} value="{{ $item->id }}">{{ $item->name }}</option>
                                                                            @endforeach
                                                                        </select>
                                                                        @error('prof_academic_degree_c') <span class="error text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                    <div class="col-md-8 form-group">
                                                                        <label class="font-weight-bold">Nama Institusi Pendidikan <span style="color: red;"> **</span></label>
                                                                        <select class="form-control select2" name="prof_institution_c" placeholder="Pilih Institusi Pendidikan">
                                                                            <option value="">Pilih Institusi Pendidikan</option>
                                                                            @foreach($education as $item)
                                                                            <option {{ old('prof_institution_c', $data->institution_c) == $item->id ? "selected" : "" }} value="{{ $item->id }}">{{ $item->name }}</option>
                                                                            @endforeach
                                                                        </select>
                                                                        @error('prof_institution_c') <span class="error text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                </div>
                                                                <div class="row">
                                                                    <div class="col-md-4 form-group">
                                                                        <label class="font-weight-bold">Tanggal Ijazah <span style="color: red;"> **</span></label>
                                                                        <input type="date" name="prof_graduation_year_c" value="{{ old('prof_graduation_year_c', $data->graduation_year_c) }}" class="form-control">
                                                                        @error('prof_graduation_year_c') <span class="error text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                    <div class="col-md-8 form-group">
                                                                        <label class="font-weight-bold">Nomor Ijazah <span style="color: red;"> **</span></label>
                                                                        <input type="text" name="prof_ijazah_no_c" value="{{ old('prof_ijazah_no_c', $data->ijazah_no_c) }}" class="form-control">
                                                                        @error('prof_ijazah_no_c') <span class="error text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <hr>
                                                    <label class="font-weight-bold">Direktori Ijazah</label>
                                                    <hr>
                                                    <div class="row">
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">No Ijazah Dokter Umum <span style="color: red;"> **</span></label>
                                                            <input type="text" id="prof_ijazah_du" name="prof_ijazah_du" value="{{ old('prof_ijazah_du', $data->ijazah_du) }}" class="form-control" required>
                                                            @error('prof_ijazah_du') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">Tanggal Ijazah Dokter Umum <span style="color: red;"> **</span></label>
                                                            <input type="date" id="prof_ijazah_du_year" name="prof_ijazah_du_year" value="{{ old('prof_ijazah_du_year', $data->ijazah_du_year) }}" class="form-control" required>
                                                            @error('prof_ijazah_du_year') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">No Ijazah Doktor</label>
                                                            <input type="text" name="prof_ijazah_doktor" value="{{ old('prof_ijazah_doktor', $data->ijazah_doktor) }}" class="form-control">
                                                            @error('prof_ijazah_doktor') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">Tanggal Ijazah Doktor</label>
                                                            <input type="date" name="prof_ijazah_doktor_year" value="{{ old('prof_ijazah_doktor_year', $data->ijazah_doktor_year) }}" class="form-control">
                                                            @error('prof_ijazah_doktor_year') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                    </div>
                                                    <hr>
                                                    <label class="font-weight-bold">Dokter Spesialis</label>
                                                    <hr>
                                                    <div class="row">
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">No Ijazah Spesialis</label>
                                                            <input type="text" name="prof_ijazah_sp" value="{{ old('prof_ijazah_sp', $data->ijazah_sp) }}" class="form-control">
                                                            @error('prof_ijazah_sp') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">Tanggal Ijazah Spesialis</label>
                                                            <input type="date" name="prof_ijazah_sp_year" value="{{ old('prof_ijazah_sp_year', $data->ijazah_sp_year) }}" class="form-control">
                                                            @error('prof_ijazah_sp_year') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">Spesialis</label>
                                                            <!-- <input type="text" name="prof_specialist" value="{{ old('prof_specialist', $data->specialist) }}" class="form-control"> -->
                                                            <select class="form-control select2" id="prof_specialist" name="prof_specialist">
                                                                <option value="">Pilih Spesialis</option>
                                                                @foreach($specialist as $item)
                                                                <option {{ $data->specialist == $item->specialist ? "selected" : "" }} value="{{ $item->specialist }}">{{ $item->specialist }}</option>
                                                                @endforeach
                                                            </select>
                                                            @error('prof_specialist') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold" for="description">Spesialis Konsultan</label><br />
                                                            <label class="radio-inline"><input type="radio" name="prof_consultant_specialist" value="true" {{{ $data->consultant_specialist == 'true' ? "checked" : "" }}} required> YA</label>
                                                            <label class="radio-inline"><input type="radio" name="prof_consultant_specialist" value="false" {{{ $data->consultant_specialist == 'false' ? "checked" : "" }}} checked> TIDAK</label>
                                                            @error('prof_consultant_specialist') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="card-footer bg-whitesmoke text-md-right">
                                                    <input type="hidden" name="prof_id" value="{{ $data->id }}" class="form-control">
                                                    <button form="education" type="submit" class="btn btn-primary btn-action submit-update-education">
                                                        {{ __('Ubah Data Pendidikan') }}
                                                    </button>
                                                    <button class="btn btn-secondary" type="reset" fdprocessedid="7lslz">Reset</button>
                                                </div>
                                            </form>
                                        </div>
                                        <div class="tab-pane fade" id="job3" role="tabpanel" aria-labelledby="job-tab3">
                                            <form class="form-update-job" method="POST" action="{{ route('admin.non-anggota.job', $data->id) }}">
                                                @csrf
                                                @method('POST')
                                                <div class="card-header">
                                                    <h4>Informasi Pekerjaan</h4>
                                                </div>
                                                <div class="card-body">
                                                    <div class="form-group">
                                                        Catatan : <span style="color: red;"> **</span>) <i> wajib diisi </i>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <div class="alert alert-info alert-has-icon">
                                                                @php
                                                                $label = \App\Models\Label::where(['code' => 'info-job' ])->first()
                                                                @endphp
                                                                <div class="alert-icon"><i class="far fa-lightbulb"></i></div>
                                                                <div class="alert-body">
                                                                    <div class="alert-title"><strong> {!!html_entity_decode($label->title)!!}</strong></div>
                                                                    {!!html_entity_decode($label->desc)!!}
                                                                </div>
                                                            </div>
                                                            <input type="checkbox" id="prof_work" name="prof_work" value="true" required>
                                                            <label for="prof_work"> Saya telah praktek</label>
                                                        </div>
                                                        <div class="col-md-4 form-group">
                                                            <label class="font-weight-bold">Status Kepegawaian <span style="color: red;"> **</span></label>
                                                            <select class="form-control" name="prof_employment_status">
                                                                <option value="">Pilih Status Kepegawaian</option>
                                                                <option value="DOKTER PNS" {{{ $data->employment_status == 'DOKTER PNS' ? "selected" : "" }}}>Dokter PNS</option>
                                                                <option value="TKK" {{{ $data->employment_status == 'TKK' ? "selected" : "" }}}>TKK</option>
                                                                <option value="THL" {{{ $data->employment_status == 'THL' ? "selected" : "" }}}>THL</option>
                                                                <option value="HONOR" {{{ $data->employment_status == 'HONOR' ? "selected" : "" }}}>Honor</option>
                                                                <option value="BUMN" {{{ $data->employment_status == 'BUMN' ? "selected" : "" }}}>BUMN</option>
                                                                <option value="TNI" {{{ $data->employment_status == 'TNI' ? "selected" : "" }}}>TNI</option>
                                                                <option value="POLRI" {{{ $data->employment_status == 'POLRI' ? "selected" : "" }}}>POLRI</option>
                                                                <option value="SWASTA" {{{ $data->employment_status == 'SWASTA' ? "selected" : "" }}}>Swasta</option>
                                                                <option value="NON PEGAWAI" {{{ $data->employment_status == 'NON PEGAWAI' ? "selected" : "" }}}>Non Pegawai</option>
                                                            </select>
                                                            @error('prof_employment_status') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-4 form-group">
                                                            <label class="font-weight-bold">Waktu Bekerja <span style="color: red;"> **</span></label>
                                                            <select class="form-control" name="prof_time_type">
                                                                <option value="">Pilih Waktu Pekerja</option>
                                                                <option value="PURNA WAKTU" {{{ $data->time_type == 'PURNA WAKTU' ? "selected" : "" }}}>Purna Waktu</option>
                                                                <option value="FULL TIMER" {{{ $data->time_type == 'FULL TIMER' ? "selected" : "" }}}>Full Timer</option>
                                                            </select>
                                                            @error('prof_time_type') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-4 form-group">
                                                            <label class="font-weight-bold">Tempat Praktek <span style="color: red;"> **</span></label>
                                                            <input type="text" name="prof_hospital" value="{{ old('prof_hospital', $data->hospital) }}" class="form-control">
                                                            @error('prof_hospital') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-12 form-group">
                                                            <label class="font-weight-bold">Alamat Praktek <span style="color: red;"> **</span></label>
                                                            <input type="text" name="prof_practice_address" value="{{ old('prof_practice_address', $data->practice_address) }}" class="form-control" placeholder="ex. Jl. Raya Gg. 001/002 No.">
                                                            @error('prof_practice_address') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">Provinsi <span style="color: red;"> **</span></label>
                                                            <input type="hidden" id="prof_practice_province_id" name="prof_practice_province_id" value="{{ $data->practice_province }}" class="form-control">
                                                            <select class="form-control select2" id="prof_practice_province" name="prof_practice_province" placeholder="Pilih Provinsi">
                                                                <option value="">Pilih Provinsi</option>
                                                                @foreach($provinces as $item)
                                                                <option {{ old('prof_practice_province', $data->practice_province) == $item->id ? "selected" : "" }} value="{{ $item->id }}">{{ $item->name }}</option>
                                                                @endforeach
                                                            </select>
                                                            @error('prof_practice_province') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">Kabupaten / Kota <span style="color: red;"> **</span></label>
                                                            <input type="hidden" id="prof_practice_regency_id" name="prof_practice_regency_id" value="{{ $data->practice_regency }}" class="form-control">
                                                            <select class="form-control select2" id="prof_practice_regency" name="prof_practice_regency" placeholder="Pilih Kabupaten / Kota">
                                                            </select>
                                                            @error('prof_practice_regency') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">Kecamatan <span style="color: red;"> **</span></label>
                                                            <input type="hidden" id="prof_practice_subdistrict_id" name="prof_practice_subdistrict_id" value="{{ $data->practice_subdistrict }}" class="form-control">
                                                            <select class="form-control select2" id="prof_practice_subdistrict" name="prof_practice_subdistrict" placeholder="Pilih Kecamatan">
                                                            </select>
                                                            @error('prof_practice_subdistrict') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">Desa / Kelurahan <span style="color: red;"> **</span></label>
                                                            <input type="hidden" id="prof_practice_village_id" name="prof_practice_village_id" value="{{ $data->practice_village }}" class="form-control">
                                                            <select class="form-control select2" id="prof_practice_village" name="prof_practice_village" placeholder="Pilih Desa / Kelurahan">
                                                            </select>
                                                            @error('prof_practice_village') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">Jabatan <span style="color: red;"> **</span></label>
                                                            <!-- <input type="text" name="prof_position" value="{{ old('prof_position', $data->position) }}" class="form-control"> -->
                                                            <select class="form-control" name="prof_position">
                                                                <option value="">Pilih Jabatan</option>
                                                                <option value="DOKTER UMUM" {{{ $data->position == 'DOKTER UMUM' ? "selected" : "" }}}>DOKTER UMUM</option>
                                                                <option value="DOKTER SPESIALIS" {{{ $data->position == 'DOKTER SPESIALIS' ? "selected" : "" }}}>DOKTER SPESIALIS</option>
                                                            </select>
                                                            @error('prof_position') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold" for="description">Guru Besar / Professor <span style="color: red;"> **</span></label><br />
                                                            <label class="radio-inline"><input type="radio" name="prof_professor" value="true" {{{ $data->professor == 'true' ? "checked" : "" }}}> YA</label>
                                                            <label class="radio-inline"><input type="radio" name="prof_professor" value="false" {{{ $data->professor == 'false' ? "checked" : "" }}} checked> TIDAK</label>
                                                            @error('prof_professor') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                    </div>

                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <hr>
                                                            <input type="checkbox" id="prof_private_work" name="prof_private_work" value="true">
                                                            <label for="prof_private_work"> Saya membuka praktek sendiri</label>
                                                            <hr>
                                                        </div>
                                                        <div class="col-md-12 form-group">
                                                            <label class="font-weight-bold">Nama Tempat Praktek <span style="color: red;"> **</span></label>
                                                            <input type="text" name="prof_private_practice" value="{{ old('prof_private_practice', $data->private_practice) }}" class="form-control">
                                                            @error('prof_private_practice') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-12 form-group">
                                                            <label class="font-weight-bold">Alamat Tempat Praktek <span style="color: red;"> **</span></label>
                                                            <input type="text" name="prof_private_practice_address" value="{{ old('prof_private_practice_address', $data->private_practice_address) }}" class="form-control" placeholder="ex. Jl. Raya Gg. 001/002 No.">
                                                            @error('prof_private_practice_address') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">Provinsi <span style="color: red;"> **</span></label>
                                                            <input type="hidden" id="prof_private_practice_province_id" name="prof_private_practice_province_id" value="{{ $data->private_practice_province }}" class="form-control">
                                                            <select class="form-control" id="prof_private_practice_province" name="prof_private_practice_province" placeholder="Pilih Provinsi">
                                                                <option value="">Pilih Provinsi</option>
                                                                @foreach($provinces as $item)
                                                                <option {{ old('prof_private_practice_province', $data->private_practice_province) == $item->id ? "selected" : "" }} value="{{ $item->id }}">{{ $item->name }}</option>
                                                                @endforeach
                                                            </select>
                                                            @error('prof_private_practice_province') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">Kabupaten / Kota <span style="color: red;"> **</span></label>
                                                            <input type="hidden" id="prof_private_practice_regency_id" name="prof_private_practice_regency_id" value="{{ $data->private_practice_regency }}" class="form-control">
                                                            <select class="form-control" id="prof_private_practice_regency" name="prof_private_practice_regency" placeholder="Pilih Kabupaten / Kota">
                                                            </select>
                                                            @error('prof_private_practice_regency') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">Kecamatan <span style="color: red;"> **</span></label>
                                                            <input type="hidden" id="prof_private_practice_subdistrict_id" name="prof_private_practice_subdistrict_id" value="{{ $data->private_practice_subdistrict }}" class="form-control">
                                                            <select class="form-control" id="prof_private_practice_subdistrict" name="prof_private_practice_subdistrict" placeholder="Pilih Kecamatan">
                                                            </select>
                                                            @error('prof_private_practice_subdistrict') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">Desa / Kelurahan <span style="color: red;"> **</span></label>
                                                            <input type="hidden" id="prof_private_practice_village_id" name="prof_private_practice_village_id" value="{{ $data->private_practice_village }}" class="form-control">
                                                            <select class="form-control" id="prof_private_practice_village" name="prof_private_practice_village" placeholder="Pilih Desa / Kelurahan">
                                                            </select>
                                                            @error('prof_private_practice_village') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="card-footer bg-whitesmoke text-md-right">
                                                    <input type="hidden" name="prof_id" value="{{ $data->id }}" class="form-control">
                                                    <button type="button" class="btn btn-primary submit-update-job">
                                                        {{ __('Ubah Data Pekerjaan') }}
                                                    </button>
                                                    <button class="btn btn-secondary" type="reset" fdprocessedid="7lslz">Reset</button>
                                                </div>
                                            </form>
                                        </div>
                                        <div class="tab-pane fade" id="other3" role="tabpanel" aria-labelledby="other-tab3">
                                            <form class="form-update-anggota" method="POST" action="{{ route('admin.non-anggota.anggota', $data->id) }}">
                                                @csrf
                                                @method('POST')
                                                <div class="card-header">
                                                    <h4>Informasi Tambahan</h4>
                                                </div>
                                                <div class="card-body">
                                                    <div class="form-group">
                                                        Catatan : <span style="color: red;"> **</span><i> wajib diisi <span style="color: red;"> **)</span> wajib diisi sesuai ketentuan</i>
                                                    </div>
                                                    <hr>
                                                    <label class="font-weight-bold">Keanggotaan Saat Ini</label>
                                                    <hr>
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <div class="alert alert-info alert-has-icon">
                                                                @php
                                                                $label = \App\Models\Label::where(['code' => 'info-anggota' ])->first()
                                                                @endphp
                                                                <div class="alert-icon"><i class="far fa-lightbulb"></i></div>
                                                                <div class="alert-body">
                                                                    <div class="alert-title"><strong> {!!html_entity_decode($label->title)!!}</strong></div>
                                                                    {!!html_entity_decode($label->desc)!!}
                                                                </div>
                                                            </div>
                                                            <input type="checkbox" id="prof_umum" name="prof_umum" value="true" required>
                                                            <label for="prof_umum"> Dokter Umum</label>
                                                            <input type="checkbox" id="prof_spesialis" name="prof_spesialis" value="true" required>
                                                            <label for="prof_spesialis"> Dokter Spesialis</label>
                                                            <input type="checkbox" id="prof_internship" name="prof_internship" value="true" required>
                                                            <label for="prof_internship"> Dokter Internship</label>
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">Anggota IDI Wilayah</label>
                                                            <input type="hidden" id="prof_area_members_id" name="prof_area_members_id" value="{{ $data->area_members }}" class="form-control">
                                                            <select class="form-control select2" id="prof_area_members" name="prof_area_members" placeholder="Pilih IDI Wilayah">
                                                                <option value="">Pilih IDI Wilayah</option>
                                                                @foreach($area as $item)
                                                                <option {{ old('prof_area_members', $data->area_members) == $item->area ? "selected" : "" }} value="{{ $item->area }}">{{ $item->area }}</option>
                                                                @endforeach
                                                            </select>
                                                            @error('prof_area_members') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">Anggota IDI Cabang</label>
                                                            <input type="hidden" id="prof_branch_members_id" name="prof_branch_members_id" value="{{ $data->branch_members }}" class="form-control">
                                                            <select class="form-control select2" id="prof_branch_members" name="prof_branch_members" placeholder="Pilih IDI Cabang">
                                                                <option value="">Pilih IDI Cabang</option>
                                                                @foreach($branch as $item)
                                                                <option {{ old('prof_branch_members', $data->branch_members) == $item->branch ? "selected" : "" }} value="{{ $item->branch }}">{{ $item->branch }}</option>
                                                                @endforeach
                                                            </select>
                                                            @error('prof_branch_members') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">NPAC</label>
                                                            <input type="text" name="prof_no_anggota" value="{{ old('prof_no_anggota', $data->no_anggota) }}" class="form-control" readonly>
                                                            @error('prof_no_anggota') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">NPA IDI Pusat <span style="color: red;"> **</span></label>
                                                            <input type="text" name="prof_central_idi_npa" value="{{ old('prof_central_idi_npa', $data->central_idi_npa) }}" class="form-control">
                                                            @error('prof_central_idi_npa') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                    </div>
                                                    <hr>
                                                    <label class="font-weight-bold">Surat Tanda Registrasi</label>
                                                    <hr>
                                                    <div class="row">
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">No. STR Dokter Umum <span style="color: red;"> **)</span></label>
                                                            <input type="text" name="prof_str_no" value="{{ $data->str_no }}" class="form-control">
                                                            @error('prof_str_no') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">Masa Berlaku STR Dokter Umum <span style="color: red;"> **)</span></label>
                                                            <input type="date" name="prof_validity_period_str" value="{{ old('prof_validity_period_str', $data->validity_period_str) }}" class="form-control">
                                                            @error('prof_validity_period_str') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">No. STR Spesialis <span style="color: red;"> **)</span></label>
                                                            <input type="text" name="prof_str_no_sp" value="{{ old('prof_str_no_sp', $data->str_no_sp) }}" class="form-control">
                                                            @error('prof_str_no_sp') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">Masa Berlaku STR Spesialis <span style="color: red;"> **)</span></label>
                                                            <input type="date" name="prof_validity_period_str_sp" value="{{ old('prof_validity_period_str_sp', $data->validity_period_str_sp) }}" class="form-control">
                                                            @error('prof_validity_period_str_sp') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">No. STR Kompetensi Tambahan <span style="color: red;"> **)</span></label>
                                                            <input type="text" name="prof_str_no_kt" value="{{ old('prof_str_no_kt', $data->str_no_kt) }}" class="form-control">
                                                            @error('prof_str_no_kt') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">Masa Berlaku STR Kompetensi Tambahan <span style="color: red;"> **)</span></label>
                                                            <input type="date" name="prof_validity_period_str_kt" value="{{ old('prof_validity_period_str_kt', $data->validity_period_str_kt) }}" class="form-control">
                                                            @error('prof_validity_period_str_kt') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                    </div>
                                                    <hr>
                                                    <label class="font-weight-bold">Riwayat Mutasi</label>
                                                    <hr>
                                                    <div class="row">
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">IDI Wilayah Sebelumnya</label>
                                                            <input type="hidden" id="prof_area_of_idi_id" name="prof_area_of_idi_id" value="{{ $data->area_of_idi }}" class="form-control">
                                                            <select class="form-control select2" id="prof_area_of_idi" name="prof_area_of_idi" placeholder="Pilih IDI Wilayah">
                                                                <option value="">Pilih IDI Wilayah</option>
                                                                @foreach($area as $item)
                                                                <option {{ old('prof_area_of_idi', $data->area_of_idi) == $item->area ? "selected" : "" }} value="{{ $item->area }}">{{ $item->area }}</option>
                                                                @endforeach
                                                            </select>
                                                            @error('prof_area_of_idi') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">IDI Cabang Sebelumnya</label>
                                                            <input type="hidden" id="prof_branch_of_idi_id" name="prof_branch_of_idi_id" value="{{ $data->branch_of_idi }}" class="form-control">
                                                            <select class="form-control select2" id="prof_branch_of_idi" name="prof_branch_of_idi" placeholder="Pilih IDI Cabang">
                                                                <!-- <option value="">Pilih IDI Cabang</option>
                                                @foreach($branch as $item)
                                                <option {{ old('prof_branch_of_idi', $data->branch_of_idi) == $item->branch ? "selected" : "" }} value="{{ $item->branch }}">{{ $item->branch }}</option>
                                                @endforeach -->
                                                            </select>
                                                            @error('prof_branch_of_idi') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">Tahun Mutasi</label>
                                                            <input type="number" name="prof_mutation_year" value="{{ old('prof_mutation_year', $data->mutation_year) }}" class="form-control">
                                                            @error('prof_mutation_year') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="font-weight-bold">NPAC</label>
                                                            <input type="text" name="prof_npac_npa" value="{{ old('prof_npac_npa', $data->npac_npa) }}" class="form-control">
                                                            @error('prof_npac_npa') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="card-footer bg-whitesmoke text-md-right">
                                                    <input type="hidden" name="prof_id" value="{{ $data->id }}" class="form-control">
                                                    <button type="button" class="btn btn-primary submit-update-anggota">
                                                        {{ __('Ubah Data Keanggotaan') }}
                                                    </button>
                                                    <button class="btn btn-secondary" type="reset" fdprocessedid="7lslz">Reset</button>
                                                </div>
                                            </form>
                                        </div>
                                        <div class="tab-pane fade" id="sip3" role="tabpanel" aria-labelledby="sip-tab3">
                                            <form class="form-update-sip" method="POST" action="{{ route('admin.non-anggota.sip', $data->id) }}">
                                                @csrf
                                                @method('POST')
                                                <div class="card-header">
                                                    <h4>Informasi SIP</h4>
                                                </div>
                                                <div class="card-body">
                                                    <div class="form-group">
                                                        Catatan : <span style="color: red;"> **</span>) <i> wajib diisi </i>
                                                    </div>
                                                    <div class="col-md-12">
                                                        <div class="alert alert-info alert-has-icon">
                                                            @php
                                                            $label = \App\Models\Label::where(['code' => 'info-sip' ])->first()
                                                            @endphp
                                                            <div class="alert-icon"><i class="far fa-lightbulb"></i></div>
                                                            <div class="alert-body">
                                                                <div class="alert-title"><strong> {!!html_entity_decode($label->title)!!}</strong></div>
                                                                {!!html_entity_decode($label->desc)!!}
                                                            </div>
                                                        </div>
                                                        <input type="checkbox" id="prof_sip1_active" name="prof_sip1_active" value="true" required>
                                                        <label for="prof_sip1_active"> Aktifkan SIP Ke-1</label>
                                                        <input type="checkbox" id="prof_sip2_active" name="prof_sip2_active" value="true" required>
                                                        <label for="prof_sip2_active"> Aktifkan SIP Ke-2</label>
                                                        <input type="checkbox" id="prof_sip3_active" name="prof_sip3_active" value="true" required>
                                                        <label for="prof_sip3_active"> Aktifkan SIP Ke-3</label>
                                                    </div>
                                                    <div class="card">
                                                        <div class="card-header">
                                                            <h4 style="color: #DA251D;">SIP Ke-1</h4>
                                                            <div class="card-header-action">
                                                                <a data-collapse="#mycard-collapse-sip1" class="btn btn-icon btn-info" href="#"><i class="fas fa-minus"></i></a>
                                                            </div>
                                                        </div>
                                                        <div class="collapse show" id="mycard-collapse-sip1" style="">
                                                            <div class="card-body">
                                                                <div class="row">
                                                                    <div class="col-md-4 form-group">
                                                                        <label class="font-weight-bold">SIP ke-</label>
                                                                        <input type="number" value="1" name="prof_sip1_no" class="form-control" readonly>
                                                                        @error('prof_sip1_no') <span class="error text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                    <div class="col-md-8 form-group">
                                                                        <label class="font-weight-bold">Nama Sarana Kesehatan <span style="color: red;"> **</span></label>
                                                                        <input type="text" name="prof_sip1_name" value="{{ old('prof_sip1_name', $data->sip1_name) }}" class="form-control">
                                                                        @error('prof_sip1_name') <span class="error text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                    <div class="col-md-12 form-group">
                                                                        <label class="font-weight-bold">Alamat Lengkap <span style="color: red;"> **</span></label>
                                                                        <input type="text" name="prof_sip1_address" value="{{ old('prof_sip1_address', $data->sip1_address) }}" class="form-control" placeholder="ex. Jl. Raya Gg. 001/002 No.">
                                                                        @error('prof_sip1_address') <span class="error text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                    <div class="col-md-6 form-group">
                                                                        <label class="font-weight-bold">Provinsi <span style="color: red;"> **</span></label>
                                                                        <input type="hidden" id="prof_sip1_province_id" name="prof_sip1_province_id" value="{{ $data->sip1_province }}" class="form-control">
                                                                        <select class="form-control select2" id="prof_sip1_province" name="prof_sip1_province" placeholder="Pilih Provinsi">
                                                                            <option value="">Pilih Provinsi</option>
                                                                            @foreach($provinces as $item)
                                                                            <option {{ old('prof_sip1_province', $data->sip1_province ) == $item->id ? "selected" : "" }} value="{{ $item->id }}">{{ $item->name }}</option>
                                                                            @endforeach
                                                                        </select>
                                                                        @error('prof_sip1_province') <span class="error text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                    <div class="col-md-6 form-group">
                                                                        <label class="font-weight-bold">Kabupaten / Kota <span style="color: red;"> **</span></label>
                                                                        <input type="hidden" id="prof_sip1_regency_id" name="prof_sip1_regency_id" value="{{ $data->sip1_regency }}" class="form-control">
                                                                        <select class="form-control select2" id="prof_sip1_regency" name="prof_sip1_regency" placeholder="Pilih Kabupaten / Kota">
                                                                        </select>
                                                                        @error('prof_sip1_regency') <span class="error text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                    <div class="col-md-6 form-group">
                                                                        <label class="font-weight-bold">Kecamatan <span style="color: red;"> **</span></label>
                                                                        <input type="hidden" id="prof_sip1_subdistrict_id" name="prof_sip1_subdistrict_id" value="{{ $data->sip1_subdistrict }}" class="form-control">
                                                                        <select class="form-control select2" id="prof_sip1_subdistrict" name="prof_sip1_subdistrict" placeholder="Pilih Kecamatan">
                                                                        </select>
                                                                        @error('prof_sip1_subdistrict') <span class="error text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                    <div class="col-md-6 form-group">
                                                                        <label class="font-weight-bold">Desa / Kelurahan <span style="color: red;"> **</span></label>
                                                                        <input type="hidden" id="prof_sip1_village_id" name="prof_sip1_village_id" value="{{ $data->sip1_village }}" class="form-control">
                                                                        <select class="form-control select2" id="prof_sip1_village" name="prof_sip1_village" placeholder="Pilih Desa / Kelurahan">
                                                                        </select>
                                                                        @error('prof_sip1_village') <span class="error text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="card">
                                                        <div class="card-header">
                                                            <h4 style="color: #DA251D;">SIP Ke-2</h4>
                                                            <div class="card-header-action">
                                                                <a data-collapse="#mycard-collapse-sip2" class="btn btn-icon btn-info" href="#"><i class="fas fa-minus"></i></a>
                                                            </div>
                                                        </div>
                                                        <div class="collapse show" id="mycard-collapse-sip2" style="">
                                                            <div class="card-body">
                                                                <div class="row">
                                                                    <div class="col-md-4 form-group">
                                                                        <label class="font-weight-bold">SIP ke-</label>
                                                                        <input type="number" value="2" name="prof_sip2_no" class="form-control" readonly>
                                                                        @error('prof_sip2_no') <span class="error text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                    <div class="col-md-8 form-group">
                                                                        <label class="font-weight-bold">Nama Sarana Kesehatan <span style="color: red;"> **</span></label>
                                                                        <input type="text" name="prof_sip2_name" value="{{ old('prof_sip2_name', $data->sip2_name) }}" class="form-control">
                                                                        @error('prof_sip2_name') <span class="error text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                    <div class="col-md-12 form-group">
                                                                        <label class="font-weight-bold">Alamat Lengkap <span style="color: red;"> **</span></label>
                                                                        <input type="text" name="prof_sip2_address" value="{{ old('prof_sip2_address', $data->sip2_address) }}" class="form-control" placeholder="ex. Jl. Raya Gg. 001/002 No.">
                                                                        @error('prof_sip2_address') <span class="error text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                    <div class="col-md-6 form-group">
                                                                        <label class="font-weight-bold">Provinsi <span style="color: red;"> **</span></label>
                                                                        <input type="hidden" id="prof_sip2_province_id" name="prof_sip2_province_id" value="{{ $data->sip2_province }}" class="form-control">
                                                                        <select class="form-control select2" id="prof_sip2_province" name="prof_sip2_province" value="{{ old('prof_sip2_province', $data->sip2_province) }}" placeholder="Pilih Provinsi">
                                                                            <option value="">Pilih Provinsi</option>
                                                                            @foreach($provinces as $item)
                                                                            <option {{ old('prof_sip2_province', $data->sip2_province) == $item->id ? "selected" : "" }} value="{{ $item->id }}">{{ $item->name }}</option>
                                                                            @endforeach
                                                                        </select>
                                                                        @error('prof_sip2_province') <span class="error text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                    <div class="col-md-6 form-group">
                                                                        <label class="font-weight-bold">Kabupaten / Kota <span style="color: red;"> **</span></label>
                                                                        <input type="hidden" id="prof_sip2_regency_id" name="prof_sip2_regency_id" value="{{ $data->sip2_regency }}" class="form-control">
                                                                        <select class="form-control select2" id="prof_sip2_regency" name="prof_sip2_regency" placeholder="Pilih Kabupaten / Kota">
                                                                        </select>
                                                                        @error('prof_sip2_regency') <span class="error text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                    <div class="col-md-6 form-group">
                                                                        <label class="font-weight-bold">Kecamatan <span style="color: red;"> **</span></label>
                                                                        <input type="hidden" id="prof_sip2_subdistrict_id" name="prof_sip2_subdistrict_id" value="{{ $data->sip2_subdistrict }}" class="form-control">
                                                                        <select class="form-control select2" id="prof_sip2_subdistrict" name="prof_sip2_subdistrict" placeholder="Pilih Kecamatan">
                                                                        </select>
                                                                        @error('prof_sip2_subdistrict') <span class="error text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                    <div class="col-md-6 form-group">
                                                                        <label class="font-weight-bold">Desa / Kelurahan <span style="color: red;"> **</span></label>
                                                                        <input type="hidden" id="prof_sip2_village_id" name="prof_sip2_village_id" value="{{ $data->sip2_village }}" class="form-control">
                                                                        <select class="form-control select2" id="prof_sip2_village" name="prof_sip2_village" placeholder="Pilih Desa / Kelurahan">
                                                                        </select>
                                                                        @error('prof_sip2_village') <span class="error text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="card">
                                                        <div class="card-header">
                                                            <h4 style="color: #DA251D;">SIP Ke-3</h4>
                                                            <div class="card-header-action">
                                                                <a data-collapse="#mycard-collapse-sip3" class="btn btn-icon btn-info" href="#"><i class="fas fa-minus"></i></a>
                                                            </div>
                                                        </div>
                                                        <div class="collapse show" id="mycard-collapse-sip3" style="">
                                                            <div class="card-body">
                                                                <div class="row">
                                                                    <div class="col-md-4 form-group">
                                                                        <label class="font-weight-bold">SIP ke-</label>
                                                                        <input type="number" value="3" name="prof_sip3_no" class="form-control" readonly>
                                                                        @error('prof_sip3_no') <span class="error text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                    <div class="col-md-8 form-group">
                                                                        <label class="font-weight-bold">Nama Sarana Kesehatan <span style="color: red;"> **</span></label>
                                                                        <input type="text" name="prof_sip3_name" value="{{ old('prof_sip3_name', $data->sip3_name) }}" class="form-control">
                                                                        @error('prof_sip3_name') <span class="error text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                    <div class="col-md-12 form-group">
                                                                        <label class="font-weight-bold">Alamat Lengkap <span style="color: red;"> **</span></label>
                                                                        <input type="text" name="prof_sip3_address" value="{{ old('prof_sip3_address', $data->sip3_address) }}" class="form-control" placeholder="ex. Jl. Raya Gg. 001/002 No.">
                                                                        @error('prof_sip3_address') <span class="error text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                    <div class="col-md-6 form-group">
                                                                        <label class="font-weight-bold">Provinsi <span style="color: red;"> **</span></label>
                                                                        <input type="hidden" id="prof_sip3_province_id" name="prof_sip3_province_id" value="{{ $data->sip3_province }}" class="form-control">
                                                                        <select class="form-control select2" id="prof_sip3_province" name="prof_sip3_province" placeholder="Pilih Provinsi">
                                                                            <option value="">Pilih Provinsi</option>
                                                                            @foreach($provinces as $item)
                                                                            <option {{ old('prof_sip3_province', $data->sip3_province) == $item->id ? "selected" : "" }} value="{{ $item->id }}">{{ $item->name }}</option>
                                                                            @endforeach
                                                                        </select>
                                                                        @error('prof_sip3_province') <span class="error text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                    <div class="col-md-6 form-group">
                                                                        <label class="font-weight-bold">Kabupaten / Kota <span style="color: red;"> **</span></label>
                                                                        <input type="hidden" id="prof_sip3_regency_id" name="prof_sip3_regency_id" value="{{ $data->sip3_regency }}" class="form-control">
                                                                        <select class="form-control select2" id="prof_sip3_regency" name="prof_sip3_regency" placeholder="Pilih Kabupaten / Kota">
                                                                        </select>
                                                                        @error('prof_sip3_regency') <span class="error text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                    <div class="col-md-6 form-group">
                                                                        <label class="font-weight-bold">Kecamatan <span style="color: red;"> **</span></label>
                                                                        <input type="hidden" id="prof_sip3_subdistrict_id" name="prof_sip3_subdistrict_id" value="{{ $data->sip3_subdistrict }}" class="form-control">
                                                                        <select class="form-control select2" id="prof_sip3_subdistrict" name="prof_sip3_subdistrict" placeholder="Pilih Kecamatan">
                                                                        </select>
                                                                        @error('prof_sip3_subdistrict') <span class="error text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                    <div class="col-md-6 form-group">
                                                                        <label class="font-weight-bold">Desa / Kelurahan <span style="color: red;"> **</span></label>
                                                                        <input type="hidden" id="prof_sip3_village_id" name="prof_sip3_village_id" value="{{ $data->sip3_village }}" class="form-control">
                                                                        <select class="form-control select2" id="prof_sip3_village" name="prof_sip3_village" placeholder="Pilih Desa / Kelurahan">
                                                                        </select>
                                                                        @error('prof_sip3_village') <span class="error text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="card-footer bg-whitesmoke text-md-right">
                                                    <input type="hidden" name="prof_id" value="{{ $data->id }}" class="form-control">
                                                    <button type="button" class="btn btn-primary submit-update-sip">
                                                        {{ __('Ubah Data SIP') }}
                                                    </button>
                                                    <button class="btn btn-secondary" type="reset" fdprocessedid="7lslz">Reset</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="loading" style="display: none;">
        <img src="{{ asset('assets-panel/img/loading-submit.gif') }}" alt="Proses...">
    </div>
</section>

<!-- Data Akun  -->
<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Cari elemen form dan tombol submit
        const form = document.querySelector('.form-update-account');
        const submitBtn = document.querySelector('.submit-update-account');

        // Tambahkan event listener pada tombol submit
        submitBtn.addEventListener('click', function() {
            // Validasi form
            const inputs = form.querySelectorAll('input, select');
            // Loop through all input and select elements
            for (let i = 0; i < inputs.length; i++) {
                const input = inputs[i];

                // Check input validity
                if (!input.checkValidity()) {
                    // Display error message
                    const errorMsg = input.nextElementSibling;
                    if (errorMsg !== null) {
                        errorMsg.textContent = input.validationMessage;
                    }

                    // Highlight invalid input
                    $(input).addClass("is-invalid");

                    // Jika form tidak valid, munculkan pesan peringatan
                    swal('Peringatan', 'Harap lengkapi data terlebih dahulu', 'warning');
                    return;

                } else {
                    // Clear error message
                    const errorMsg = input.nextElementSibling;
                    if (errorMsg !== null) {
                        errorMsg.textContent = '';
                    }

                    // Remove invalid input highlight
                    $(input).removeClass("is-invalid");
                }
            }

            // Jika form valid, tampilkan loading spinner pada tombol submit
            showLoading();
            disableButton();

            // Buat objek FormData dari form
            const formData = new FormData(form);

            // Show confirmation dialog using SweetAlert
            swal({
                title: "Yakin Melakukan Perubahan ?",
                text: "Cek Data dan konfirmasi Jika sudah sesuai !",
                type: "warning",
                showCancelButton: !0,
                confirmButtonText: "Ubah",
                cancelButtonText: "Batal",
                cancelButtonColor: "#FA2A21",
                confirmButtonColor: "#1AA13E",
                reverseButtons: !0
            }).then(function(e) {
                if (e.value === true) {
                    // Send form data
                    form.submit();
                } else {
                    e.dismiss;
                    // Hilangkan loading spinner pada tombol submit
                    hideLoading();
                    enableButton();
                }
            }, function(dismiss) {
                return false;
                // Hilangkan loading spinner pada tombol submit
                hideLoading();
                enableButton();
            });

        });

        // Fungsi untuk menampilkan loading spinner pada tombol submit
        function showLoading() {
            submitBtn.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Proses...';
            submitBtn.disabled = true;
        }

        // Fungsi untuk menghilangkan loading spinner pada tombol submit
        function hideLoading() {
            submitBtn.innerHTML = 'Kirim';
        }

        // Fungsi untuk menonaktifkan tombol submit
        function disableButton() {
            submitBtn.disabled = true;
        }

        // Fungsi untuk mengaktifkan tombol submit
        function enableButton() {
            submitBtn.disabled = false;
        }
    });
</script>

<!-- Data Diri  -->
<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Cari elemen form dan tombol submit
        const form = document.querySelector('.form-update-profil');
        const submitBtn = document.querySelector('.submit-update-profil');

        // Tambahkan event listener pada tombol submit
        submitBtn.addEventListener('click', function() {

            // Check input validity
            if (!form.checkValidity()) {

                // Validasi form
                const prof_citizen_element = document.querySelector("select[name='prof_citizen']");
                const prof_gender_element = document.querySelector("input[name='prof_gender']");
                const prof_religion_element = document.querySelector("select[name='prof_religion']");
                const prof_birth_place_element = document.querySelector("input[name='prof_place']");
                const prof_birth_date_element = document.querySelector("input[name='prof_birth_date']");
                const prof_home_address_element = document.querySelector("input[name='prof_home_address']");
                const prof_home_province_element = document.querySelector("select[name='prof_home_province']");
                const prof_home_regency_element = document.querySelector("select[name='prof_home_regency']");
                const prof_home_district_element = document.querySelector("select[name='prof_home_subdistrict']");
                const prof_home_village_element = document.querySelector("select[name='prof_home_village']");
                const prof_residence_address_element = document.querySelector("input[name='prof_residence_address']");
                const prof_residence_province_element = document.querySelector("select[name='prof_residence_province']");
                const prof_residence_regency_element = document.querySelector("select[name='prof_residence_regency']");
                const prof_residence_district_element = document.querySelector("select[name='prof_residence_subdistrict']");
                const prof_residence_village_element = document.querySelector("select[name='prof_residence_village']");

                // Check validity of the select element itself
                if (prof_citizen_element.validity.valueMissing) {
                    prof_citizen_element.classList.add("is-invalid");
                } else {
                    prof_citizen_element.classList.remove("is-invalid");
                }

                if (prof_gender_element.validity.valueMissing) {
                    prof_gender_element.validity.valueMissing.add("is-invalid");
                } else {
                    prof_gender_element.classList.remove("is-invalid");
                }

                if (prof_religion_element.validity.valueMissing) {
                    prof_religion_element.classList.add("is-invalid");
                } else {
                    prof_religion_element.classList.remove("is-invalid");
                }

                if (prof_birth_place_element.validity.valueMissing) {
                    prof_birth_place_element.classList.add("is-invalid");
                } else {
                    prof_birth_place_element.classList.remove("is-invalid");
                }

                if (prof_birth_date_element.validity.valueMissing) {
                    prof_birth_date_element.classList.add("is-invalid");
                } else {
                    prof_birth_date_element.classList.remove("is-invalid");
                }

                if (prof_home_address_element.validity.valueMissing) {
                    prof_home_address_element.classList.add("is-invalid");
                } else {
                    prof_home_address_element.classList.remove("is-invalid");
                }

                if (prof_home_province_element.validity.valueMissing) {
                    prof_home_province_element.classList.add("is-invalid");
                } else {
                    prof_home_province_element.classList.remove("is-invalid");
                }

                if (prof_home_regency_element.validity.valueMissing) {
                    prof_home_regency_element.classList.add("is-invalid");
                } else {
                    prof_home_regency_element.classList.remove("is-invalid");
                }

                if (prof_home_district_element.validity.valueMissing) {
                    prof_home_district_element.classList.add("is-invalid");
                } else {
                    prof_home_district_element.classList.remove("is-invalid");
                }

                if (prof_home_village_element.validity.valueMissing) {
                    prof_home_village_element.classList.add("is-invalid");
                } else {
                    prof_home_village_element.classList.remove("is-invalid");
                }

                if (prof_residence_address_element.validity.valueMissing) {
                    prof_residence_address_element.classList.add("is-invalid");
                } else {
                    prof_residence_address_element.classList.remove("is-invalid");
                }

                if (prof_residence_province_element.validity.valueMissing) {
                    prof_residence_province_element.classList.add("is-invalid");
                } else {
                    prof_residence_province_element.classList.remove("is-invalid");
                }

                if (prof_residence_regency_element.validity.valueMissing) {
                    prof_residence_regency_element.classList.add("is-invalid");
                } else {
                    prof_residence_regency_element.classList.remove("is-invalid");
                }

                if (prof_residence_district_element.validity.valueMissing) {
                    prof_residence_district_element.classList.add("is-invalid");
                } else {
                    prof_residence_district_element.classList.remove("is-invalid");
                }

                if (prof_residence_village_element.validity.valueMissing) {
                    prof_residence_village_element.classList.add("is-invalid");
                } else {
                    prof_residence_village_element.classList.remove("is-invalid");
                }

                // Jika form tidak valid, munculkan pesan peringatan
                swal('Peringatan', 'Harap lengkapi data terlebih dahulu', 'warning');
                return;

            }

            // Jika form valid, tampilkan loading spinner pada tombol submit
            showLoading();
            disableButton();

            // Buat objek FormData dari form
            const formData = new FormData(form);

            // Show confirmation dialog using SweetAlert
            swal({
                title: "Yakin Melakukan Perubahan ?",
                text: "Cek Data dan konfirmasi Jika sudah sesuai !",
                type: "warning",
                showCancelButton: !0,
                confirmButtonText: "Ubah",
                cancelButtonText: "Batal",
                cancelButtonColor: "#FA2A21",
                confirmButtonColor: "#1AA13E",
                reverseButtons: !0
            }).then(function(e) {
                if (e.value === true) {
                    // Send form data
                    form.submit();
                } else {
                    e.dismiss;
                    // Hilangkan loading spinner pada tombol submit
                    hideLoading();
                    enableButton();
                }
            }, function(dismiss) {
                return false;
                // Hilangkan loading spinner pada tombol submit
                hideLoading();
                enableButton();
            });

        });

        // Fungsi untuk menampilkan loading spinner pada tombol submit
        function showLoading() {
            submitBtn.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Proses...';
            submitBtn.disabled = true;
        }

        // Fungsi untuk menghilangkan loading spinner pada tombol submit
        function hideLoading() {
            submitBtn.innerHTML = 'Kirim';
        }

        // Fungsi untuk menonaktifkan tombol submit
        function disableButton() {
            submitBtn.disabled = true;
        }

        // Fungsi untuk mengaktifkan tombol submit
        function enableButton() {
            submitBtn.disabled = false;
        }
    });
</script>

<!-- Data Pendidikan  -->
<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Cari elemen form dan tombol submit
        const form = document.querySelector('.form-update-education');
        const submitBtn = document.querySelector('.submit-update-education');
        const prof_educ1_checkbox = document.querySelector('#prof_educ1');
        const prof_educ2_checkbox = document.querySelector('#prof_educ2');
        const prof_educ3_checkbox = document.querySelector('#prof_educ3');

        const prof_academic_degree_a = document.querySelector("select[name='prof_academic_degree_a']");
        const prof_institution_a = document.querySelector("select[name='prof_institution_a']");
        const prof_graduation_year_a = document.querySelector("input[name='prof_graduation_year_a']");
        const prof_ijazah_no_a = document.querySelector("input[name='prof_ijazah_no_a']");

        const prof_academic_degree_b = document.querySelector("select[name='prof_academic_degree_b']");
        const prof_institution_b = document.querySelector("select[name='prof_institution_b']");
        const prof_graduation_year_b = document.querySelector("input[name='prof_graduation_year_b']");
        const prof_ijazah_no_b = document.querySelector("input[name='prof_ijazah_no_b']");

        const prof_academic_degree_c = document.querySelector("select[name='prof_academic_degree_c']");
        const prof_institution_c = document.querySelector("select[name='prof_institution_c']");
        const prof_graduation_year_c = document.querySelector("input[name='prof_graduation_year_c']");
        const prof_ijazah_no_c = document.querySelector("input[name='prof_ijazah_no_c']");


        // Set default disable pada element
        prof_academic_degree_a.disabled = true;
        prof_institution_a.disabled = true;
        prof_graduation_year_a.disabled = true;
        prof_ijazah_no_a.disabled = true;

        prof_academic_degree_b.disabled = true;
        prof_institution_b.disabled = true;
        prof_graduation_year_b.disabled = true;
        prof_ijazah_no_b.disabled = true;

        prof_academic_degree_c.disabled = true;
        prof_institution_c.disabled = true;
        prof_graduation_year_c.disabled = true;
        prof_ijazah_no_c.disabled = true;

        $('input[name="prof_educ1"]').on('change', function() {
            var prof_educ1_value = $(this).val();

            if (!prof_educ1_checkbox.checked) {
                prof_academic_degree_a.disabled = true;
                prof_institution_a.disabled = true;
                prof_graduation_year_a.disabled = true;
                prof_ijazah_no_a.disabled = true;
            } else {
                prof_academic_degree_a.disabled = false;
                prof_institution_a.disabled = false;
                prof_graduation_year_a.disabled = false;
                prof_ijazah_no_a.disabled = false;
            }
        });

        $('input[name="prof_educ2"]').on('change', function() {
            var prof_educ2_value = $(this).val();

            if (!prof_educ2_checkbox.checked) {
                prof_academic_degree_b.disabled = true;
                prof_institution_b.disabled = true;
                prof_graduation_year_b.disabled = true;
                prof_ijazah_no_b.disabled = true;
            } else {
                prof_academic_degree_b.disabled = false;
                prof_institution_b.disabled = false;
                prof_graduation_year_b.disabled = false;
                prof_ijazah_no_b.disabled = false;
            }
        });

        $('input[name="prof_educ3"]').on('change', function() {
            var prof_educ3_value = $(this).val();

            if (!prof_educ3_checkbox.checked) {
                prof_academic_degree_c.disabled = true;
                prof_institution_c.disabled = true;
                prof_graduation_year_c.disabled = true;
                prof_ijazah_no_c.disabled = true;
            } else {
                prof_academic_degree_c.disabled = false;
                prof_institution_c.disabled = false;
                prof_graduation_year_c.disabled = false;
                prof_ijazah_no_c.disabled = false;
            }
        });

        // Tambahkan event listener pada tombol submit
        submitBtn.addEventListener('click', function() {

            // Check input validity
            if (!form.checkValidity()) {

                const prof_educ1_checkbox = document.querySelector('#prof_educ1');
                const prof_educ2_checkbox = document.querySelector('#prof_educ2');
                const prof_educ3_checkbox = document.querySelector('#prof_educ3');
                // Validasi form
                const prof_academic_degree_a = document.querySelector("select[name='prof_academic_degree_a']");
                const prof_institution_a = document.querySelector("select[name='prof_institution_a']");
                const prof_graduation_year_a = document.querySelector("input[name='prof_graduation_year_a']");
                const prof_ijazah_no_a = document.querySelector("input[name='prof_ijazah_no_a']");

                const prof_academic_degree_b = document.querySelector("select[name='prof_academic_degree_b']");
                const prof_institution_b = document.querySelector("select[name='prof_institution_b']");
                const prof_graduation_year_b = document.querySelector("input[name='prof_graduation_year_b']");
                const prof_ijazah_no_b = document.querySelector("input[name='prof_ijazah_no_b']");

                const prof_academic_degree_c = document.querySelector("select[name='prof_academic_degree_c']");
                const prof_institution_c = document.querySelector("select[name='prof_institution_c']");
                const prof_graduation_year_c = document.querySelector("input[name='prof_graduation_year_c']");
                const prof_ijazah_no_c = document.querySelector("input[name='prof_ijazah_no_c']");

                const prof_ijazah_du = document.querySelector("input[name='prof_ijazah_du']");
                const prof_ijazah_du_year = document.querySelector("input[name='prof_ijazah_du_year']");
                const prof_ijazah_sp = document.querySelector("input[name='prof_ijazah_sp']");
                const prof_ijazah_sp_year = document.querySelector("input[name='prof_ijazah_sp_year']");
                const prof_ijazah_doktor = document.querySelector("input[name='prof_ijazah_doktor']");
                const prof_ijazah_doktor_year = document.querySelector("input[name='prof_ijazah_doktor_year']");
                const prof_specialist = document.querySelector("input[name='prof_specialist']");
                const prof_consultant_specialist = document.querySelector("input[name='prof_consultant_specialist']");


                // Check validity of the select element itself
                if (!prof_educ1_checkbox.checked && !prof_educ2_checkbox.checked && !prof_educ3_checkbox.checked) {
                    // Jika form tidak valid, munculkan pesan peringatan
                    swal('Peringatan', 'Pilih pendidikan terlebih dahulu', 'warning');
                    return;
                } else {
                    // Check validity of the select element itself
                    if (prof_educ1_checkbox.checked) {
                        if (prof_academic_degree_a.value.trim() === '') {
                            prof_academic_degree_a.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data pendidikan terakhir terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_academic_degree_a.classList.remove("is-invalid");
                        }

                        if (prof_institution_a.value.trim() === '') {
                            prof_institution_a.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data pendidikan terakhir terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_institution_a.classList.remove("is-invalid");
                        }

                        if (prof_graduation_year_a.value.trim() === '') {
                            prof_graduation_year_a.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data pendidikan terakhir terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_graduation_year_a.classList.remove("is-invalid");
                        }

                        if (prof_ijazah_no_a.value.trim() === '') {
                            prof_ijazah_no_a.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data pendidikan terakhir terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_ijazah_no_a.classList.remove("is-invalid");
                        }

                    }

                    if (prof_educ2_checkbox.checked) {
                        if (prof_academic_degree_b.value.trim() === '') {
                            prof_academic_degree_b.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data pendidikan tambahan 1 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_academic_degree_b.classList.remove("is-invalid");
                        }

                        if (prof_institution_b.value.trim() === '') {
                            prof_institution_b.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data pendidikan tambahan 1 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_institution_b.classList.remove("is-invalid");
                        }

                        if (prof_graduation_year_b.value.trim() === '') {
                            prof_graduation_year_b.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data pendidikan tambahan 1 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_graduation_year_b.classList.remove("is-invalid");
                        }

                        if (prof_ijazah_no_b.value.trim() === '') {
                            prof_ijazah_no_b.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data pendidikan tambahan 1 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_ijazah_no_b.classList.remove("is-invalid");
                        }

                    }

                    if (prof_educ3_checkbox.checked) {
                        if (prof_academic_degree_c.value.trim() === '') {
                            prof_academic_degree_c.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data pendidikan tambahan 2 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_academic_degree_c.classList.remove("is-invalid");
                        }

                        if (prof_institution_c.value.trim() === '') {
                            prof_institution_c.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data pendidikan tambahan 2 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_institution_c.classList.remove("is-invalid");
                        }

                        if (prof_graduation_year_c.value.trim() === '') {
                            prof_graduation_year_c.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data pendidikan tambahan 2 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_graduation_year_c.classList.remove("is-invalid");
                        }

                        if (prof_ijazah_no_c.value.trim() === '') {
                            prof_ijazah_no_c.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data pendidikan tambahan 2 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_ijazah_no_c.classList.remove("is-invalid");
                        }

                    }


                    if (prof_ijazah_du.value.trim() === '') {
                        prof_ijazah_du.classList.add("is-invalid");
                        swal('Peringatan', 'Harap lengkapi data ijazah terlebih dahulu', 'warning');
                        return;
                    } else {
                        prof_ijazah_du.classList.remove("is-invalid");
                    }

                    if (prof_ijazah_du_year.value.trim() === '') {
                        prof_ijazah_du_year.classList.add("is-invalid");
                        swal('Peringatan', 'Harap lengkapi data ijazah terlebih dahulu', 'warning');
                        return;
                    } else {
                        prof_ijazah_du_year.classList.remove("is-invalid");
                    }

                }

            }

            // Jika form valid, tampilkan loading spinner pada tombol submit
            showLoading();
            disableButton();

            // Buat objek FormData dari form
            const formData = new FormData(form);

            // Show confirmation dialog using SweetAlert
            swal({
                title: "Yakin Melakukan Perubahan ?",
                text: "Cek Data dan konfirmasi Jika sudah sesuai !",
                type: "warning",
                showCancelButton: !0,
                confirmButtonText: "Ubah",
                cancelButtonText: "Batal",
                cancelButtonColor: "#FA2A21",
                confirmButtonColor: "#1AA13E",
                reverseButtons: !0
            }).then(function(e) {
                if (e.value === true) {
                    // Send form data
                    form.submit();
                } else {
                    e.dismiss;
                    // Hilangkan loading spinner pada tombol submit
                    hideLoading();
                    enableButton();
                }
            }, function(dismiss) {
                return false;
                // Hilangkan loading spinner pada tombol submit
                hideLoading();
                enableButton();
            });

        });

        // Fungsi untuk menampilkan loading spinner pada tombol submit
        function showLoading() {
            submitBtn.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Proses...';
            submitBtn.disabled = true;
        }

        // Fungsi untuk menghilangkan loading spinner pada tombol submit
        function hideLoading() {
            submitBtn.innerHTML = 'Kirim';
        }

        // Fungsi untuk menonaktifkan tombol submit
        function disableButton() {
            submitBtn.disabled = true;
        }

        // Fungsi untuk mengaktifkan tombol submit
        function enableButton() {
            submitBtn.disabled = false;
        }
    });
</script>

<!-- Data Pekerjaan  -->
<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Cari elemen form dan tombol submit
        const form = document.querySelector('.form-update-job');
        const submitBtn = document.querySelector('.submit-update-job');
        const prof_work_checkbox = document.querySelector('#prof_work');
        const prof_private_work_checkbox = document.querySelector('#prof_private_work');

        const prof_employment_status = document.querySelector("select[name='prof_employment_status']");
        const prof_time_type = document.querySelector("select[name='prof_time_type']");
        const prof_hospital = document.querySelector("input[name='prof_hospital']");
        const prof_practice_address = document.querySelector("input[name='prof_practice_address']");
        const prof_practice_province = document.querySelector("select[name='prof_practice_province']");
        const prof_practice_regency = document.querySelector("select[name='prof_practice_regency']");
        const prof_practice_subdistrict = document.querySelector("select[name='prof_practice_subdistrict']");
        const prof_practice_village = document.querySelector("select[name='prof_practice_village']");
        const prof_position = document.querySelector("select[name='prof_position']");
        const prof_professor = document.querySelector("input[name='prof_professor']");

        // Pribadi
        const prof_private_practice = document.querySelector("input[name='prof_private_practice']");
        const prof_private_practice_address = document.querySelector("input[name='prof_private_practice_address']");
        const prof_private_practice_province = document.querySelector("select[name='prof_private_practice_province']");
        const prof_private_practice_regency = document.querySelector("select[name='prof_private_practice_regency']");
        const prof_private_practice_subdistrict = document.querySelector("select[name='prof_private_practice_subdistrict']");
        const prof_private_practice_village = document.querySelector("select[name='prof_private_practice_village']");


        const toggleElementState = (element, checked) => {
            // Cek jika nilai (value) dari elemen kosong
            const isEmpty = element.value.trim() === '';

            element.disabled = !checked;
            element.required = checked;

            if (checked && isEmpty) {
                element.classList.add("is-invalid");
            } else {
                element.classList.remove("is-invalid");
            }
        };


        const toggleProfWorkElements = () => {
            const isChecked = prof_work_checkbox.checked;
            toggleElementState(prof_employment_status, isChecked);
            toggleElementState(prof_time_type, isChecked);
            toggleElementState(prof_hospital, isChecked);
            toggleElementState(prof_practice_address, isChecked);
            toggleElementState(prof_practice_province, isChecked);
            toggleElementState(prof_practice_regency, isChecked);
            toggleElementState(prof_practice_subdistrict, isChecked);
            toggleElementState(prof_practice_village, isChecked);
            toggleElementState(prof_position, isChecked);
            toggleElementState(prof_professor, isChecked);
        };

        const toggleProfPrivateWorkElements = () => {
            const isChecked = prof_private_work_checkbox.checked;
            toggleElementState(prof_private_practice, isChecked);
            toggleElementState(prof_private_practice_address, isChecked);
            toggleElementState(prof_private_practice_province, isChecked);
            toggleElementState(prof_private_practice_regency, isChecked);
            toggleElementState(prof_private_practice_subdistrict, isChecked);
            toggleElementState(prof_private_practice_village, isChecked);
        };

        $('input[name="prof_work"]').on('change', toggleProfWorkElements);
        $('input[name="prof_private_work"]').on('change', toggleProfPrivateWorkElements);

        // Panggil fungsi-fungsi awal untuk menginisialisasi status elemen-elemen
        toggleProfWorkElements();
        toggleProfPrivateWorkElements();

        // Tambahkan event listener pada tombol submit
        submitBtn.addEventListener('click', function() {

            // Check input validity
            if (!form.checkValidity()) {

                // form
                const prof_work_checkbox = document.querySelector('#prof_work');

                const prof_employment_status = document.querySelector("select[name='prof_employment_status']");
                const prof_time_type = document.querySelector("select[name='prof_time_type']");
                const prof_hospital = document.querySelector("input[name='prof_hospital']");
                const prof_practice_address = document.querySelector("input[name='prof_practice_address']");
                const prof_practice_province = document.querySelector("select[name='prof_practice_province']");
                const prof_practice_regency = document.querySelector("select[name='prof_practice_regency']");
                const prof_practice_subdistrict = document.querySelector("select[name='prof_practice_subdistrict']");
                const prof_practice_village = document.querySelector("select[name='prof_practice_village']");
                const prof_position = document.querySelector("select[name='prof_position']");
                const prof_professor = document.querySelector("input[name='prof_professor']");

                // form praktek pribadi
                const prof_private_work_checkbox = document.querySelector('#prof_private_work');

                const prof_private_practice = document.querySelector("input[name='prof_private_practice']");
                const prof_private_practice_address = document.querySelector("input[name='prof_private_practice_address']");
                const prof_private_practice_province = document.querySelector("select[name='prof_private_practice_province']");
                const prof_private_practice_regency = document.querySelector("select[name='prof_private_practice_regency']");
                const prof_private_practice_subdistrict = document.querySelector("select[name='prof_private_practice_subdistrict']");
                const prof_private_practice_village = document.querySelector("select[name='prof_private_practice_village']");


                // Validasi pekerjaan
                if (!prof_work_checkbox.checked && !prof_private_work_checkbox.checked) {
                    // Validasi checkbox
                    swal('Peringatan', 'Pilih pekerjaan terlebih dahulu', 'warning');
                    return;
                } else {
                    if (prof_work_checkbox.checked) {
                        // Validasi work
                        if (prof_employment_status.value.trim() === '') {
                            prof_employment_status.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data praktek terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_employment_status.classList.remove("is-invalid");
                        }

                        if (prof_time_type.value.trim() === '') {
                            prof_time_type.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data praktek terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_time_type.classList.remove("is-invalid");
                        }

                        if (prof_hospital.value.trim() === '') {
                            prof_hospital.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data praktek terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_hospital.classList.remove("is-invalid");
                        }

                        if (prof_practice_address.value.trim() === '') {
                            prof_practice_address.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data praktek terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_practice_address.classList.remove("is-invalid");
                        }

                        if (prof_practice_province.value.trim() === '') {
                            prof_practice_province.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data praktek terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_practice_province.classList.remove("is-invalid");
                        }

                        if (prof_practice_regency.value.trim() === '') {
                            prof_practice_regency.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data praktek terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_practice_regency.classList.remove("is-invalid");
                        }

                        if (prof_practice_subdistrict.value.trim() === '') {
                            prof_practice_subdistrict.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data praktek terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_practice_subdistrict.classList.remove("is-invalid");
                        }

                        if (prof_practice_village.value.trim() === '') {
                            prof_practice_village.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data praktek terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_practice_village.classList.remove("is-invalid");
                        }

                        if (prof_position.value.trim() === '') {
                            prof_position.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data praktek terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_position.classList.remove("is-invalid");
                        }

                        if (prof_professor.value.trim() === '') {
                            prof_professor.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data praktek terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_professor.classList.remove("is-invalid");
                        }
                    }

                    if (prof_private_work_checkbox.checked) {
                        // Validasi private
                        if (prof_private_practice.value.trim() === '') {
                            prof_private_practice.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data praktek sendiri terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_private_practice.classList.remove("is-invalid");
                        }

                        if (prof_private_practice_address.value.trim() === '') {
                            prof_private_practice_address.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data praktek sendiri terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_private_practice_address.classList.remove("is-invalid");
                        }

                        if (prof_private_practice_province.value.trim() === '') {
                            prof_private_practice_province.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data praktek sendiri terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_private_practice_province.classList.remove("is-invalid");
                        }

                        if (prof_private_practice_regency.value.trim() === '') {
                            prof_private_practice_regency.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data praktek sendiri terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_private_practice_regency.classList.remove("is-invalid");
                        }

                        if (prof_private_practice_subdistrict.value.trim() === '') {
                            prof_private_practice_subdistrict.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data praktek sendiri terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_private_practice_subdistrict.classList.remove("is-invalid");
                        }

                        if (prof_private_practice_village.value.trim() === '') {
                            prof_private_practice_village.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data praktek sendiri terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_private_practice_village.classList.remove("is-invalid");
                        }

                    }
                }

                // Jika form tidak valid, munculkan pesan peringatan
                // swal('Peringatan', 'Harap lengkapi data terlebih dahulu', 'warning');
                // return;

            }

            // Jika form valid, tampilkan loading spinner pada tombol submit
            showLoading();
            disableButton();

            // Buat objek FormData dari form
            const formData = new FormData(form);

            // Show confirmation dialog using SweetAlert
            swal({
                title: "Yakin Melakukan Perubahan ?",
                text: "Cek Data dan konfirmasi Jika sudah sesuai !",
                type: "warning",
                showCancelButton: !0,
                confirmButtonText: "Ubah",
                cancelButtonText: "Batal",
                cancelButtonColor: "#FA2A21",
                confirmButtonColor: "#1AA13E",
                reverseButtons: !0
            }).then(function(e) {
                if (e.value === true) {
                    // Send form data
                    form.submit();
                } else {
                    e.dismiss;
                    // Hilangkan loading spinner pada tombol submit
                    hideLoading();
                    enableButton();
                }
            }, function(dismiss) {
                return false;
                // Hilangkan loading spinner pada tombol submit
                hideLoading();
                enableButton();
            });

        });

        // Fungsi untuk menampilkan loading spinner pada tombol submit
        function showLoading() {
            submitBtn.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Proses...';
            submitBtn.disabled = true;
        }

        // Fungsi untuk menghilangkan loading spinner pada tombol submit
        function hideLoading() {
            submitBtn.innerHTML = 'Kirim';
        }

        // Fungsi untuk menonaktifkan tombol submit
        function disableButton() {
            submitBtn.disabled = true;
        }

        // Fungsi untuk mengaktifkan tombol submit
        function enableButton() {
            submitBtn.disabled = false;
        }
    });
</script>

<!-- Data Keanggotaan  -->
<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Cari elemen form dan tombol submit
        const form = document.querySelector('.form-update-anggota');
        const submitBtn = document.querySelector('.submit-update-anggota');
        const prof_umum_checkbox = document.querySelector('#prof_umum');
        const prof_spesialis_checkbox = document.querySelector('#prof_spesialis');
        const prof_internship_checkbox = document.querySelector('#prof_internship');

        const prof_area_members = document.querySelector("select[name='prof_area_members']");
        const prof_branch_members = document.querySelector("select[name='prof_branch_members']");
        const prof_npac_npa = document.querySelector("input[name='prof_npac_npa']");
        const prof_str_no = document.querySelector("input[name='prof_str_no']");
        const prof_validity_period_str = document.querySelector("input[name='prof_validity_period_str']");
        const prof_str_no_sp = document.querySelector("input[name='prof_str_no_sp']");
        const prof_validity_period_str_sp = document.querySelector("input[name='prof_validity_period_str_sp']");
        const prof_str_no_kt = document.querySelector("input[name='prof_str_no_kt']");
        const prof_validity_period_str_kt = document.querySelector("input[name='prof_validity_period_str_kt']");
        const prof_area_of_idi = document.querySelector("select[name='prof_area_of_idi']");
        const prof_branch_of_idi = document.querySelector("select[name='prof_branch_of_idi']");
        const prof_mutation_year = document.querySelector("input[name='prof_mutation_year']");
        const prof_central_idi_npa = document.querySelector("input[name='prof_central_idi_npa']");

        // Set default disable pada element
        prof_area_of_idi.disabled = true;
        // prof_area_members.disabled = true;
        // prof_branch_members.disabled = true;
        prof_npac_npa.disabled = true;
        prof_str_no.disabled = true;
        prof_validity_period_str.disabled = true;
        prof_str_no_sp.disabled = true;
        prof_validity_period_str_sp.disabled = true;
        prof_str_no_kt.disabled = true;
        prof_validity_period_str_kt.disabled = true;
        prof_branch_of_idi.disabled = true;
        prof_mutation_year.disabled = true;
        prof_central_idi_npa.disabled = true;

        // Cek apakah checkbox prof_umum dan prof_spesialis tercentang
        prof_area_of_idi.required = false;
        // prof_area_members.required = false;
        // prof_branch_members.required = false;
        prof_npac_npa.required = false;
        prof_str_no.required = false;
        prof_validity_period_str.required = false;
        prof_str_no_sp.required = false;
        prof_validity_period_str_sp.required = false;
        prof_str_no_kt.required = false;
        prof_validity_period_str_kt.required = false;
        prof_branch_of_idi.required = false;
        prof_mutation_year.required = false;
        prof_central_idi_npa.required = false;

        $('input[name="prof_umum"]').on('change', function() {
            handleProfChange(this);
        });

        $('input[name="prof_spesialis"]').on('change', function() {
            handleProfChange(this);
        });

        $('input[name="prof_internship"]').on('change', function() {
            handleProfChange(this);
        });

        function handleProfChange() {
            var prof_umum_checkbox = $('input[name="prof_umum"]')[0];
            var prof_spesialis_checkbox = $('input[name="prof_spesialis"]')[0];
            var prof_internship_checkbox = $('input[name="prof_internship"]')[0];

            var disableFields = function(disable) {
                prof_npac_npa.disabled = disable;
                prof_str_no.disabled = disable;
                prof_validity_period_str.disabled = disable;
                prof_str_no_sp.disabled = disable;
                prof_validity_period_str_sp.disabled = disable;
                prof_str_no_kt.disabled = disable;
                prof_validity_period_str_kt.disabled = disable;
                prof_area_of_idi.disabled = disable;
                prof_branch_of_idi.disabled = disable;
                prof_mutation_year.disabled = disable;
                prof_central_idi_npa.disabled = disable;
            };

            var disableUmumFields = function(disable) {
                prof_str_no.disabled = disable;
                prof_validity_period_str.disabled = disable;
            };

            var disableSpecialFields = function(disable) {
                prof_str_no_sp.disabled = disable;
                prof_validity_period_str_sp.disabled = disable;
            };

            var disableInternshipFields = function(disable) {
                prof_str_no_kt.disabled = !disable;
                prof_validity_period_str_kt.disabled = !disable;
            };

            if (!prof_umum_checkbox.checked && !prof_spesialis_checkbox.checked && !prof_internship_checkbox.checked) {
                swal('Peringatan', 'Pilih setidaknya satu tipe dokter terlebih dahulu', 'warning');
                disableFields(true);
            } else {
                disableFields(false);

                if (prof_umum_checkbox.checked) {
                    disableUmumFields(true);
                    disableSpecialFields(false);
                    disableInternshipFields(true);
                }

                if (!prof_internship_checkbox.checked) {
                    disableUmumFields(true);
                    disableSpecialFields(false);
                    disableInternshipFields(true);
                }

                if (!prof_spesialis_checkbox.checked) {
                    disableUmumFields(false);
                    disableSpecialFields(true);
                    disableInternshipFields(true);
                }
            }
        }

        $('input[name="prof_umum"], input[name="prof_spesialis"], input[name="prof_internship"]').on('change', handleProfChange);



        // Tambahkan event listener pada tombol submit
        submitBtn.addEventListener('click', function() {

            // Check input validity
            if (!form.checkValidity()) {

                // Validasi form
                const prof_umum_checkbox = document.querySelector('#prof_umum');
                const prof_spesialis_checkbox = document.querySelector('#prof_spesialis');
                const prof_internship_checkbox = document.querySelector('#prof_internship');

                const prof_str_no = document.querySelector("input[name='prof_str_no']");
                const prof_validity_period_str = document.querySelector("input[name='prof_validity_period_str']");
                const prof_str_no_sp = document.querySelector("input[name='prof_str_no_sp']");
                const prof_validity_period_str_sp = document.querySelector("input[name='prof_validity_period_str_sp']");
                const prof_str_no_kt = document.querySelector("input[name='prof_str_no_kt']");
                const prof_validity_period_str_kt = document.querySelector("input[name='prof_validity_period_str_kt']");
                const prof_central_idi_npa = document.querySelector("input[name='prof_central_idi_npa']");

                if (!prof_umum_checkbox.checked && !prof_spesialis_checkbox.checked && !prof_internship_checkbox.checked) {
                    // Jika form tidak valid, munculkan pesan peringatan
                    swal('Peringatan', 'Pilih dokter terlebih dahulu', 'warning');
                    return;
                } else {
                    // Check validity of the select element itself
                    if (prof_umum_checkbox.checked) {
                        if (prof_str_no.value.trim() === '') {
                            prof_str_no.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_str_no.classList.remove("is-invalid");
                        }

                        if (prof_validity_period_str.value.trim() === '') {
                            prof_validity_period_str.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_validity_period_str.classList.remove("is-invalid");
                        }

                        if (prof_central_idi_npa.value.trim() === '') {
                            prof_central_idi_npa.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_central_idi_npa.classList.remove("is-invalid");
                        }

                    } else {
                        prof_str_no.classList.remove("is-invalid");
                        prof_validity_period_str.classList.remove("is-invalid");
                        prof_central_idi_npa.classList.remove("is-invalid");
                    }


                    if (prof_spesialis_checkbox.checked) {

                        // if (prof_str_no.value.trim() === '') {
                        //     prof_str_no.classList.add("is-invalid");
                        //     swal('Peringatan', 'Harap lengkapi data terlebih dahulu', 'warning');
                        //     return;
                        // } else {
                        //     prof_str_no.classList.remove("is-invalid");
                        // }

                        // if (prof_validity_period_str.value.trim() === '') {
                        //     prof_validity_period_str.classList.add("is-invalid");
                        //     swal('Peringatan', 'Harap lengkapi data terlebih dahulu', 'warning');
                        //     return;
                        // } else {
                        //     prof_validity_period_str.classList.remove("is-invalid");
                        // }

                        if (prof_str_no_sp.value.trim() === '') {
                            prof_str_no_sp.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_str_no_sp.classList.remove("is-invalid");
                        }

                        if (prof_validity_period_str_sp.value.trim() === '') {
                            prof_validity_period_str_sp.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_validity_period_str_sp.classList.remove("is-invalid");
                        }

                        if (prof_central_idi_npa.value.trim() === '') {
                            prof_central_idi_npa.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_central_idi_npa.classList.remove("is-invalid");
                        }
                    } else {
                        prof_str_no_sp.classList.remove("is-invalid");
                        prof_validity_period_str_sp.classList.remove("is-invalid");
                        prof_central_idi_npa.classList.remove("is-invalid");
                    }


                    if (prof_internship_checkbox.checked) {
                        if (prof_str_no_kt.value.trim() === '') {
                            prof_str_no_kt.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_str_no_kt.classList.remove("is-invalid");
                        }

                        if (prof_validity_period_str_kt.value.trim() === '') {
                            prof_validity_period_str_kt.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_validity_period_str_kt.classList.remove("is-invalid");
                        }

                        if (prof_central_idi_npa.value.trim() === '') {
                            prof_central_idi_npa.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_central_idi_npa.classList.remove("is-invalid");
                        }

                        if (prof_str_no.value.trim() === '') {
                            prof_str_no.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_str_no.classList.remove("is-invalid");
                        }

                        if (prof_validity_period_str.value.trim() === '') {
                            prof_validity_period_str.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_validity_period_str.classList.remove("is-invalid");
                        }

                        // if (prof_str_no_sp.value.trim() === '') {
                        //     prof_str_no_sp.classList.add("is-invalid");
                        //     swal('Peringatan', 'Harap lengkapi data terlebih dahulu', 'warning');
                        //     return;
                        // } else {
                        //     prof_str_no_sp.classList.remove("is-invalid");
                        // }

                        // if (prof_validity_period_str_sp.value.trim() === '') {
                        //     prof_validity_period_str_sp.classList.add("is-invalid");
                        //     swal('Peringatan', 'Harap lengkapi data terlebih dahulu', 'warning');
                        //     return;
                        // } else {
                        //     prof_validity_period_str_sp.classList.remove("is-invalid");
                        // }
                    } else {
                        prof_str_no_kt.classList.remove("is-invalid");
                        prof_validity_period_str_kt.classList.remove("is-invalid");
                        prof_central_idi_npa.classList.remove("is-invalid");
                        prof_str_no.classList.remove("is-invalid");
                        prof_validity_period_str.classList.remove("is-invalid");
                        // prof_str_no_sp.classList.remove("is-invalid");
                        // prof_validity_period_str_sp.classList.remove("is-invalid");
                    }
                }

            }

            // Jika form valid, tampilkan loading spinner pada tombol submit
            showLoading();
            disableButton();

            // Buat objek FormData dari form
            const formData = new FormData(form);

            // Show confirmation dialog using SweetAlert
            swal({
                title: "Yakin Melakukan Perubahan ?",
                text: "Cek Data dan konfirmasi Jika sudah sesuai !",
                type: "warning",
                showCancelButton: !0,
                confirmButtonText: "Ubah",
                cancelButtonText: "Batal",
                cancelButtonColor: "#FA2A21",
                confirmButtonColor: "#1AA13E",
                reverseButtons: !0
            }).then(function(e) {
                if (e.value === true) {
                    // Send form data
                    form.submit();
                } else {
                    e.dismiss;
                    // Hilangkan loading spinner pada tombol submit
                    hideLoading();
                    enableButton();
                }
            }, function(dismiss) {
                return false;
                // Hilangkan loading spinner pada tombol submit
                hideLoading();
                enableButton();
            });

        });

        // Fungsi untuk menampilkan loading spinner pada tombol submit
        function showLoading() {
            submitBtn.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Proses...';
            submitBtn.disabled = true;
        }

        // Fungsi untuk menghilangkan loading spinner pada tombol submit
        function hideLoading() {
            submitBtn.innerHTML = 'Kirim';
        }

        // Fungsi untuk menonaktifkan tombol submit
        function disableButton() {
            submitBtn.disabled = true;
        }

        // Fungsi untuk mengaktifkan tombol submit
        function enableButton() {
            submitBtn.disabled = false;
        }
    });
</script>

<!-- Data SIP  -->
<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Cari elemen form dan tombol submit
        const form = document.querySelector('.form-update-sip');
        const submitBtn = document.querySelector('.submit-update-sip');
        const prof_sip1_active_checkbox = document.querySelector('#prof_sip1_active');
        const prof_sip2_active_checkbox = document.querySelector('#prof_sip2_active');
        const prof_sip3_active_checkbox = document.querySelector('#prof_sip3_active');

        const prof_sip1_no = document.querySelector("input[name='prof_sip1_no']");
        const prof_sip1_name = document.querySelector("input[name='prof_sip1_name']");
        const prof_sip1_address = document.querySelector("input[name='prof_sip1_address']");
        const prof_sip1_province = document.querySelector("select[name='prof_sip1_province']");
        const prof_sip1_regency = document.querySelector("select[name='prof_sip1_regency']");
        const prof_sip1_subdistrict = document.querySelector("select[name='prof_sip1_subdistrict']");
        const prof_sip1_village = document.querySelector("select[name='prof_sip1_village']");

        const prof_sip2_no = document.querySelector("input[name='prof_sip2_no']");
        const prof_sip2_name = document.querySelector("input[name='prof_sip2_name']");
        const prof_sip2_address = document.querySelector("input[name='prof_sip2_address']");
        const prof_sip2_province = document.querySelector("select[name='prof_sip2_province']");
        const prof_sip2_regency = document.querySelector("select[name='prof_sip2_regency']");
        const prof_sip2_subdistrict = document.querySelector("select[name='prof_sip2_subdistrict']");
        const prof_sip2_village = document.querySelector("select[name='prof_sip2_village']");

        const prof_sip3_no = document.querySelector("input[name='prof_sip3_no']");
        const prof_sip3_name = document.querySelector("input[name='prof_sip3_name']");
        const prof_sip3_address = document.querySelector("input[name='prof_sip3_address']");
        const prof_sip3_province = document.querySelector("select[name='prof_sip3_province']");
        const prof_sip3_regency = document.querySelector("select[name='prof_sip3_regency']");
        const prof_sip3_subdistrict = document.querySelector("select[name='prof_sip3_subdistrict']");
        const prof_sip3_village = document.querySelector("select[name='prof_sip3_village']");

        // Set default disable pada element
        prof_sip1_no.disabled = true;
        prof_sip1_name.disabled = true;
        prof_sip1_address.disabled = true;
        prof_sip1_province.disabled = true;
        prof_sip1_regency.disabled = true;
        prof_sip1_subdistrict.disabled = true;
        prof_sip1_village.disabled = true;

        prof_sip2_no.disabled = true;
        prof_sip2_name.disabled = true;
        prof_sip2_address.disabled = true;
        prof_sip2_province.disabled = true;
        prof_sip2_regency.disabled = true;
        prof_sip2_subdistrict.disabled = true;
        prof_sip2_village.disabled = true;

        prof_sip3_no.disabled = true;
        prof_sip3_name.disabled = true;
        prof_sip3_address.disabled = true;
        prof_sip3_province.disabled = true;
        prof_sip3_regency.disabled = true;
        prof_sip3_subdistrict.disabled = true;
        prof_sip3_village.disabled = true;


        // Cek apakah checkbox
        prof_sip1_no.required = false;
        prof_sip1_name.required = false;
        prof_sip1_address.required = false;
        prof_sip1_province.required = false;
        prof_sip1_regency.required = false;
        prof_sip1_subdistrict.required = false;
        prof_sip1_village.required = false;

        prof_sip2_no.required = false;
        prof_sip2_name.required = false;
        prof_sip2_address.required = false;
        prof_sip2_province.required = false;
        prof_sip2_regency.required = false;
        prof_sip2_subdistrict.required = false;
        prof_sip2_village.required = false;

        prof_sip3_no.required = false;
        prof_sip3_name.required = false;
        prof_sip3_address.required = false;
        prof_sip3_province.required = false;
        prof_sip3_regency.required = false;
        prof_sip3_subdistrict.required = false;
        prof_sip3_village.required = false;


        $('input[name="prof_sip1_active"]').on('change', function() {
            var prof_sip1_active_value = $(this).val();

            if (!prof_sip1_active_checkbox.checked) {
                prof_sip1_no.disabled = true;
                prof_sip1_name.disabled = true;
                prof_sip1_address.disabled = true;
                prof_sip1_province.disabled = true;
                prof_sip1_regency.disabled = true;
                prof_sip1_subdistrict.disabled = true;
                prof_sip1_village.disabled = true;
            } else {
                prof_sip1_no.disabled = false;
                prof_sip1_name.disabled = false;
                prof_sip1_address.disabled = false;
                prof_sip1_province.disabled = false;
                prof_sip1_regency.disabled = false;
                prof_sip1_subdistrict.disabled = false;
                prof_sip1_village.disabled = false;
            }
        });

        $('input[name="prof_sip2_active"]').on('change', function() {
            var prof_sip2_active_value = $(this).val();

            if (!prof_sip2_active_checkbox.checked) {
                prof_sip2_no.disabled = true;
                prof_sip2_name.disabled = true;
                prof_sip2_address.disabled = true;
                prof_sip2_province.disabled = true;
                prof_sip2_regency.disabled = true;
                prof_sip2_subdistrict.disabled = true;
                prof_sip2_village.disabled = true;
            } else {
                prof_sip2_no.disabled = false;
                prof_sip2_name.disabled = false;
                prof_sip2_address.disabled = false;
                prof_sip2_province.disabled = false;
                prof_sip2_regency.disabled = false;
                prof_sip2_subdistrict.disabled = false;
                prof_sip2_village.disabled = false;
            }
        });

        $('input[name="prof_sip3_active"]').on('change', function() {
            var prof_sip3_active_value = $(this).val();

            if (!prof_sip3_active_checkbox.checked) {
                prof_sip3_no.disabled = true;
                prof_sip3_name.disabled = true;
                prof_sip3_address.disabled = true;
                prof_sip3_province.disabled = true;
                prof_sip3_regency.disabled = true;
                prof_sip3_subdistrict.disabled = true;
                prof_sip3_village.disabled = true;
            } else {
                prof_sip3_no.disabled = false;
                prof_sip3_name.disabled = false;
                prof_sip3_address.disabled = false;
                prof_sip3_province.disabled = false;
                prof_sip3_regency.disabled = false;
                prof_sip3_subdistrict.disabled = false;
                prof_sip3_village.disabled = false;
            }
        });


        // Tambahkan event listener pada tombol submit
        submitBtn.addEventListener('click', function() {

            // Check input validity
            if (!form.checkValidity()) {

                // Validasi form
                const prof_sip1_active_checkbox = document.querySelector('#prof_sip1_active');
                const prof_sip2_active_checkbox = document.querySelector('#prof_sip2_active');
                const prof_sip3_active_checkbox = document.querySelector('#prof_sip3_active');

                const prof_sip1_no = document.querySelector("input[name='prof_sip1_no']");
                const prof_sip1_name = document.querySelector("input[name='prof_sip1_name']");
                const prof_sip1_address = document.querySelector("input[name='prof_sip1_address']");
                const prof_sip1_province = document.querySelector("select[name='prof_sip1_province']");
                const prof_sip1_regency = document.querySelector("select[name='prof_sip1_regency']");
                const prof_sip1_subdistrict = document.querySelector("select[name='prof_sip1_subdistrict']");
                const prof_sip1_village = document.querySelector("select[name='prof_sip1_village']");

                const prof_sip2_no = document.querySelector("input[name='prof_sip2_no']");
                const prof_sip2_name = document.querySelector("input[name='prof_sip2_name']");
                const prof_sip2_address = document.querySelector("input[name='prof_sip2_address']");
                const prof_sip2_province = document.querySelector("select[name='prof_sip2_province']");
                const prof_sip2_regency = document.querySelector("select[name='prof_sip2_regency']");
                const prof_sip2_subdistrict = document.querySelector("select[name='prof_sip2_subdistrict']");
                const prof_sip2_village = document.querySelector("select[name='prof_sip2_village']");

                const prof_sip3_no = document.querySelector("input[name='prof_sip3_no']");
                const prof_sip3_name = document.querySelector("input[name='prof_sip3_name']");
                const prof_sip3_address = document.querySelector("input[name='prof_sip3_address']");
                const prof_sip3_province = document.querySelector("select[name='prof_sip3_province']");
                const prof_sip3_regency = document.querySelector("select[name='prof_sip3_regency']");
                const prof_sip3_subdistrict = document.querySelector("select[name='prof_sip3_subdistrict']");
                const prof_sip3_village = document.querySelector("select[name='prof_sip3_village']");


                if (!prof_sip1_active_checkbox.checked && !prof_sip2_active_checkbox.checked && !prof_sip3_active_checkbox.checked) {
                    // Jika form tidak valid, munculkan pesan peringatan
                    swal('Peringatan', 'Silahkan aktifkan SIP terlebih dahulu', 'warning');
                    return;
                } else {
                    // Check validity of the select element itself
                    if (prof_sip1_active_checkbox.checked) {
                        if (prof_sip1_no.value.trim() === '') {
                            prof_sip1_no.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 1 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip1_no.classList.remove("is-invalid");
                        }

                        if (prof_sip1_name.value.trim() === '') {
                            prof_sip1_name.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 1 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip1_name.classList.remove("is-invalid");
                        }

                        if (prof_sip1_address.value.trim() === '') {
                            prof_sip1_address.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 1 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip1_address.classList.remove("is-invalid");
                        }

                        if (prof_sip1_province.value.trim() === '') {
                            prof_sip1_province.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 1 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip1_province.classList.remove("is-invalid");
                        }

                        if (prof_sip1_regency.value.trim() === '') {
                            prof_sip1_regency.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 1 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip1_regency.classList.remove("is-invalid");
                        }

                        if (prof_sip1_subdistrict.value.trim() === '') {
                            prof_sip1_subdistrict.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 1 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip1_subdistrict.classList.remove("is-invalid");
                        }

                        if (prof_sip1_village.value.trim() === '') {
                            prof_sip1_village.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 1 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip1_village.classList.remove("is-invalid");
                        }

                    }

                    if (prof_sip2_active_checkbox.checked) {
                        if (prof_sip1_no.value.trim() === '') {
                            prof_sip1_no.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 1 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip1_no.classList.remove("is-invalid");
                        }

                        if (prof_sip1_name.value.trim() === '') {
                            prof_sip1_name.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 1 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip1_name.classList.remove("is-invalid");
                        }

                        if (prof_sip1_address.value.trim() === '') {
                            prof_sip1_address.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 1 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip1_address.classList.remove("is-invalid");
                        }

                        if (prof_sip1_province.value.trim() === '') {
                            prof_sip1_province.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 1 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip1_province.classList.remove("is-invalid");
                        }

                        if (prof_sip1_regency.value.trim() === '') {
                            prof_sip1_regency.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 1 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip1_regency.classList.remove("is-invalid");
                        }

                        if (prof_sip1_subdistrict.value.trim() === '') {
                            prof_sip1_subdistrict.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 1 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip1_subdistrict.classList.remove("is-invalid");
                        }

                        if (prof_sip1_village.value.trim() === '') {
                            prof_sip1_village.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 1 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip1_village.classList.remove("is-invalid");
                        }

                        if (prof_sip2_no.value.trim() === '') {
                            prof_sip2_no.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 2 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip2_no.classList.remove("is-invalid");
                        }

                        if (prof_sip2_name.value.trim() === '') {
                            prof_sip2_name.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 2 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip2_name.classList.remove("is-invalid");
                        }

                        if (prof_sip2_address.value.trim() === '') {
                            prof_sip2_address.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 2 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip2_address.classList.remove("is-invalid");
                        }

                        if (prof_sip2_province.value.trim() === '') {
                            prof_sip2_province.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 2 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip2_province.classList.remove("is-invalid");
                        }

                        if (prof_sip2_regency.value.trim() === '') {
                            prof_sip2_regency.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 2 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip2_regency.classList.remove("is-invalid");
                        }

                        if (prof_sip2_subdistrict.value.trim() === '') {
                            prof_sip2_subdistrict.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 2 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip2_subdistrict.classList.remove("is-invalid");
                        }

                        if (prof_sip2_village.value.trim() === '') {
                            prof_sip2_village.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 2 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip2_village.classList.remove("is-invalid");
                        }

                    }

                    if (prof_sip3_active_checkbox.checked) {

                        if (prof_sip1_no.value.trim() === '') {
                            prof_sip1_no.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 1 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip1_no.classList.remove("is-invalid");
                        }

                        if (prof_sip1_name.value.trim() === '') {
                            prof_sip1_name.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 1 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip1_name.classList.remove("is-invalid");
                        }

                        if (prof_sip1_address.value.trim() === '') {
                            prof_sip1_address.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 1 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip1_address.classList.remove("is-invalid");
                        }

                        if (prof_sip1_province.value.trim() === '') {
                            prof_sip1_province.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 1 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip1_province.classList.remove("is-invalid");
                        }

                        if (prof_sip1_regency.value.trim() === '') {
                            prof_sip1_regency.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 1 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip1_regency.classList.remove("is-invalid");
                        }

                        if (prof_sip1_subdistrict.value.trim() === '') {
                            prof_sip1_subdistrict.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 1 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip1_subdistrict.classList.remove("is-invalid");
                        }

                        if (prof_sip1_village.value.trim() === '') {
                            prof_sip1_village.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 1 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip1_village.classList.remove("is-invalid");
                        }

                        if (prof_sip2_no.value.trim() === '') {
                            prof_sip2_no.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 2 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip2_no.classList.remove("is-invalid");
                        }

                        if (prof_sip2_name.value.trim() === '') {
                            prof_sip2_name.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 2 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip2_name.classList.remove("is-invalid");
                        }

                        if (prof_sip2_address.value.trim() === '') {
                            prof_sip2_address.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 2 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip2_address.classList.remove("is-invalid");
                        }

                        if (prof_sip2_province.value.trim() === '') {
                            prof_sip2_province.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 2 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip2_province.classList.remove("is-invalid");
                        }

                        if (prof_sip2_regency.value.trim() === '') {
                            prof_sip2_regency.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 2 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip2_regency.classList.remove("is-invalid");
                        }

                        if (prof_sip2_subdistrict.value.trim() === '') {
                            prof_sip2_subdistrict.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 2 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip2_subdistrict.classList.remove("is-invalid");
                        }

                        if (prof_sip2_village.value.trim() === '') {
                            prof_sip2_village.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 2 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip2_village.classList.remove("is-invalid");
                        }

                        if (prof_sip3_no.value.trim() === '') {
                            prof_sip3_no.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 3 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip3_no.classList.remove("is-invalid");
                        }

                        if (prof_sip3_name.value.trim() === '') {
                            prof_sip3_name.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 3 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip3_name.classList.remove("is-invalid");
                        }

                        if (prof_sip3_address.value.trim() === '') {
                            prof_sip3_address.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 3 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip3_address.classList.remove("is-invalid");
                        }

                        if (prof_sip3_province.value.trim() === '') {
                            prof_sip3_province.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 3 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip3_province.classList.remove("is-invalid");
                        }

                        if (prof_sip3_regency.value.trim() === '') {
                            prof_sip3_regency.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 3 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip3_regency.classList.remove("is-invalid");
                        }

                        if (prof_sip3_subdistrict.value.trim() === '') {
                            prof_sip3_subdistrict.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 3 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip3_subdistrict.classList.remove("is-invalid");
                        }

                        if (prof_sip3_village.value.trim() === '') {
                            prof_sip3_village.classList.add("is-invalid");
                            swal('Peringatan', 'Harap lengkapi data SIP 3 terlebih dahulu', 'warning');
                            return;
                        } else {
                            prof_sip3_village.classList.remove("is-invalid");
                        }

                    }

                }

            }

            // Jika form valid, tampilkan loading spinner pada tombol submit
            showLoading();
            disableButton();

            // Buat objek FormData dari form
            const formData = new FormData(form);

            // Show confirmation dialog using SweetAlert
            swal({
                title: "Yakin Melakukan Perubahan ?",
                text: "Cek Data dan konfirmasi Jika sudah sesuai !",
                type: "warning",
                showCancelButton: !0,
                confirmButtonText: "Ubah",
                cancelButtonText: "Batal",
                cancelButtonColor: "#FA2A21",
                confirmButtonColor: "#1AA13E",
                reverseButtons: !0
            }).then(function(e) {
                if (e.value === true) {
                    // Send form data
                    form.submit();
                } else {
                    e.dismiss;
                    // Hilangkan loading spinner pada tombol submit
                    hideLoading();
                    enableButton();
                }
            }, function(dismiss) {
                return false;
                // Hilangkan loading spinner pada tombol submit
                hideLoading();
                enableButton();
            });

        });

        // Fungsi untuk menampilkan loading spinner pada tombol submit
        function showLoading() {
            submitBtn.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Proses...';
            submitBtn.disabled = true;
        }

        // Fungsi untuk menghilangkan loading spinner pada tombol submit
        function hideLoading() {
            submitBtn.innerHTML = 'Kirim';
        }

        // Fungsi untuk menonaktifkan tombol submit
        function disableButton() {
            submitBtn.disabled = true;
        }

        // Fungsi untuk mengaktifkan tombol submit
        function enableButton() {
            submitBtn.disabled = false;
        }
    });
</script>

<!-- get Wilayah Indonesia -->
<script>
    // get select value wilayah
    $(document).ready(function() {
        $(".extensionBtn").click(function() {
            swal("Informasi",
                "Perpanjangan masa aktif iuran, menyiapkan form perpanjangan masa aktif",
                "info");
        });

        $(".extensionActiveBtn").click(function() {
            swal("Informasi",
                "Masa aktif iuran masih berjalan, saat ini tidak dapat melakukan perpanjangan masa aktif",
                "info");
        });

        // home
        $("select[name='prof_home_province']").on('change', function() {
            var provinsi_id = $(this).val();
            if (provinsi_id) {
                $.ajax({
                    url: '/admin/get-kabupaten-kota/' + provinsi_id,
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        $('#prof_home_regency').empty();
                        $('#prof_home_regency').append('<option value="">-- Pilih Kabupaten / Kota --</option>');
                        $.each(data, function(key, value) {
                            $('#prof_home_regency').append('<option value="' + value.id + '">' + value.name + '</option>');
                        });
                    },
                    error: function(xhr, status, error) {
                        console.log(xhr.responseText);
                    }
                });
            } else {
                $('#prof_home_regency').empty();
                $('#prof_home_districts').empty();
                $('#prof_home_villages').empty();
            }
        });

        $('#prof_home_regency').on('change', function() {
            var id = $(this).val();
            if (id) {
                $.ajax({
                    url: '/admin/get-kecamatan/' + id,
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        $('#prof_home_districts').empty();
                        $('#prof_home_districts').append('<option value="">-- Pilih Kecamatan --</option>');
                        $.each(data, function(key, value) {
                            $('#prof_home_districts').append('<option value="' + value.id + '">' + value.name + '</option>');
                        });
                    },
                    error: function(xhr, status, error) {
                        console.log(xhr.responseText);
                    }
                });
            } else {
                $('#prof_home_districts').empty();
                $('#prof_home_villages').empty();
            }
        });

        $('#prof_home_districts').on('change', function() {
            var id = $(this).val();
            if (id) {
                $.ajax({
                    url: '/admin/get-desa-kelurahan/' + id,
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        $('#prof_home_villages').empty();
                        $('#prof_home_villages').append('<option value="">-- Pilih Desa / Kelurahan --</option>');
                        $.each(data, function(key, value) {
                            $('#prof_home_villages').append('<option value="' + value.id + '">' + value.name + '</option>');
                        });
                    },
                    error: function(xhr, status, error) {
                        console.log(xhr.responseText);
                    }
                });
            } else {
                $('#prof_home_villages').empty();
            }
        });

        // domisili
        $('#prof_residence_province').on('change', function() {
            var provinsi_id = $(this).val();
            if (provinsi_id) {
                $.ajax({
                    url: '/admin/get-kabupaten-kota/' + provinsi_id,
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        $('#prof_residence_regency').empty();
                        $('#prof_residence_regency').append('<option value="">-- Pilih Kabupaten / Kota --</option>');
                        $.each(data, function(key, value) {
                            $('#prof_residence_regency').append('<option value="' + value.id + '">' + value.name + '</option>');
                        });
                    },
                    error: function(xhr, status, error) {
                        console.log(xhr.responseText);
                    }
                });
            } else {
                $('#prof_residence_regency').empty();
                $('#prof_residence_districts').empty();
                $('#prof_residence_villages').empty();
            }
        });

        $('#prof_residence_regency').on('change', function() {
            var id = $(this).val();
            if (id) {
                $.ajax({
                    url: '/admin/get-kecamatan/' + id,
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        $('#prof_residence_districts').empty();
                        $('#prof_residence_districts').append('<option value="">-- Pilih Kecamatan --</option>');
                        $.each(data, function(key, value) {
                            $('#prof_residence_districts').append('<option value="' + value.id + '">' + value.name + '</option>');
                        });
                    },
                    error: function(xhr, status, error) {
                        console.log(xhr.responseText);
                    }
                });
            } else {
                $('#prof_residence_districts').empty();
                $('#prof_residence_villages').empty();
            }
        });

        $('#prof_residence_districts').on('change', function() {
            var id = $(this).val();
            if (id) {
                $.ajax({
                    url: '/admin/get-desa-kelurahan/' + id,
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        $('#prof_residence_villages').empty();
                        $('#prof_residence_villages').append('<option value="">-- Pilih Desa / Kelurahan --</option>');
                        $.each(data, function(key, value) {
                            $('#prof_residence_villages').append('<option value="' + value.id + '">' + value.name + '</option>');
                        });
                    },
                    error: function(xhr, status, error) {
                        console.log(xhr.responseText);
                    }
                });
            } else {
                $('#prof_residence_villages').empty();
            }
        });

        // practice
        $('#prof_practice_province').on('change', function() {
            var provinsi_id = $(this).val();
            if (provinsi_id) {
                $.ajax({
                    url: '/admin/get-kabupaten-kota/' + provinsi_id,
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        $('#prof_practice_regency').empty();
                        $('#prof_practice_regency').append('<option value="">-- Pilih Kabupaten / Kota --</option>');
                        $.each(data, function(key, value) {
                            $('#prof_practice_regency').append('<option value="' + value.id + '">' + value.name + '</option>');
                        });
                    },
                    error: function(xhr, status, error) {
                        console.log(xhr.responseText);
                    }
                });
            } else {
                $('#prof_practice_regency').empty();
                $('#prof_practice_subdistrict').empty();
                $('#prof_practice_village').empty();
            }
        });

        $('#prof_practice_regency').on('change', function() {
            var id = $(this).val();
            if (id) {
                $.ajax({
                    url: '/admin/get-kecamatan/' + id,
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        $('#prof_practice_subdistrict').empty();
                        $('#prof_practice_subdistrict').append('<option value="">-- Pilih Kecamatan --</option>');
                        $.each(data, function(key, value) {
                            $('#prof_practice_subdistrict').append('<option value="' + value.id + '">' + value.name + '</option>');
                        });
                    },
                    error: function(xhr, status, error) {
                        console.log(xhr.responseText);
                    }
                });
            } else {
                $('#prof_practice_subdistrict').empty();
                $('#prof_practice_village').empty();
            }
        });

        $('#prof_practice_subdistrict').on('change', function() {
            var id = $(this).val();
            if (id) {
                $.ajax({
                    url: '/admin/get-desa-kelurahan/' + id,
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        $('#prof_practice_village').empty();
                        $('#prof_practice_village').append('<option value="">-- Pilih Desa / Kelurahan --</option>');
                        $.each(data, function(key, value) {
                            $('#prof_practice_village').append('<option value="' + value.id + '">' + value.name + '</option>');
                        });
                    },
                    error: function(xhr, status, error) {
                        console.log(xhr.responseText);
                    }
                });
            } else {
                $('#prof_practice_village').empty();
            }
        });

        // pribadi
        $('#prof_private_practice_province').on('change', function() {
            var provinsi_id = $(this).val();
            if (provinsi_id) {
                $.ajax({
                    url: '/admin/get-kabupaten-kota/' + provinsi_id,
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        $('#prof_private_practice_regency').empty();
                        $('#prof_private_practice_regency').append('<option value="">-- Pilih Kabupaten / Kota --</option>');
                        $.each(data, function(key, value) {
                            $('#prof_private_practice_regency').append('<option value="' + value.id + '">' + value.name + '</option>');
                        });
                    },
                    error: function(xhr, status, error) {
                        console.log(xhr.responseText);
                    }
                });
            } else {
                $('#prof_private_practice_regency').empty();
                $('#prof_private_practice_subdistrict').empty();
                $('#prof_private_practice_village').empty();
            }
        });

        $('#prof_private_practice_regency').on('change', function() {
            var id = $(this).val();
            if (id) {
                $.ajax({
                    url: '/admin/get-kecamatan/' + id,
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        $('#prof_private_practice_subdistrict').empty();
                        $('#prof_private_practice_subdistrict').append('<option value="">-- Pilih Kecamatan --</option>');
                        $.each(data, function(key, value) {
                            $('#prof_private_practice_subdistrict').append('<option value="' + value.id + '">' + value.name + '</option>');
                        });
                    },
                    error: function(xhr, status, error) {
                        console.log(xhr.responseText);
                    }
                });
            } else {
                $('#prof_private_practice_subdistrict').empty();
                $('#prof_private_practice_village').empty();
            }
        });

        $('#prof_private_practice_subdistrict').on('change', function() {
            var id = $(this).val();
            if (id) {
                $.ajax({
                    url: '/admin/get-desa-kelurahan/' + id,
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        $('#prof_private_practice_village').empty();
                        $('#prof_private_practice_village').append('<option value="">-- Pilih Desa / Kelurahan --</option>');
                        $.each(data, function(key, value) {
                            $('#prof_private_practice_village').append('<option value="' + value.id + '">' + value.name + '</option>');
                        });
                    },
                    error: function(xhr, status, error) {
                        console.log(xhr.responseText);
                    }
                });
            } else {
                $('#prof_private_practice_village').empty();
            }
        });


        // sip 1
        $('#prof_sip1_province').on('change', function() {
            var provinsi_id = $(this).val();
            if (provinsi_id) {
                $.ajax({
                    url: '/admin/get-kabupaten-kota/' + provinsi_id,
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        $('#prof_sip1_regency').empty();
                        $('#prof_sip1_regency').append('<option value="">-- Pilih Kabupaten / Kota --</option>');
                        $.each(data, function(key, value) {
                            $('#prof_sip1_regency').append('<option value="' + value.id + '">' + value.name + '</option>');
                        });
                    },
                    error: function(xhr, status, error) {
                        console.log(xhr.responseText);
                    }
                });
            } else {
                $('#prof_sip1_regency').empty();
                $('#prof_sip1_subdistrict').empty();
                $('#prof_sip1_village').empty();
            }
        });

        $('#prof_sip1_regency').on('change', function() {
            var id = $(this).val();
            if (id) {
                $.ajax({
                    url: '/admin/get-kecamatan/' + id,
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        $('#prof_sip1_subdistrict').empty();
                        $('#prof_sip1_subdistrict').append('<option value="">-- Pilih Kecamatan --</option>');
                        $.each(data, function(key, value) {
                            $('#prof_sip1_subdistrict').append('<option value="' + value.id + '">' + value.name + '</option>');
                        });
                    },
                    error: function(xhr, status, error) {
                        console.log(xhr.responseText);
                    }
                });
            } else {
                $('#prof_sip1_subdistrict').empty();
                $('#prof_sip1_village').empty();
            }
        });

        $('#prof_sip1_subdistrict').on('change', function() {
            var id = $(this).val();
            if (id) {
                $.ajax({
                    url: '/admin/get-desa-kelurahan/' + id,
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        $('#prof_sip1_village').empty();
                        $('#prof_sip1_village').append('<option value="">-- Pilih Desa / Kelurahan --</option>');
                        $.each(data, function(key, value) {
                            $('#prof_sip1_village').append('<option value="' + value.id + '">' + value.name + '</option>');
                        });
                    },
                    error: function(xhr, status, error) {
                        console.log(xhr.responseText);
                    }
                });
            } else {
                $('#prof_sip1_village').empty();
            }
        });

        // sip 2
        $('#prof_sip2_province').on('change', function() {
            var provinsi_id = $(this).val();
            if (provinsi_id) {
                $.ajax({
                    url: '/admin/get-kabupaten-kota/' + provinsi_id,
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        $('#prof_sip2_regency').empty();
                        $('#prof_sip2_regency').append('<option value="">-- Pilih Kabupaten / Kota --</option>');
                        $.each(data, function(key, value) {
                            $('#prof_sip2_regency').append('<option value="' + value.id + '">' + value.name + '</option>');
                        });
                    },
                    error: function(xhr, status, error) {
                        console.log(xhr.responseText);
                    }
                });
            } else {
                $('#prof_sip2_regency').empty();
                $('#prof_sip2_subdistrict').empty();
                $('#prof_sip2_village').empty();
            }
        });

        $('#prof_sip2_regency').on('change', function() {
            var id = $(this).val();
            if (id) {
                $.ajax({
                    url: '/admin/get-kecamatan/' + id,
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        $('#prof_sip2_subdistrict').empty();
                        $('#prof_sip2_subdistrict').append('<option value="">-- Pilih Kecamatan --</option>');
                        $.each(data, function(key, value) {
                            $('#prof_sip2_subdistrict').append('<option value="' + value.id + '">' + value.name + '</option>');
                        });
                    },
                    error: function(xhr, status, error) {
                        console.log(xhr.responseText);
                    }
                });
            } else {
                $('#prof_sip2_subdistrict').empty();
                $('#prof_sip2_village').empty();
            }
        });

        $('#prof_sip2_subdistrict').on('change', function() {
            var id = $(this).val();
            if (id) {
                $.ajax({
                    url: '/admin/get-desa-kelurahan/' + id,
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        $('#prof_sip2_village').empty();
                        $('#prof_sip2_village').append('<option value="">-- Pilih Desa / Kelurahan --</option>');
                        $.each(data, function(key, value) {
                            $('#prof_sip2_village').append('<option value="' + value.id + '">' + value.name + '</option>');
                        });
                    },
                    error: function(xhr, status, error) {
                        console.log(xhr.responseText);
                    }
                });
            } else {
                $('#prof_sip2_village').empty();
            }
        });

        // sip 3
        $('#prof_sip3_province').on('change', function() {
            var provinsi_id = $(this).val();
            if (provinsi_id) {
                $.ajax({
                    url: '/admin/get-kabupaten-kota/' + provinsi_id,
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        $('#prof_sip3_regency').empty();
                        $('#prof_sip3_regency').append('<option value="">-- Pilih Kabupaten / Kota --</option>');
                        $.each(data, function(key, value) {
                            $('#prof_sip3_regency').append('<option value="' + value.id + '">' + value.name + '</option>');
                        });
                    },
                    error: function(xhr, status, error) {
                        console.log(xhr.responseText);
                    }
                });
            } else {
                $('#prof_sip3_regency').empty();
                $('#prof_sip3_subdistrict').empty();
                $('#prof_sip3_village').empty();
            }
        });

        $('#prof_sip3_regency').on('change', function() {
            var id = $(this).val();
            if (id) {
                $.ajax({
                    url: '/admin/get-kecamatan/' + id,
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        $('#prof_sip3_subdistrict').empty();
                        $('#prof_sip3_subdistrict').append('<option value="">-- Pilih Kecamatan --</option>');
                        $.each(data, function(key, value) {
                            $('#prof_sip3_subdistrict').append('<option value="' + value.id + '">' + value.name + '</option>');
                        });
                    },
                    error: function(xhr, status, error) {
                        console.log(xhr.responseText);
                    }
                });
            } else {
                $('#prof_sip3_subdistrict').empty();
                $('#prof_sip3_village').empty();
            }
        });

        $('#prof_sip3_subdistrict').on('change', function() {
            var id = $(this).val();
            if (id) {
                $.ajax({
                    url: '/admin/get-desa-kelurahan/' + id,
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        $('#prof_sip3_village').empty();
                        $('#prof_sip3_village').append('<option value="">-- Pilih Desa / Kelurahan --</option>');
                        $.each(data, function(key, value) {
                            $('#prof_sip3_village').append('<option value="' + value.id + '">' + value.name + '</option>');
                        });
                    },
                    error: function(xhr, status, error) {
                        console.log(xhr.responseText);
                    }
                });
            } else {
                $('#prof_sip3_village').empty();
            }
        });

    });

    // select value edit wilayah
    $(document).ready(function() {

        // alamat rumah
        var selectElement = document.querySelector("input[name='prof_home_province_id']");
        if (selectElement === null || selectElement === undefined) {
            regencies_id = 0;
        } else {
            regencies_id = selectElement.value;
        }

        // alert(regencies_id);
        if(regencies_id){
            $.ajax({
                url: '/admin/select-provinsi/' + regencies_id,
                type: "GET",
                dataType: "json",
                success: function(data) {
                    // $('#edit_regencies').empty();
                    // $('#edit_regencies').append('<option value="">-- Pilih Kabupaten / Kota --</option>');
                    $.each(data, function(key, value) {
                        $("select[name='prof_home_province']").append('<option value="' + value.id + '">' + value.name + '</option>');
                    });
                },
                error: function(xhr) {
                    alert('Error: ' + xhr.statusText);
                }
            });
        }

        // alamat rumah
        var selectElement = document.querySelector("input[name='prof_home_regency_id']");
        if (selectElement === null || selectElement === undefined) {
            regencies_id = 0;
        } else {
            regencies_id = selectElement.value;
        }

        // alert(regencies_id);
        if(regencies_id){
            $.ajax({
                url: '/admin/select-kabupaten-kota/' + regencies_id,
                type: "GET",
                dataType: "json",
                success: function(data) {
                    // $('#edit_regencies').empty();
                    // $('#edit_regencies').append('<option value="">-- Pilih Kabupaten / Kota --</option>');
                    $.each(data, function(key, value) {
                        $("select[name='prof_home_regency']").append('<option value="' + value.id + '">' + value.name + '</option>');
                    });
                },
                error: function(xhr) {
                    alert('Error: ' + xhr.statusText);
                }
            });
        }

        var selectElement2 = document.querySelector('#prof_home_districts_id');
        if (selectElement2 === null || selectElement2 === undefined) {
            districts_id = 0;
        } else {
            districts_id = selectElement2.value;
        }

        if(districts_id){
            $.ajax({
                url: '/admin/select-kecamatan/' + districts_id,
                type: "GET",
                dataType: "json",
                success: function(data) {
                    $.each(data, function(key, value) {
                        $('#prof_home_districts').append('<option value="' + value.id + '">' + value.name + '</option>');
                    });
                },
                error: function(xhr) {
                    alert('Error: ' + xhr.statusText);
                }
            });
        }

        var selectElement3 = document.querySelector('#prof_home_villages_id');
        if (selectElement3 === null || selectElement3 === undefined) {
            villages_id = 0;
        } else {
            villages_id = selectElement3.value;
        }

        if(villages_id){
            $.ajax({
                url: '/admin/select-desa-kelurahan/' + villages_id,
                type: "GET",
                dataType: "json",
                success: function(data) {
                    $.each(data, function(key, value) {
                        $('#prof_home_villages').append('<option value="' + value.id + '">' + value.name + '</option>');
                    });
                },
                error: function(xhr) {
                    alert('Error: ' + xhr.statusText);
                }
            });
        }

        // domisili
        var selectElement = document.querySelector('#prof_residence_regency_id');
        if (selectElement === null || selectElement === undefined) {
            regencies_id = 0;
        } else {
            regencies_id = selectElement.value;
        }

        // alert(regencies_id);
        if(regencies_id){
            $.ajax({
                url: '/admin/select-kabupaten-kota/' + regencies_id,
                type: "GET",
                dataType: "json",
                success: function(data) {
                    // $('#edit_regencies').empty();
                    // $('#edit_regencies').append('<option value="">-- Pilih Kabupaten / Kota --</option>');
                    $.each(data, function(key, value) {
                        $('#prof_residence_regency').append('<option value="' + value.id + '">' + value.name + '</option>');
                    });
                },
                error: function(xhr) {
                    alert('Error: ' + xhr.statusText);
                }
            });
        }

        var selectElement2 = document.querySelector('#prof_residence_districts_id');
        if (selectElement2 === null || selectElement2 === undefined) {
            districts_id = 0;
        } else {
            districts_id = selectElement2.value;
        }

        if(districts_id){
            $.ajax({
                url: '/admin/select-kecamatan/' + districts_id,
                type: "GET",
                dataType: "json",
                success: function(data) {
                    $.each(data, function(key, value) {
                        $('#prof_residence_districts').append('<option value="' + value.id + '">' + value.name + '</option>');
                    });
                },
                error: function(xhr) {
                    alert('Error: ' + xhr.statusText);
                }
            });
        }

        var selectElement3 = document.querySelector('#prof_residence_villages_id');
        if (selectElement3 === null || selectElement3 === undefined) {
            villages_id = 0;
        } else {
            villages_id = selectElement3.value;
        }
        
        if(villages_id){
            $.ajax({
                url: '/admin/select-desa-kelurahan/' + villages_id,
                type: "GET",
                dataType: "json",
                success: function(data) {
                    $.each(data, function(key, value) {
                        $('#prof_residence_villages').append('<option value="' + value.id + '">' + value.name + '</option>');
                    });
                },
                error: function(xhr) {
                    alert('Error: ' + xhr.statusText);
                }
            });
        }

        // pekerjaan
        var selectElement4 = document.querySelector('#prof_practice_regency_id');
        if (selectElement4 === null || selectElement4 === undefined) {
            regencies_id = 0;
        } else {
            regencies_id = selectElement4.value;
        }

        if(regencies_id){
            $.ajax({
                url: '/admin/select-kabupaten-kota/' + regencies_id,
                type: "GET",
                dataType: "json",
                success: function(data) {
                    // $('#edit_regencies').empty();
                    // $('#edit_regencies').append('<option value="">-- Pilih Kabupaten / Kota --</option>');
                    $.each(data, function(key, value) {
                        $('#prof_practice_regency').append('<option value="' + value.id + '">' + value.name + '</option>');
                    });
                },
                error: function(xhr) {
                    // alert('Error: ' + xhr.statusText);
                    $('#prof_practice_regency').append('<option value=0>-- Pilih Kabupaten / Kota --</option>');
                }
            });
        }

        var selectElement5 = document.querySelector('#prof_practice_subdistrict_id');
        if (selectElement5 === null || selectElement5 === undefined) {
            districts_id = 0;
        } else {
            districts_id = selectElement5.value;
        }

        if(districts_id){
            $.ajax({
            url: '/admin/select-kecamatan/' + districts_id,
            type: "GET",
            dataType: "json",
            success: function(data) {
                $.each(data, function(key, value) {
                    $('#prof_practice_subdistrict').append('<option value="' + value.id + '">' + value.name + '</option>');
                });
            },
            error: function(xhr) {
                // alert('Error: ' + xhr.statusText);
                $('#prof_practice_subdistrict').append('<option value=0>-- Pilih Kecamatan --</option>');
            }
        });
        }

        var selectElement6 = document.querySelector('#prof_practice_village_id');
        if (selectElement6 === null || selectElement6 === undefined) {
            villages_id = 0;
        } else {
            villages_id = selectElement6.value;
        }

        if(villages_id){
            $.ajax({
            url: '/admin/select-desa-kelurahan/' + villages_id,
            type: "GET",
            dataType: "json",
            success: function(data) {
                $.each(data, function(key, value) {
                    $('#prof_practice_village').append('<option value="' + value.id + '">' + value.name + '</option>');
                });
            },
            error: function(xhr) {
                // alert('Error: ' + xhr.statusText);
                $('#prof_practice_village').append('<option value=0>-- Pilih Desa / Kelurahan --</option>');
            }
        });
        }

        // pribadi
        var selectElement7 = document.querySelector('#prof_private_practice_regency_id');
        if (selectElement7 === null || selectElement7 === undefined) {
            regencies_id = 0;
        } else {
            regencies_id = selectElement7.value;
        }

        if(regencies_id){
            $.ajax({
            url: '/admin/select-kabupaten-kota/' + regencies_id,
            type: "GET",
            dataType: "json",
            success: function(data) {
                $.each(data, function(key, value) {
                    $('#prof_private_practice_regency').append('<option value="' + value.id + '">' + value.name + '</option>');
                });
            },
            error: function(xhr) {
                // alert('Error: ' + xhr.statusText);
                $('#prof_private_practice_regency').append('<option value=0>-- Pilih Kabupaten / Kota --</option>');
            }
        });
        }

        var selectElement8 = document.querySelector('#prof_private_practice_subdistrict_id');
        if (selectElement8 === null || selectElement8 === undefined) {
            districts_id = 0;
        } else {
            districts_id = selectElement8.value;
        }

        if(districts_id){
            $.ajax({
            url: '/admin/select-kecamatan/' + districts_id,
            type: "GET",
            dataType: "json",
            success: function(data) {
                $.each(data, function(key, value) {
                    $('#prof_private_practice_subdistrict').append('<option value="' + value.id + '">' + value.name + '</option>');
                });
            },
            error: function(xhr) {
                // alert('Error: ' + xhr.statusText);
                $('#prof_private_practice_subdistrict').append('<option value=0>-- Pilih Kecamatan --</option>');
            }
        });
        }

        var selectElement9 = document.querySelector('#prof_private_practice_village_id');
        if (selectElement9 === null || selectElement9 === undefined) {
            villages_id = 0;
        } else {
            villages_id = selectElement9.value;
        }

        if(villages_id){
            $.ajax({
            url: '/admin/select-desa-kelurahan/' + villages_id,
            type: "GET",
            dataType: "json",
            success: function(data) {
                $.each(data, function(key, value) {
                    $('#prof_private_practice_village').append('<option value="' + value.id + '">' + value.name + '</option>');
                });
            },
            error: function(xhr) {
                // alert('Error: ' + xhr.statusText);
                $('#prof_private_practice_village').append('<option value=0>-- Pilih Desa / Kelurahan --</option>');
            }
        });
        }


    });
</script>

<!-- get Wilayah IDI -->
<script>
    // get select value wilayah IDI
    $(document).ready(function() {

        // area
        $("select[name='prof_area_members']").on('change', function() {
            var id = $(this).val();
            if (id) {
                $.ajax({
                    url: '/admin/get-area/' + id,
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        $('#prof_branch_members').empty();
                        $('#prof_branch_members').append('<option value="">Pilih IDI Cabang</option>');
                        $.each(data, function(key, value) {
                            $('#prof_branch_members').append('<option value="' + value.branch + '">' + value.branch + '</option>');
                        });
                    },
                    error: function(xhr, status, error) {
                        console.log(xhr.responseText);
                    }
                });
            } else {
                $('#prof_branch_members').empty();
                $('#prof_branch_members').append('<option value="">Pilih IDI Cabang</option>');
            }
        });

        // mutasi
        $("select[name='prof_area_of_idi']").on('change', function() {
            var id = $(this).val();
            if (id) {
                $.ajax({
                    url: '/admin/get-area/' + id,
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        $('#prof_branch_of_idi').empty();
                        $('#prof_branch_of_idi').append('<option value="">Pilih IDI Cabang</option>');
                        $.each(data, function(key, value) {
                            $('#prof_branch_of_idi').append('<option value="' + value.branch + '">' + value.branch + '</option>');
                        });
                    },
                    error: function(xhr, status, error) {
                        console.log(xhr.responseText);
                    }
                });
            } else {
                $('#prof_branch_of_idi').empty();
                $('#prof_branch_of_idi').append('<option value="">Pilih IDI Cabang</option>');
            }
        });

    });

    // select value edit wilayah IDI
    $(document).ready(function() {

        // // area
        // var selectElement = document.querySelector("input[name='prof_area_members_id']");
        // if (selectElement === null || selectElement === undefined) {
        //     area = "Pilih IDI Wilayah";
        // } else {
        //     area = selectElement.value;
        // }

        // $.ajax({
        //     url: '/admin/select-area/' + area,
        //     type: "GET",
        //     dataType: "json",
        //     success: function(data) {
        //         $.each(data, function(key, value) {
        //             $("select[name='prof_area_members']").append('<option value="' + value.area + '">' + value.area + '</option>');
        //         });
        //     },
        //     error: function(xhr) {
        //         // alert('Error: ' + xhr.statusText);
        //         $('#prof_area_members').append('<option value="">Pilih IDI Wilayah</option>');
        //     }
        // });

        // // branch
        // var selectElement = document.querySelector("input[name='prof_branch_members_id']");
        // if (selectElement === null || selectElement === undefined) {
        //     branch = "Pilih IDI Cabang";
        // } else {
        //     branch = selectElement.value;
        // }

        // $.ajax({
        //     url: '/admin/select-branch/' + branch,
        //     type: "GET",
        //     dataType: "json",
        //     success: function(data) {
        //         $.each(data, function(key, value) {
        //             $("select[name='prof_branch_members']").append('<option value="' + value.branch + '">' + value.branch + '</option>');
        //         });
        //     },
        //     error: function(xhr) {
        //         // alert('Error: ' + xhr.statusText);
        //         $('#prof_branch_members').append('<option value="">Pilih IDI Cabang</option>');
        //     }
        // });

        // mutation

        var area = document.querySelector("input[name='prof_area_of_idi_id']").value;
        if (area) {
            $.ajax({
                url: '/admin/select-area/' + area,
                type: "GET",
                dataType: "json",
                success: function(data) {
                    $.each(data, function(key, value) {
                        $("select[name='prof_area_of_idi']").append('<option value="' + value.area + '">' + value.area + '</option>');
                    });
                },
                error: function(xhr) {
                    // alert('Error: ' + xhr.statusText);
                    $('#prof_area_of_idi').append('<option value="">Pilih IDI Wilayah</option>');
                }
            });
        }

        var branch = document.querySelector("input[name='prof_branch_of_idi_id']").value;
        if (branch) {
            $.ajax({
                url: '/admin/select-branch/' + branch,
                type: "GET",
                dataType: "json",
                success: function(data) {
                    $.each(data, function(key, value) {
                        $("select[name='prof_branch_of_idi']").append('<option value="' + value.branch + '">' + value.branch + '</option>');
                    });
                },
                error: function(xhr) {
                    // alert('Error: ' + xhr.statusText);
                    $('#prof_branch_of_idi').append('<option value="">Pilih IDI Cabang</option>');
                }
            });
        }
    });
</script>

<!-- get Wilayah SIP -->
<script>
    $(document).ready(function() {
        // Tab Data SIP
        $('#sip-tab3').click(function() {

            $('#loading').show();
            document.getElementById("loading").style.display = "block";
            document.getElementById("sip-tab3").innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Proses...';
            // sip 1
            var selectElement7 = document.querySelector('#prof_sip1_regency_id');
            if (selectElement7 === null || selectElement7 === undefined) {
                regencies_id = 0;
            } else {
                regencies_id = selectElement7.value;
            }

            // alert(regencies_id);
            $.ajax({
                url: '/admin/select-kabupaten-kota/' + regencies_id,
                type: "GET",
                dataType: "json",
                prosesData: true,
                success: function(data) {
                    // $('#edit_regencies').empty();
                    // $('#edit_regencies').append('<option value="">-- Pilih Kabupaten / Kota --</option>');
                    $.each(data, function(key, value) {
                        $('#prof_sip1_regency').append('<option value="' + value.id + '">' + value.name + '</option>');
                    });
                    $('#loading').hide();
                    document.getElementById("sip-tab3").innerHTML = '<span role="status" aria-hidden="true"></span> Data Informasi SIP';

                },
                error: function(xhr) {
                    // alert('Error: ' + xhr.statusText);
                    $('#prof_sip1_regency').append('<option value=0>-- Pilih Kabupaten / Kota --</option>');
                    $('#loading').hide();
                    document.getElementById("sip-tab3").innerHTML = '<span role="status" aria-hidden="true"></span> Data Informasi SIP';
                }
            });

            var selectElement8 = document.querySelector('#prof_sip1_subdistrict_id');
            if (selectElement8 === null || selectElement8 === undefined) {
                districts_id = 0;
            } else {
                districts_id = selectElement8.value;
            }

            $.ajax({
                url: '/admin/select-kecamatan/' + districts_id,
                type: "GET",
                dataType: "json",
                success: function(data) {
                    $.each(data, function(key, value) {
                        $('#prof_sip1_subdistrict').append('<option value="' + value.id + '">' + value.name + '</option>');
                    });
                },
                error: function(xhr) {
                    // alert('Error: ' + xhr.statusText);
                    $('#prof_sip1_subdistrict').append('<option value=0>-- Pilih Kecamatan --</option>');
                }
            });

            var selectElement9 = document.querySelector("input[name='prof_sip1_village_id']");
            if (selectElement9 === null || selectElement9 === undefined) {
                villages_id = 0;
            } else {
                villages_id = selectElement9.value;
            }

            $.ajax({
                url: '/admin/select-desa-kelurahan/' + villages_id,
                type: "GET",
                dataType: "json",
                success: function(data) {
                    $.each(data, function(key, value) {
                        $('#prof_sip1_village').append('<option value="' + value.id + '">' + value.name + '</option>');
                    });
                },
                error: function(xhr) {
                    // alert('Error: ' + xhr.statusText);
                    $('#prof_sip1_village').append('<option value=0>-- Pilih Desa / Kelurahan --</option>');
                }
            });


            // sip 2
            var selectElement10 = document.querySelector('#prof_sip2_regency_id');
            if (selectElement10 === null || selectElement10 === undefined) {
                regencies_id = 0;
            } else {
                regencies_id = selectElement10.value;
            }

            // alert(regencies_id);
            $.ajax({
                url: '/admin/select-kabupaten-kota/' + regencies_id,
                type: "GET",
                dataType: "json",
                success: function(data) {
                    // $('#edit_regencies').empty();
                    // $('#edit_regencies').append('<option value="">-- Pilih Kabupaten / Kota --</option>');
                    $.each(data, function(key, value) {
                        $('#prof_sip2_regency').append('<option value="' + value.id + '">' + value.name + '</option>');
                    });
                },
                error: function(xhr) {
                    // alert('Error: ' + xhr.statusText);
                    $('#prof_sip2_regency').append('<option value=0>-- Pilih Kabupaten / Kota --</option>');
                }
            });

            var selectElement11 = document.querySelector('#prof_sip2_subdistrict_id');
            if (selectElement11 === null || selectElement11 === undefined) {
                districts_id = 0;
            } else {
                districts_id = selectElement11.value;
            }

            $.ajax({
                url: '/admin/select-kecamatan/' + districts_id,
                type: "GET",
                dataType: "json",
                success: function(data) {
                    $.each(data, function(key, value) {
                        $('#prof_sip2_subdistrict').append('<option value="' + value.id + '">' + value.name + '</option>');
                    });
                },
                error: function(xhr) {
                    // alert('Error: ' + xhr.statusText);
                    $('#prof_sip2_subdistrict').append('<option value=0>-- Pilih Kecamatan --</option>');
                }
            });

            var selectElement12 = document.querySelector('#prof_sip2_village_id');
            if (selectElement12 === null || selectElement12 === undefined) {
                villages_id = 0;
            } else {
                villages_id = selectElement12.value;
            }

            $.ajax({
                url: '/admin/select-desa-kelurahan/' + villages_id,
                type: "GET",
                dataType: "json",
                success: function(data) {
                    $.each(data, function(key, value) {
                        $('#prof_sip2_village').append('<option value="' + value.id + '">' + value.name + '</option>');
                    });
                },
                error: function(xhr) {
                    // alert('Error: ' + xhr.statusText);
                    $('#prof_sip2_village').append('<option value=0>-- Pilih Desa / Kelurahan --</option>');
                }
            });


            // sip 3
            var selectElement15 = document.querySelector('#prof_sip3_regency_id');
            if (selectElement15 === null || selectElement15 === undefined) {
                regencies_id = 0;
            } else {
                regencies_id = selectElement15.value;
            }

            // alert(regencies_id);
            $.ajax({
                url: '/admin/select-kabupaten-kota/' + regencies_id,
                type: "GET",
                dataType: "json",
                success: function(data) {
                    // $('#edit_regencies').empty();
                    // $('#edit_regencies').append('<option value="">-- Pilih Kabupaten / Kota --</option>');
                    $.each(data, function(key, value) {
                        $('#prof_sip3_regency').append('<option value="' + value.id + '">' + value.name + '</option>');
                    });
                },
                error: function(xhr) {
                    // alert('Error: ' + xhr.statusText);
                    $('#prof_sip3_regency').append('<option value=0>-- Pilih Kabupaten / Kota --</option>');
                }
            });

            var selectElement13 = document.querySelector('#prof_sip3_subdistrict_id');
            if (selectElement13 === null || selectElement13 === undefined) {
                districts_id = 0;
            } else {
                districts_id = selectElement13.value;
            }

            $.ajax({
                url: '/admin/select-kecamatan/' + districts_id,
                type: "GET",
                dataType: "json",
                success: function(data) {
                    $.each(data, function(key, value) {
                        $('#prof_sip3_subdistrict').append('<option value="' + value.id + '">' + value.name + '</option>');
                    });
                },
                error: function(xhr) {
                    // alert('Error: ' + xhr.statusText);
                    $('#prof_sip3_subdistrict').append('<option value=0>-- Pilih Kecamatan --</option>');
                }
            });

            var selectElement14 = document.querySelector('#prof_sip3_village_id');
            if (selectElement14 === null || selectElement14 === undefined) {
                villages_id = 0;
            } else {
                villages_id = selectElement14.value;
            }

            $.ajax({
                url: '/admin/select-desa-kelurahan/' + villages_id,
                type: "GET",
                dataType: "json",
                success: function(data) {
                    $.each(data, function(key, value) {
                        $('#prof_sip3_village').append('<option value="' + value.id + '">' + value.name + '</option>');
                    });
                },
                error: function(xhr) {
                    // alert('Error: ' + xhr.statusText);
                    $('#prof_sip3_village').append('<option value=0>-- Pilih Desa / Kelurahan --</option>');
                }
            });
        });

    });
</script>

@endsection