@extends('layouts.panel.app', ['title' => 'Data Profil'])

@section('content')

@if (session('status') == "password-updated")
<div class="alert alert-success">
    Berhasil ! Password berhasil diubah !
</div>
@endif

<section class="section">
    @if($check == 0)
    <div class="alert alert-warning text-dark alert-dismissible" role="alert">
        <button type=" button" class="close" data-dismiss="alert">
            <i class="fa fa-times"></i>
        </button>
        <strong>
            Pemberitahuan !
        </strong>
        <marquee>
            Lengkapi data diri anda sebelum mengajukan permohonan.
        </marquee>
    </div>
    @endif
    <div class="section-title">
        <h3>Profil</h3>
    </div>
    <p class="section-lead">
        Silahkan ubah password dan data profil di sini.
    </p>

    <div class="row">
        <div class="col-12">
            <div class="alert alert-secondary alert-has-icon alert-dismissible fade show" role="alert">
                @php
                $label = \App\Models\Label::where(['code' => 'disclaimer-appl' ])->first()
                @endphp
                <div class="alert-icon"><i class="far fa-lightbulb"></i></div>
                <div class="alert-body">
                    <button type="button" class="close" data-dismiss="alert">
                        <i class="fa fa-times"></i>
                    </button>
                    <div class="alert-title"><strong> {!!html_entity_decode($label->title)!!}</strong></div>
                    <hr>
                    <h1 class="text-center">Persetujuan Anggota Ikatan Dokter Indonesia</h1>
                    <hr>
                    <h5>Lembar Persetujuan</h5>
                    <p>Sebelum melakukan aktivitas dengan data anda, Kami sarankan anda membaca dan menyetujui ketentuan di bawah ini:</p>
                    <ol>
                        @php
                        $label = \App\Models\Label::where(['code' => 'disclaimer-appl' ])->first()
                        @endphp
                        {!!html_entity_decode($label->desc)!!}
                    </ol>
                </div>
            </div>
        </div>
        <div class="col-12 col-md-12 col-lg-4">
            <div class="card">
                <form id="profpswd" method="POST" action="{{ route('user-password.update') }}" onsubmit="prosesData();">
                    @csrf
                    @method('PUT')
                    <div class="card-header">
                        <h4>Profil</h4>
                    </div>
                    <div class="card-body">
                        <div class="card profile-widget">
                            <div class="profile-widget-header">
                                @if($check == 0)
                                <img id="prof_foto_preview" alt="image" src="{{ asset('assets-panel/img/avatar/avatar-4.png') }}" class="rounded-circle profile-widget-picture">
                                @else
                                @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">
                                @endif
                                <div class="profile-widget-items">
                                    <div class="profile-widget-item">
                                        <div class="profile-widget-item-label">Pengajuan</div>
                                        <div class="profile-widget-item-value">{{ $application }}</div>
                                    </div>
                                </div>
                            </div>
                            @foreach ($issuers as $item)
                            <div class="profile-widget-description">
                                <div class="profile-widget-name text-center">
                                    {{ucfirst(Auth()->user()->name)}}
                                    <br>
                                    <div class="text-muted d-inline font-weight-normal">
                                        <small><i class="far fa-user"></i> {{strtoupper($item->akses)}}</small>
                                        <div class="slash"></div>
                                        @if(isset($data) && $data->no_non_anggota != null)
                                        <small class="text-bold">NPAC {{$data->npac_npa ? $data->npac_npa : '????'}}</small>
                                        <br>
                                        <small class="text-bold text-danger">Daftar non keanggotaan {{ date('d F Y', strtotime($data->created_at)) }}</small>
                                        @else
                                        <strong class="badge badge-warning">LENGKAPI DATA DIRI TERLEBIH DAHULU</strong>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <div class="card-footer text-center">
                                <div class="row">
                                    <div class="col text-right">
                                        <div class="profile-widget-name text-center mb-2">
                                            <label class="font-weight-bold">Akun Terverifikasi</label>
                                            <br>
                                            <div class="text-muted d-inline font-weight-normal">
                                                {{ date('d/m/Y', strtotime($item->email_verified_at)) }} <i class="fas fa-check-circle" style="color:green"></i>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col text-left" style="border-left: 1px solid #ededed;">
                                        <div class="profile-widget-name text-center mb-2">
                                            <label class="font-weight-bold">No Pendaftaran</label>
                                            <br>
                                            <div class="text-muted d-inline font-weight-normal">
                                                @if(isset($data) && $data->no_non_anggota != null)
                                                {{ $data->no_non_anggota ? $data->no_non_anggota : '????' }}
                                                @else
                                                <strong class="badge badge-warning">LENGKAPI DATA DIRI TERLEBIH DAHULU</strong>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="font-weight-bold mb-2">
                                    @if(isset($data) && $data->interview_status != null)
                                    @switch($data->interview_status)
                                    @case('Q')
                                    <span class="badge badge-{{$data->color}}" title="{{ date('d-m-Y', strtotime($data->interview_date)) ?? '' }}">{{$data->status_user}}</span>
                                    @break
                                    @case('O')
                                    <span class="badge badge-{{$data->color}}">{{$data->status_user}}</span>
                                    @break
                                    @endswitch
                                    @else
                                    <strong class="badge badge-warning">BELUM ADA REKOMENDASI</strong>
                                    @endif
                                </div>
                            </div>
                            @endforeach
                        </div>
                        <div class="form-group">
                            Catatan : <span style="color: red;"> **</span>) <i> wajib diisi </i>
                        </div>
                        <div class="form-group">
                            <label>{{ __('Password Lama') }} <span style="color: red;"> **</span></label>
                            <input id="current_password" type="password" class="form-control @error('current_password', 'updatePassword') is-invalid @enderror" name="current_password" required autofocus>

                            @error('current_password', 'updatePassword')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label>{{ __('Password Baru') }} <span style="color: red;"> **</span></label>
                            <input id="password" type="password" class="form-control @error('password', 'updatePassword') is-invalid @enderror" name="password" required autocomplete="new-password">

                            @error('password', 'updatePassword')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label>{{ __('Konfirmasi Password Baru') }} <span style="color: red;"> **</span></label>
                            <input id="password-confirm" type="password" class="form-control @error('password_confirmation', 'confirmPassword') is-invalid @enderror" name="password_confirmation" required autocomplete="new-password">

                            @error('password-confirm', 'confirmPassword')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                    <div class="card-footer bg-whitesmoke text-md-right">
                        <button id="submit-password" type="submit" class="btn btn-primary">
                            {{ __('Ubah Password') }}
                        </button>
                        <button class="btn btn-secondary" type="reset" fdprocessedid="7lslz">
                            Reset
                        </button>
                    </div>
                </form>
            </div>
        </div>
        <div class="col-12 col-md-12 col-lg-8">
            <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="home-tab3" data-toggle="tab" href="#home3" role="tab" aria-controls="home" aria-selected="true">Data Akun</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" 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">
                            @if($check == 0)
                            <a class="nav-link" id="sip-tab" data-toggle="tab" href="#sip3" role="tab" aria-controls="sip" aria-selected="false">Data Informasi SIP</a>
                            @else
                            <a class="nav-link" id="sip-tab3" data-toggle="tab" href="#sip3" role="tab" aria-controls="sip" aria-selected="false">Data Informasi SIP</a>
                            @endif
                        </li>
                    </ul>
                    <div class="tab-content" id="myTabContent2">
                        <div class="tab-pane fade active show" id="home3" role="tabpanel" aria-labelledby="home-tab3">
                            <form class="form-update-account" method="POST" action="{{ route('user-profile-information.update') }}">
                                @csrf
                                @method('PUT')
                                <div class="card-header">
                                    <h4>Profil Akun</h4>
                                </div>
                                <div class="card-body">
                                    <div class="form-group">
                                        Catatan : <span style="color: red;"> **</span>) <i> wajib diisi </i>
                                    </div>
                                    <div class="alert alert-info alert-has-icon">
                                        @php
                                        $label = \App\Models\Label::where(['code' => 'info-account' ])->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="form-group">
                                        <label>{{ __('Nama Lengkap Tanpa Gelar') }} <span style="color: red;"> **</span></label>
                                        <input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ old('name') ?? auth()->user()->name }}" required autocomplete="name" autofocus>
                                        @error('name')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                    <div class="form-group">
                                        <label>{{ __('Alamat E-Mail') }} <span style="color: red;"> **</span></label>
                                        <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') ?? auth()->user()->email }}" required autocomplete="email" autofocus>

                                        @error('email')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                    <div class="form-group">
                                        <label>{{ __('Nomor Telepon') }} <span style="color: red;"> **</span></label>
                                        <input id="phone" type="number" class="form-control @error('phone') is-invalid @enderror" name="phone" value="{{ old('phone') ?? auth()->user()->phone }}" required autocomplete="phone" autofocus>

                                        @error('phone')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                    <div class="form-group">
                                        <!-- <label>{{ __('Role') }}</label> -->
                                        <input id="role" type="hidden" class="form-control @error('role') is-invalid @enderror" name="role" value="{{ old('role') ?? auth()->user()->role }}" required autocomplete="role" autofocus>

                                        @error('role')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="card-footer bg-whitesmoke text-md-right">
                                    <button form="akun" type="button" class="btn btn-primary submit-update-account">
                                        {{ __('Ubah Data Akun') }}
                                    </button>
                                    <button class="btn btn-secondary" type="reset" fdprocessedid="7lslz">Reset</button>
                                </div>
                            </form>
                        </div>
                        <div class="tab-pane fade" id="profile3" role="tabpanel" aria-labelledby="profile-tab3">
                            @if($check == 0)
                            <form method="POST" action="{{ route('non-anggota.profil.store') }}" enctype="multipart/form-data" onsubmit="prosesData();">
                                @csrf

                                <div class="card-header">
                                    <h4>Informasi Diri</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 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-3 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') }}" class="form-control" placeholder="Dr." title="Dr. DR. Prof.">
                                        </div>
                                        <div class="col-md-6 form-group">
                                            <label class="font-weight-bold">Nama Lengkap Tanpa Gelar<span style="color: red;"> **</span></label>
                                            <input type="text" id="prof_name" name="prof_name" value="{{ auth()->user()->name }}" class="form-control" required readonly>
                                        </div>
                                        <div class="col-md-3 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') }}" 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" required>
                                                <option value="">Pilih Warga Negara</option>
                                                <option value="WNI" {{{ old('prof_citizen') == 'WNI' ? "selected" : "" }}}>Indonesia</option>
                                                <option value="WNA" {{{ old('prof_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" {{{ old('prof_gender') == 'L' ? "checked" : "" }}} required> LAKI-LAKI</label>
                                            <label class="radio-inline"><input type="radio" name="prof_gender" value="P" {{{ old('prof_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" required>
                                                <option value="">Pilih Agama</option>
                                                <option value="ISLAM" {{{ old('prof_religion') == 'ISLAM' ? "selected" : "" }}}>Islam</option>
                                                <option value="KRISTEN" {{{ old('prof_religion') == 'KRISTEN' ? "selected" : "" }}}>Kristen</option>
                                                <option value="KATOLIK" {{{ old('prof_religion') == 'KATOLIK' ? "selected" : "" }}}>Katolik</option>
                                                <option value="HINDU" {{{ old('prof_religion') == 'HINDU' ? "selected" : "" }}}>Hindu</option>
                                                <option value="BUDHA" {{{ old('prof_religion') == 'BUDHA' ? "selected" : "" }}}>Budha</option>
                                                <option value="KONGHUCU" {{{ old('prof_religion') == 'KONGHUCU' ? "selected" : "" }}}>Konghucu</option>
                                                <option value="LAINNYA" {{{ old('prof_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') }}" class="form-control" required>
                                        </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') }}" class="form-control" required>
                                        </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') }}" class="form-control" 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" id="prof_home_province" name="prof_home_province" placeholder="Pilih Provinsi" required>
                                                <option value="">Pilih Provinsi</option>
                                                @foreach($provinces as $item)
                                                <option {{ old('prof_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>
                                            <select class="select2 form-control" id="prof_home_regency" name="prof_home_regency" placeholder="Pilih Kabupaten / Kota" required>
                                            </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>
                                            <select class="form-control" id="prof_home_districts" name="prof_home_subdistrict" placeholder="Pilih Kecamatan" required>
                                            </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>
                                            <select class="form-control" id="prof_home_villages" name="prof_home_village" placeholder="Pilih Desa / Kelurahan" required>
                                            </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') }}" 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" id="prof_residence_province" name="prof_residence_province" placeholder="Pilih Provinsi" required>
                                                <option value="">Pilih Provinsi</option>
                                                @foreach($provinces as $item)
                                                <option {{ old('prof_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>
                                            <select class="form-control" id="prof_residence_regency" name="prof_residence_regency" placeholder="Pilih Kabupaten / Kota" required>
                                            </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>
                                            <select class="form-control" id="prof_residence_districts" name="prof_residence_subdistrict" placeholder="Pilih Kecamatan" required>
                                            </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>
                                            <select class="form-control" id="prof_residence_villages" name="prof_residence_village" placeholder="Pilih Desa / Kelurahan" required>
                                            </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="{{auth()->user()->email}}" class="form-control" required 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="{{auth()->user()->phone}}" class="form-control" required 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" {{{ old('prof_marital_status') == 'true' ? "checked" : "" }}}> Kawin</label>
                                            <label class="radio-inline"><input type="radio" name="prof_marital_status" value="false" {{{ old('prof_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') }}" class="form-control">
                                        </div>
                                    </div>
                                </div>
                                <div class="card-footer bg-whitesmoke text-md-right">
                                    <button id="submit-btn" type="submit" class="btn btn-primary">
                                        {{ __('Simpan Data') }}
                                    </button>
                                    <button class="btn btn-secondary" type="reset" fdprocessedid="7lslz">Reset</button>
                                </div>
                            </form>
                            @else
                            <form class="form-update-profil" method="POST" action="{{ route('non-anggota.profil.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="form-group">
                                        Catatan : <span style="color: red;"> **</span>) <i> wajib diisi </i>
                                    </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-3 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-6 form-group">
                                            <label class="font-weight-bold">Nama Lengkap Tanpa Gelar <span style="color: red;"> **</span></label>
                                            <input type="text" id="prof_name" name="prof_name" value="{{ auth()->user()->name }}" class="form-control" required readonly>
                                        </div>
                                        <div class="col-md-3 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" required>
                                                <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" : "" }}} required> 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" required>
                                                <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" required>
                                        </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) }}" max="9999-12-31" class="form-control" required>
                                        </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." required>
                                        </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" name="prof_home_province" placeholder="Pilih Provinsi" required>
                                                <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" id="prof_home_regency" name="prof_home_regency" placeholder="Pilih Kabupaten / Kota" required>
                                            </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" id="prof_home_districts" name="prof_home_subdistrict" placeholder="Pilih Kecamatan" required>
                                            </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" id="prof_home_villages" name="prof_home_village" placeholder="Pilih Desa / Kelurahan" required>
                                            </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" id="prof_residence_province" name="prof_residence_province" placeholder="Pilih Provinsi" required>
                                                <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" id="prof_residence_regency" name="prof_residence_regency" placeholder="Pilih Kabupaten / Kota" required>
                                            </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" id="prof_residence_districts" name="prof_residence_subdistrict" placeholder="Pilih Kecamatan" required>
                                            </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" id="prof_residence_villages" name="prof_residence_village" placeholder="Pilih Desa / Kelurahan" required>
                                            </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="{{auth()->user()->email}}" class="form-control" required 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="{{auth()->user()->phone}}" class="form-control" required 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>
                            @endif
                        </div>
                        <div class="tab-pane fade" id="education3" role="tabpanel" aria-labelledby="education-tab3">
                            @if($check == 0)
                            <div class="md-12 text-center">
                                <img id="imgPreview" src="{{asset('assets-panel/img/empty-data.gif')}}" alt="Gambar" style="width: 272px; height: 272px" />
                            </div>
                            <div class="alert alert-warning text-dark">
                                Lengkapi data diri anda terlebih dahulu
                            </div>
                            @else
                            <form class="form-update-education" method="POST" action="{{ route('non-anggota.profil.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"> Pendidikan Terakhir</label>
                                        <input type="checkbox" id="prof_educ2" name="prof_educ2" value="true">
                                        <label for="prof_educ2"> Pendidikan Lainnya 1</label>
                                        <input type="checkbox" id="prof_educ3" name="prof_educ3" value="true">
                                        <label for="prof_educ3"> 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" 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" 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" 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>
                                            <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>
                            @endif
                        </div>
                        <div class="tab-pane fade" id="job3" role="tabpanel" aria-labelledby="job-tab3">
                            @if($check == 0)
                            <div class="md-12 text-center">
                                <img id="imgPreview" src="{{asset('assets-panel/img/empty-data.gif')}}" alt="Gambar" style="width: 272px; height: 272px" />
                            </div>
                            <div class="alert alert-warning text-dark">
                                Lengkapi data diri anda terlebih dahulu
                            </div>
                            @else
                            <form class="form-update-job" method="POST" action="{{ route('non-anggota.profil.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>
                                            <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 </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 </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 </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 select2" 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 </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 select2" 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 </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 select2" 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 </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 select2" 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>
                            @endif
                        </div>
                        <div class="tab-pane fade" id="other3" role="tabpanel" aria-labelledby="other-tab3">
                            @if($check == 0)
                            <div class="md-12 text-center">
                                <img id="imgPreview" src="{{asset('assets-panel/img/empty-data.gif')}}" alt="Gambar" style="width: 272px; height: 272px" />
                            </div>
                            <div class="alert alert-warning text-dark">
                                Lengkapi data diri anda terlebih dahulu
                            </div>
                            @else
                            <form class="form-update-anggota" method="POST" action="{{ route('non-anggota.profil.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" 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" id="prof_branch_members" name="prof_branch_members" placeholder="Pilih IDI Cabang">
                                            </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_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 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" hidden>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" id="prof_area_of_idi" name="prof_area_of_idi" placeholder="Pilih IDI Wilayah" hidden>
                                                <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" hidden>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" id="prof_branch_of_idi" name="prof_branch_of_idi" placeholder="Pilih IDI Cabang" hidden>
                                            </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" hidden>Tahun Mutasi</label>
                                            <input type="hidden" 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>
                                </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>
                            @endif
                        </div>
                        <div class="tab-pane fade" id="sip3" role="tabpanel" aria-labelledby="sip-tab3">
                            @if($check == 0)
                            <div class="md-12 text-center">
                                <img id="imgPreview" src="{{asset('assets-panel/img/empty-data.gif')}}" alt="Gambar" style="width: 272px; height: 272px" />
                            </div>
                            <div class="alert alert-warning text-dark">
                                Lengkapi data diri anda terlebih dahulu
                            </div>
                            @else
                            <form class="form-update-sip" method="POST" action="{{ route('non-anggota.profil.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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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>
                            @endif
                        </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>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<!-- 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');

        // Pekerjaan
        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 pekerjaan
                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_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_area_of_idi.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_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_area_of_idi.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_area_members.disabled = disable;
                prof_branch_members.disabled = 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_area_members = document.querySelector("select[name='prof_area_members']");
                const prof_branch_members = document.querySelector("select[name='prof_branch_members']");

                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_area_members) {
                    //     swal('Peringatan', 'Harap lengkapi data terlebih dahulu', 'warning');
                    //     return;
                    // } else {
                    //     if (prof_area_members.value.trim() === '') {
                    //         prof_area_members.classList.add("is-invalid");
                    //         swal('Peringatan', 'Harap lengkapi data terlebih dahulu', 'warning');
                    //         return;
                    //     } else {
                    //         prof_area_members.classList.remove("is-invalid");
                    //     }
                    // }


                    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>

<script>
    // get select value wilayah
    $(document).ready(function() {
        // home
        $("select[name='prof_home_province']").on('change', function() {
            var provinsi_id = $(this).val();
            if (provinsi_id) {
                $.ajax({
                    url: '/non-anggota/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: '/non-anggota/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: '/non-anggota/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: '/non-anggota/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: '/non-anggota/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: '/non-anggota/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: '/non-anggota/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: '/non-anggota/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: '/non-anggota/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();
            }
        });

        // private
        $('#prof_private_practice_province').on('change', function() {
            var provinsi_id = $(this).val();
            if (provinsi_id) {
                $.ajax({
                    url: '/non-anggota/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: '/non-anggota/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: '/non-anggota/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: '/non-anggota/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: '/non-anggota/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: '/non-anggota/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: '/non-anggota/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: '/non-anggota/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: '/non-anggota/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: '/non-anggota/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: '/non-anggota/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: '/non-anggota/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);
        $.ajax({
            url: '/non-anggota/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>');
                });

                //select 2
                $("select[name='prof_home_province']").select2();
                $("select[name='prof_residence_province']").select2();
                $("select[name='prof_institution_a']").select2();
                $("select[name='prof_institution_b']").select2();
                $("select[name='prof_institution_c']").select2();
            },
            error: function(xhr) {
                console.log('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);
        $.ajax({
            url: '/non-anggota/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>');
                });
                $("select[name='prof_home_regency']").select2();
            },
            error: function(xhr) {
                console.log('Error: ' + xhr.statusText);
            }
        });

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

        $.ajax({
            url: '/non-anggota/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>');
                });
                $("select[name='prof_home_subdistrict']").select2();
            },
            error: function(xhr) {
                console.log('Error: ' + xhr.statusText);
            }
        });

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

        $.ajax({
            url: '/non-anggota/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>');
                });
                $("select[name='prof_home_village']").select2();
            },
            error: function(xhr) {
                console.log('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);
        $.ajax({
            url: '/non-anggota/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>');
                });
                $("select[name='prof_residence_regency']").select2();
            },
            error: function(xhr) {
                console.log('Error: ' + xhr.statusText);
            }
        });

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

        $.ajax({
            url: '/non-anggota/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>');
                });
                $("select[name='prof_residence_subdistrict']").select2();
            },
            error: function(xhr) {
                console.log('Error: ' + xhr.statusText);
            }
        });

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

        $.ajax({
            url: '/non-anggota/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>');
                });
                $("select[name='prof_residence_village']").select2();
            },
            error: function(xhr) {
                console.log('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;
        }

        $.ajax({
            url: '/non-anggota/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>');
                });
                $("select[name='prof_practice_province']").select2();
                $("select[name='prof_practice_regency']").select2();

            },
            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;
        }

        $.ajax({
            url: '/non-anggota/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>');
                });
                $("select[name='prof_practice_subdistrict']").select2();
            },
            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;
        }

        $.ajax({
            url: '/non-anggota/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>');
                });
                $("select[name='prof_practice_village']").select2();
            },
            error: function(xhr) {
                // alert('Error: ' + xhr.statusText);
                $('#prof_practice_village').append('<option value=0>-- Pilih Desa / Kelurahan --</option>');
            }
        });

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

        $.ajax({
            url: '/non-anggota/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>');
                });
                $("select[name='prof_private_practice_province']").select2();
                $("select[name='prof_private_practice_regency']").select2();

            },
            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;
        }

        $.ajax({
            url: '/non-anggota/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>');
                });
                $("select[name='prof_private_practice_subdistrict']").select2();
            },
            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;
        }

        $.ajax({
            url: '/non-anggota/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>');
                });
                $("select[name='prof_private_practice_village']").select2();
            },
            error: function(xhr) {
                // alert('Error: ' + xhr.statusText);
                $('#prof_private_practice_village').append('<option value=0>-- Pilih Desa / Kelurahan --</option>');
            }
        });

    });
</script>

<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: '/non-anggota/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) {
                            if (
                                // value.branch !== 'KOTA TANGERANG SELATAN' &&
                                value.branch !== 'KOTA TANGERANG' &&
                                value.branch !== 'KABUPATEN TANGERANG'
                            ) {
                                $('#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: '/non-anggota/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: '/non-anggota/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>');
                });
                $("select[name='prof_area_members']").select2();
                // $("select[name='prof_area_of_idi']").select2();
            },
            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: '/non-anggota/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>');
                });
                $("select[name='prof_branch_members']").select2();
                // $("select[name='prof_branch_of_idi']").select2();
            },
            error: function(xhr) {
                // alert('Error: ' + xhr.statusText);
                $('#prof_branch_members').append('<option value="">Pilih IDI Cabang</option>');
            }
        });

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

        // $.ajax({
        //     url: '/non-anggota/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 selectElement = document.querySelector("input[name='prof_branch_of_idi_id']");
        // if (selectElement === null || selectElement === undefined) {
        //     branch = "Pilih IDI Cabang";
        // } else {
        //     branch = selectElement.value;
        // }

        // $.ajax({
        //     url: '/non-anggota/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>

<script>
    $(document).ready(function() {
        // Tab Data SIP
        $('#sip-tab3').click(function() {
            $("select[name='prof_sip1_province']").select2();
            $("select[name='prof_sip1_regency']").select2();
            $("select[name='prof_sip1_subdistrict']").select2();
            $("select[name='prof_sip1_village']").select2();

            $("select[name='prof_sip2_province']").select2();
            $("select[name='prof_sip2_regency']").select2();
            $("select[name='prof_sip2_subdistrict']").select2();
            $("select[name='prof_sip2_village']").select2();

            $("select[name='prof_sip3_province']").select2();
            $("select[name='prof_sip3_regency']").select2();
            $("select[name='prof_sip3_subdistrict']").select2();
            $("select[name='prof_sip3_village']").select2();

            $('#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: '/non-anggota/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: '/non-anggota/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: '/non-anggota/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: '/non-anggota/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: '/non-anggota/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: '/non-anggota/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: '/non-anggota/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: '/non-anggota/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: '/non-anggota/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