@extends('layouts.panel.app', ['title' => 'Tambah Rekomendasi SIP'])

@section('content')
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<section class="section">
    <div class="row">
        <div class="col-8">
            <div class="section-title">
                <h3>Rekomendasi SIP</h3>
            </div>
            <p class="section-lead">
                Silahkan tambah data rekomendasi SIP di sini.
            </p>
        </div>
        <div class="col-4 text-right">
            <button style="height: 30px;" class="btn btn-info" onclick="showBiayaModal()" title="Lihat Biaya"><i class="fas fa-credit-card"></i></button>
            <button style="height: 30px;" class="btn btn-info" onclick="showDokumenModal()" title="Lihat Persyaratan"><i class="fas fa-file"></i></button>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="card border-0 shadow rounded">
                <div class="card-header">
                    <h4>Form Rekomendasi SIP</h4>
                    <marquee behavior="scroll" direction="left">Harap siapkan dokumen pendukung :
                        @forelse($document as $file)
                        | {{ $loop->iteration }}.
                        <b> {{$file->name}}</b>
                        <span class="text-danger"> {{$file->desc}}</span>
                        <span> dalam format {{$file->allowed_file_types}}</span>
                        @empty
                        <div class="alert alert-danger">
                            Data setup dokumen belum tersedia.
                        </div>
                        @endforelse
                    </marquee>
                    <div class="card-header-action">
                        <a href="{{ route('anggota.recommendation') }}" class="btn btn-success">Kembali</a>
                    </div>
                </div>
                <div class="card-body">
                    @if($profil == 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" />
                        <br>
                        @php
                        $label = \App\Models\Label::where(['code' => 'warning-profile' ])->first()
                        @endphp
                        <h4 class="text-danger"><i class="fa fa-exclamation-triangle"></i> {!!html_entity_decode($label->desc)!!}</h4>
                        <br>
                        <a href="{{ route('anggota.profil') }}" class="btn btn-dark btn-action" data-toggle="tooltip" title="Perbarui">Lengkapi Data <i class="fas fa-pencil-alt"></i></a>
                    </div>
                    @else
                                        <div class="text-center">
                        <!-- progressbar -->
                        <ul class="progressbar">
                            <li class="{{ $currentStep != 1 ? '' : 'active' }}"><a href="#step-1" type="button">Lembar Persetujuan</a></li>
                            <li class="{{ $currentStep != 2 ? '' : 'active' }}"><a href="#step-2" type="button">Data Pemohon</a></li>
                            <li class="{{ $currentStep != 3 ? '' : 'active' }}"><a href="#step-3" type="button">Unggah Dokumen</a></li>
                            <li class="{{ $currentStep != 4 ? '' : 'active' }}"><a href="#step-4" type="button" disabled="disabled">Data Verifikasi</a></li>
                        </ul>
                    </div>

                    <form class="form-sip" method="POST">
                        @csrf
                        @method('POST')

                        <!-- LEMBAR PERSETUJUAN -->
                        <div class="row setup-content {{ $currentStep != 1 ? 'displayNone' : '' }}" id="step-1">
                            <div class="col-md-12">
                                <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>
                                <hr>
                                <div>
                                    <label>
                                        <input type="radio" name="persetujuan" value="setuju" required>
                                        Saya telah membaca seluruh ketentuan di atas dan menyetujuinya.
                                    </label>
                                </div>
                                <div>
                                    <label>
                                        <input type="radio" name="persetujuan" value="tidak">
                                        Saya tidak setuju
                                    </label>
                                </div>
                                <div>
                                    <button type="button" class="btn btn-primary disclaimerBtn">Mulai Sekarang <i class="fa fa-arrow-right"></i></button>
                                </div>
                            </div>
                        </div>
                        <!-- DATA PEMOHON  -->
                        <div class="row setup-content {{ $currentStep != 2 ? 'displayNone' : '' }}" id="step-2">
                            <div id="loading" style="display: none;">
                                <img src="{{ asset('assets-panel/img/loading-submit.gif') }}" alt="Loading...">
                            </div>
                            <div class="col-md-12">
                                <!-- DATA FORM  -->
                                <div class="text-center">
                                    <h3> FORMULIR REKOMENDASI</h3>
                                    <div class="col-md-12 form-group">
                                        <label class="font-weight-bold" for="application_type">TIPE PERMOHONAN <span style="color: red;"> **</span></label>
                                        <select id="application_type" class="form-control" name="application_type" required>
                                            <option value="">Pilih Permohonan</option>
                                            @foreach($form as $item)
                                            <option value="{{ $item->code }}"><b>{{ $item->code }}</b> ( {{ $item->desc }} ) </option>
                                            @endforeach
                                        </select>
                                        @error('application_type') <span class="error text-danger">{{ $message }}</span> @enderror
                                        <input type="hidden" name="form_doctor" id="form_doctor" value="">
                                        <input type="hidden" name="form_type" id="form_type" value="">
                                    </div>
                                </div>

                                <!-- DATA DIRI  -->
                                <div>
                                    <hr>
                                    <div class="row justify-content-md-left">
                                        <div class="col-4">
                                            <h3> Identitas Diri</h3>
                                        </div>
                                        <div class="col-2">
                                            <a href="{{ route('anggota.profil') }}" class="btn btn-transparent" data-toggle="tooltip" title="Ubah"><i class="fas fa-pencil-alt"></i> Ubah Data </a>
                                        </div>
                                    </div>
                                    <hr>
                                    <div class="row">
                                        <div class="col-md-2 form-group">
                                            <label class="font-weight-bold">GELAR DEPAN</label>
                                            <input type="text" name="front_degree" class="form-control" value="{{$data->front_degree}}" readonly>
                                            @error('front_degree') <span class="error text-danger">{{ $message }}</span> @enderror
                                        </div>
                                        <div class="col-md-8 form-group">
                                            <label class="font-weight-bold">NAMA LENGKAP PEMOHON <span style="color: red;"> **</span></label>
                                            <input type="text" name="name" class="form-control" value="{{$data->name}}" required readonly>
                                            @error('name') <span class="error text-danger">{{ $message }}</span> @enderror
                                        </div>
                                        <div class="col-md-2 form-group">
                                            <label class="font-weight-bold">GELAR BELAKANG</label>
                                            <input type="text" name="back_degree" class="form-control" value="{{$data->back_degree}}" readonly>
                                            @error('back_degree') <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">WARGA NEGARA <span style="color: red;"> **</span></label>
                                            <input type="text" name="citizen" class="form-control" value="{{$data->citizen}}" required readonly>
                                            @error('citizen') <span class="error text-danger">{{ $message }}</span> @enderror
                                        </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="gender" value="L" {{{ $data->gender == 'L' ? "checked" : "" }}} required disabled> LAKI-LAKI</label>
                                            <label class="radio-inline"><input type="radio" name="gender" value="P" {{{ $data->gender == 'P' ? "checked" : "" }}} disabled> PEREMPUAN</label>
                                            @error('gender') <span class="error text-danger">{{ $message }}</span> @enderror
                                        </div>
                                        <div class="col-md-4 form-group">
                                            <label class="font-weight-bold">AGAMA <span style="color: red;"> **</span></label>
                                            <input type="text" name="religion" class="form-control" value="{{$data->religion}}" required readonly>
                                            @error('religion') <span class="error text-danger">{{ $message }}</span> @enderror
                                        </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="place" class="form-control" value="{{$data->place}}" required readonly>
                                            @error('place') <span class="error text-danger">{{ $message }}</span> @enderror
                                        </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="birth_date" class="form-control" value="{{$data->birth_date}}" required readonly>
                                            @error('birth_date') <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 RUMAH (KTP) <span style="color: red;"> **</span></label>
                                            <input type="text" name="home_address" class="form-control" value="{{$data->home_address}}" required readonly>
                                            @error('home_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>
                                            <select class="form-control" name="home_province" placeholder="Pilih provinsi" disabled>
                                                <option value=""> Pilih Provinsi</option>
                                                @php
                                                $province = \App\Models\Provinces::where('id', $data->home_province)->first();
                                                @endphp
                                                @if($province)
                                                <option {{ $data->home_province == $province->id ? "selected" : "" }} value="{{ $province->id }}">{{ $province->name }}</option>
                                                @endif
                                            </select>
                                            @error('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="form-control" name="home_regency" placeholder="Pilih kabupaten /kota" disabled>
                                                <option value="">Pilih Kabupaten / Kota</option>
                                                @php
                                                $regency = \App\Models\Regencies::where('id', $data->home_regency)->first();
                                                @endphp
                                                @if($regency)
                                                <option {{ $data->home_regency == $regency->id ? "selected" : "" }} value="{{ $regency->id }}">{{ $regency->name }}</option>
                                                @endif
                                            </select>
                                            @error('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" name="home_district" placeholder="Pilih kecamatan" disabled>
                                                <option value="">Pilih Kecamatan</option>
                                                @php
                                                $district = \App\Models\Districts::where('id', $data->home_subdistrict)->first();
                                                @endphp
                                                @if($district)
                                                <option {{ $data->home_subdistrict == $district->id ? "selected" : "" }} value="{{ $district->id }}">{{ $district->name }}</option>
                                                @endif
                                            </select>
                                            @error('home_district') <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" name="home_village" placeholder="Pilih desa / kelurahan" disabled>
                                                <option value="">Pilih Desa / Kelurahan</option>
                                                @php
                                                $village = \App\Models\Villages::where('id', $data->home_village)->first();
                                                @endphp
                                                @if($village)
                                                <option {{ $data->home_village == $village->id ? "selected" : "" }} value="{{ $village->id }}">{{ $village->name }}</option>
                                                @endif
                                            </select>
                                            @error('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="residence_address" class="form-control" value="{{$data->residence_address}}" required readonly>
                                            @error('residence_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>
                                            <select class="form-control" name="residence_province" placeholder="Pilih provinsi" disabled>
                                                <option value="">Pilih Provinsi</option>
                                                @php
                                                $residence_province = \App\Models\Provinces::where('id', $data->residence_province)->first();
                                                @endphp
                                                @if($residence_province)
                                                <option {{ $data->residence_province == $residence_province->id ? "selected" : "" }} value="{{ $residence_province->id }}">{{ $residence_province->name }}</option>
                                                @endif
                                            </select>
                                            @error('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" name="residence_regency" placeholder="Pilih kabupaten /kota" disabled>
                                                <option value="">Pilih Kabupaten / Kota</option>
                                                @php
                                                $residence_regency = \App\Models\Regencies::where('id', $data->residence_regency)->first();
                                                @endphp
                                                @if($residence_regency)
                                                <option {{ $data->residence_regency == $residence_regency->id ? "selected" : "" }} value="{{ $residence_regency->id }}">{{ $residence_regency->name }}</option>
                                                @endif
                                            </select>
                                            @error('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" name="residence_district" placeholder="Pilih kecamatan" disabled>
                                                <option value="">Pilih Kecamatan</option>
                                                @php
                                                $residence_district = \App\Models\Districts::where('id', $data->residence_subdistrict)->first();
                                                @endphp
                                                @if($residence_district)
                                                <option {{ $data->residence_subdistrict == $residence_district->id ? "selected" : "" }} value="{{ $residence_district->id }}">{{ $residence_district->name }}</option>
                                                @endif
                                            </select>
                                            @error('residence_district') <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" name="residence_village" placeholder="Pilih desa / kelurahan" disabled>
                                                <option value="">Pilih Desa / Kelurahan</option>
                                                @php
                                                $residence_village = \App\Models\Villages::where('id', $data->residence_village)->first();
                                                @endphp
                                                @if($residence_village)
                                                <option {{ $data->residence_village == $residence_village->id ? "selected" : "" }} value="{{ $residence_village->id }}">{{ $residence_village->name }}</option>
                                                @endif
                                            </select>
                                            @error('residence_village') <span class="error text-danger">{{ $message }}</span> @enderror
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-3 form-group">
                                            <label class="font-weight-bold">EMAIL <span style="color: red;"> **</span></label>
                                            <input type="email" name="email" class="form-control" value="{{$data->email}}" required readonly>
                                            @error('email') <span class="error text-danger">{{ $message }}</span> @enderror
                                        </div>
                                        <div class="col-md-3 form-group">
                                            <label class="font-weight-bold">TELEPON <span style="color: red;"> **</span></label>
                                            <input type="number" name="phone" class="form-control" value="{{$data->phone}}" required readonly>
                                            @error('phone') <span class="error text-danger">{{ $message }}</span> @enderror
                                        </div>
                                        <div class="col-md-3 form-group">
                                            <label class="font-weight-bold" for="description">STATUS PERKAWINAN </label><br />
                                            <label class="radio-inline"><input type="radio" name="marital_status" value="true" {{{ $data->marital_status == 'true' ? "checked" : "" }}} disabled> Kawin</label>
                                            <label class="radio-inline"><input type="radio" name="marital_status" value="false" {{{ $data->marital_status == 'false' ? "checked" : "" }}} disabled> Belum Kawin</label>
                                            @error('marital_status') <span class="error text-danger">{{ $message }}</span> @enderror
                                        </div>
                                        <div class="col-md-3 form-group">
                                            <label class="font-weight-bold">NAMA SUAMI / ISTRI</label>
                                            <input type="text" name="husband_wife_name" class="form-control" value="{{$data->husband_wife_name}}" readonly>
                                            @error('husband_wife_name') <span class="error text-danger">{{ $message }}</span> @enderror
                                        </div>
                                    </div>
                                </div>

                                <!-- DATA PENDIDIKAN  -->
                                <div>
                                    <hr>
                                    <div class="row justify-content-md-left">
                                        <div class="col-4">
                                            <h3> Pendidikan</h3>
                                        </div>
                                        <div class="col-2">
                                            <a href="{{ route('anggota.profil') }}" class="btn btn-transparent" data-toggle="tooltip" title="Ubah"><i class="fas fa-pencil-alt"></i> Ubah Data </a>
                                        </div>
                                    </div>
                                    <hr>
                                    @if ($data->academic_degree_a == null || $data->institution_a == null)
                                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                        <strong>Perhatian!</strong> Data Pendidikan Terakhir belum dilengkapi klik Ubah Data untuk merubah.
                                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                    </div>
                                    @endif
                                    <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" name="academic_degree_a" disabled>
                                                            <option value="">Pilih Jenis Pendidikan</option>
                                                            @php
                                                            $academic_degree_a = \App\Models\Academic::where('id', $data->academic_degree_a)->first();
                                                            @endphp
                                                            @if ($academic_degree_a)
                                                            <option {{ $data->academic_degree_a == $academic_degree_a->id ? "selected" : "" }} value="{{ $academic_degree_a->id }}">{{ $academic_degree_a->name }}</option>
                                                            @else
                                                            <p class="text-danger"> Lengkapi Data Jenis Pendidikan</p>
                                                            @endif
                                                        </select>
                                                        @error('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" name="institution_a" placeholder="Pilih Institusi Pendidikan" disabled>
                                                            <option value="">Pilih Institusi Pendidikan</option>
                                                            @php
                                                            $institution_a = \App\Models\Education::where('id', $data->institution_a)->first();
                                                            @endphp
                                                            @if ($institution_a)
                                                            <option {{ $data->institution_a == $institution_a->id ? "selected" : "" }} value="{{ $institution_a->id }}">{{ $institution_a->name }}</option>
                                                            @else
                                                            <p class="text-danger"> Lengkapi Data Institusi Pendidikan</p>
                                                            @endif
                                                        </select>
                                                        @error('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="graduation_year_a" class="form-control" value="{{$data->graduation_year_a}}" required readonly>
                                                        @error('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="ijazah_no_a" class="form-control" value="{{$data->ijazah_no_a}}" required readonly>
                                                        @error('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</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 </label>
                                                        <select class="form-control" name="academic_degree_b" disabled>
                                                            <option value="">Pilih Jenis Pendidikan</option>
                                                            @php
                                                            $academic_degree_b = \App\Models\Academic::where('id', $data->academic_degree_b)->first();
                                                            @endphp
                                                            @if ($academic_degree_b)
                                                            <option {{ $data->academic_degree_b == $academic_degree_b->id ? "selected" : "" }} value="{{ $academic_degree_b->id }}">{{ $academic_degree_b->name }}</option>
                                                            @endif
                                                        </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 </label>
                                                        <select class="form-control" name="institution_b" placeholder="Pilih Institusi Pendidikan" disabled>
                                                            <option value="">Pilih Institusi Pendidikan</option>
                                                            @php
                                                            $institution_b = \App\Models\Education::where('id', $data->institution_b)->first();
                                                            @endphp
                                                            @if ($institution_b)
                                                            <option {{ $data->institution_b == $institution_b->id ? "selected" : "" }} value="{{ $institution_b->id }}">{{ $institution_b->name }}</option>
                                                            @endif
                                                        </select>
                                                        @error('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 </label>
                                                        <input type="date" name="graduation_year_b" value="{{$data->graduation_year_b}}" class="form-control" readonly>
                                                        @error('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 </label>
                                                        <input type="text" name="ijazah_no_b" value="{{$data->ijazah_no_b}}" class="form-control" readonly>
                                                        @error('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</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 </label>
                                                        <select class="form-control" name="academic_degree_c" disabled>
                                                            <option value="">Pilih Jenis Pendidikan</option>
                                                            @php
                                                            $academic_degree_c = \App\Models\Academic::where('id', $data->academic_degree_c)->first();
                                                            @endphp
                                                            @if ($academic_degree_c)
                                                            <option {{ $data->academic_degree_c == $academic_degree_c->id ? "selected" : "" }} value="{{ $academic_degree_c->id }}">{{ $academic_degree_c->name }}</option>
                                                            @endif
                                                        </select>
                                                        @error('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 </label>
                                                        <select class="form-control" name="institution_c" placeholder="Pilih Institusi Pendidikan" disabled>
                                                            <option value="">Pilih Institusi Pendidikan</option>
                                                            @php
                                                            $institution_c = \App\Models\Education::where('id', $data->institution_c)->first();
                                                            @endphp
                                                            @if ($institution_c)
                                                            <option {{ $data->institution_c == $institution_c->id ? "selected" : "" }} value="{{ $institution_c->id }}">{{ $institution_c->name }}</option>
                                                            @endif
                                                        </select>
                                                        @error('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 </label>
                                                        <input type="date" name="graduation_year_c" value="{{$data->graduation_year_c}}" class="form-control" readonly>
                                                        @error('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 </label>
                                                        <input type="text" name="ijazah_no_c" value="{{$data->ijazah_no_c}}" class="form-control" readonly>
                                                        @error('ijazah_no_c') <span class="error text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <hr>
                                    <div class="row">
                                        <div class="col-md-4 form-group">
                                            <label class="font-weight-bold">NO IJAZAH DU <span style="color: red;"> **</span></label>
                                            <input type="text" name="ijazah_du" class="form-control" value="{{$data->ijazah_du}}" required readonly>
                                            @error('ijazah_du') <span class="error text-danger">{{ $message }}</span> @enderror
                                        </div>
                                        <div class="col-md-2 form-group">
                                            <label class="font-weight-bold">TGL IJAZAH DU <span style="color: red;"> **</span></label>
                                            <input type="date" name="ijazah_du_year" class="form-control" value="{{$data->ijazah_du_year}}" required readonly>
                                            @error('ijazah_du_year') <span class="error text-danger">{{ $message }}</span> @enderror
                                        </div>
                                        <div class="col-md-4 form-group">
                                            <label class="font-weight-bold">NO IJAZAH SP</label>
                                            <input type="text" name="ijazah_sp" class="form-control" value="{{$data->ijazah_sp}}" readonly>
                                            @error('ijazah_sp') <span class="error text-danger">{{ $message }}</span> @enderror
                                        </div>
                                        <div class="col-md-2 form-group">
                                            <label class="font-weight-bold">TGL IJAZAH SP</label>
                                            <input type="date" name="ijazah_sp_year" class="form-control" value="{{$data->ijazah_sp_year}}" readonly>
                                            @error('ijazah_sp_year') <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">SPESIALIS <span style="color: red;"> **</span>)</label>
                                            <input type="text" name="specialist" class="form-control" value="{{$data->specialist}}" readonly>
                                            @error('specialist') <span class="error text-danger">{{ $message }}</span> @enderror
                                        </div>
                                        <div class="col-md-2 form-group">
                                            <label class="font-weight-bold" for="description">SPESIALIS KONSULTAN</label><br />
                                            <label class="radio-inline"><input type="radio" name="consultant_specialist" value="true" {{{ $data->consultant_specialist == 'true' ? "checked" : "" }}} disabled> YA</label>
                                            <label class="radio-inline"><input type="radio" name="consultant_specialist" value="false" {{{ $data->consultant_specialist == 'false' ? "checked" : "" }}} disabled> TIDAK</label>
                                            @error('consultant_specialist') <span class="error text-danger">{{ $message }}</span> @enderror
                                        </div>
                                        <div class="col-md-4 form-group">
                                            <label class="font-weight-bold">NO IJAZAH DOKTOR</label>
                                            <input type="text" name="ijazah_doktor" class="form-control" value="{{$data->ijazah_doktor}}" readonly>
                                            @error('ijazah_doktor') <span class="error text-danger">{{ $message }}</span> @enderror
                                        </div>
                                        <div class="col-md-2 form-group">
                                            <label class="font-weight-bold">TGL IJAZAH DOKTOR</label>
                                            <input type="date" name="ijazah_doktor_year" class="form-control" value="{{$data->ijazah_doktor_year}}" readonly>
                                            @error('ijazah_doktor_year') <span class="error text-danger">{{ $message }}</span> @enderror
                                        </div>
                                    </div>
                                </div>

                                <!-- DATA PEKERJAAN  -->
                                <div>
                                    <hr>
                                    <div class="row justify-content-md-left">
                                        <div class="col-4">
                                            <h3> Pekerjaan</h3>
                                        </div>
                                        <div class="col-2">
                                            <a href="{{ route('anggota.profil') }}" class="btn btn-transparent" data-toggle="tooltip" title="Ubah"><i class="fas fa-pencil-alt"></i> Ubah Data </a>
                                        </div>
                                    </div>
                                    <hr>
                                    <h5 class="text-primary"> Tempat Bekerja</h5>
                                    <div class="row">
                                        <div class="col-md-4 form-group">
                                            <label class="font-weight-bold">STATUS KEPEGAWAIAN</label>
                                            <select class="form-control" name="employment_status" disabled>
                                                <option value="">Pilih Status Kepegawaian</option>
                                                <option {{ $data->employment_status == "DOKTER PNS" ? "selected" : "" }} value="DOKTER PNS">Dokter PNS</option>
                                                <option {{ $data->employment_status == "TKK" ? "selected" : "" }} value="TKK">TKK</option>
                                                <option {{ $data->employment_status == "THL" ? "selected" : "" }} value="THL">THL</option>
                                                <option {{ $data->employment_status == "HONOR" ? "selected" : "" }} value="HONOR">Honor</option>
                                                <option {{ $data->employment_status == "BUMN" ? "selected" : "" }} value="BUMN">BUMN</option>
                                                <option {{ $data->employment_status == "TNI" ? "selected" : "" }} value="TNI">TNI</option>
                                                <option {{ $data->employment_status == "POLRI" ? "selected" : "" }} value="POLRI">POLRI</option>
                                                <option {{ $data->employment_status == "SWASTA" ? "selected" : "" }} value="SWASTA">Swasta</option>
                                                <option {{ $data->employment_status == "NON PEGAWAI" ? "selected" : "" }} value="NON PEGAWAI">Non Pegawai</option>
                                            </select>
                                            @error('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</label>
                                            <select class="form-control" name="time_type" disabled>
                                                <option value="">Pilih Waktu Pekerja</option>
                                                <option {{ $data->time_type == "PURNA WAKTU" ? "selected" : "" }} value="PURNA WAKTU">Purna Waktu</option>
                                                <option {{ $data->time_type == "FULL TIMER" ? "selected" : "" }} value="FULL TIMER">Full Timer</option>
                                            </select>
                                            @error('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</label>
                                            <input type="text" name="hospital" class="form-control" value="{{$data->hospital}}" readonly>
                                            @error('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</label>
                                            <input type="text" name="practice_address" class="form-control" value="{{$data->practice_address}}" readonly>
                                            @error('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>
                                            <select class="form-control" name="practice_province" placeholder="Pilih provinsi" disabled>
                                                <option value="">Pilih Provinsi</option>
                                                @php
                                                $practice_province = \App\Models\Provinces::where('id', $data->practice_province)->first();
                                                @endphp
                                                @if($practice_province)
                                                <option {{ $data->practice_province == $practice_province->id ? "selected" : "" }} value="{{ $practice_province->id }}">{{ $practice_province->name }}</option>
                                                @endif
                                            </select>
                                            @error('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>
                                            <select class="form-control" name="practice_regency" placeholder="Pilih kabupaten /kota" disabled>
                                                <option value="">Pilih Kabupaten / Kota</option>
                                                @php
                                                $practice_regency = \App\Models\Regencies::where('id', $data->practice_regency)->first();
                                                @endphp
                                                @if($practice_regency)
                                                <option {{ $data->practice_regency == $practice_regency->id ? "selected" : "" }} value="{{ $practice_regency->id }}">{{ $practice_regency->name }}</option>
                                                @endif
                                            </select>
                                            @error('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>
                                            <select class="form-control" name="practice_district" placeholder="Pilih kecamatan" disabled>
                                                <option value="">Pilih Kecamatan</option>
                                                @php
                                                $practice_district = \App\Models\Districts::where('id', $data->practice_subdistrict)->first();
                                                @endphp
                                                @if($practice_district)
                                                <option {{ $data->practice_subdistrict == $practice_district->id ? "selected" : "" }} value="{{ $practice_district->id }}">{{ $practice_district->name }}</option>
                                                @endif
                                            </select>
                                            @error('practice_district') <span class="error text-danger">{{ $message }}</span> @enderror
                                        </div>
                                        <div class="col-md-6 form-group">
                                            <label class="font-weight-bold">DESA / KELURAHAN </label>
                                            <select class="form-control" name="practice_village" placeholder="Pilih desa / kelurahan" disabled>
                                                <option value="">Pilih Desa / Kelurahan</option>
                                                @php
                                                $practice_village = \App\Models\Villages::where('id', $data->practice_village)->first();
                                                @endphp
                                                @if($practice_village)
                                                <option {{ $data->practice_village == $practice_village->id ? "selected" : "" }} value="{{ $practice_village->id }}">{{ $practice_village->name }}</option>
                                                @endif
                                            </select>
                                            @error('practice_village') <span class="error text-danger">{{ $message }}</span> @enderror
                                        </div>
                                        <div class="col-md-6 form-group">
                                            <label class="font-weight-bold">JABATAN </label>
                                            <input type="text" name="position" class="form-control" value="{{$data->position}}" readonly>
                                            @error('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 </label><br />
                                            <label class="radio-inline"><input type="radio" name="professor" value="true" {{{ $data->professor == 'true' ? "checked" : "" }}} disabled> YA</label>
                                            <label class="radio-inline"><input type="radio" name="professor" value="false" {{{ $data->professor == 'false' ? "checked" : "" }}} disabled> TIDAK</label>
                                            @error('professor') <span class="error text-danger">{{ $message }}</span> @enderror
                                        </div>
                                    </div>
                                    <h5 class="text-primary"> Praktek Pribadi</h5>
                                    <div class="row">
                                        <div class="col-md-12 form-group">
                                            <label class="font-weight-bold">TEMPAT PRAKTEK</label>
                                            <input type="text" name="private_practice" class="form-control" value="{{$data->private_practice}}" readonly>
                                            @error('private_practice') <span class="error text-danger">{{ $message }}</span> @enderror
                                        </div>
                                        <div class="col-md-12 form-group">
                                            <label class="font-weight-bold">ALAMAT PRAKTEK</label>
                                            <input type="text" name="private_practice_address" class="form-control" value="{{$data->private_practice_address}}" readonly>
                                            @error('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>
                                            <select class="form-control" name="private_practice_province" placeholder="Pilih provinsi" disabled>
                                                <option value="">Pilih Provinsi</option>
                                                @php
                                                $private_practice_province = \App\Models\Provinces::where('id', $data->private_practice_province)->first();
                                                @endphp
                                                @if($private_practice_province)
                                                <option {{ $data->private_practice_province == $private_practice_province->id ? "selected" : "" }} value="{{ $private_practice_province->id }}">{{ $private_practice_province->name }}</option>
                                                @endif
                                            </select>
                                            @error('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>
                                            <select class="form-control" name="private_practice_regency" placeholder="Pilih kabupaten /kota" disabled>
                                                <option value="">Pilih Kabupaten / Kota</option>
                                                @php
                                                $private_practice_regency = \App\Models\Regencies::where('id', $data->private_practice_regency)->first();
                                                @endphp
                                                @if($private_practice_regency)
                                                <option {{ $data->private_practice_regency == $private_practice_regency->id ? "selected" : "" }} value="{{ $private_practice_regency->id }}">{{ $private_practice_regency->name }}</option>
                                                @endif
                                            </select>
                                            @error('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>
                                            <select class="form-control" name="private_practice_subdistrict" placeholder="Pilih kecamatan" disabled>
                                                <option value="">Pilih Kecamatan</option>
                                                @php
                                                $private_practice_district = \App\Models\Districts::where('id', $data->private_practice_subdistrict)->first();
                                                @endphp
                                                @if($private_practice_district)
                                                <option {{ $data->private_practice_subdistrict == $private_practice_district->id ? "selected" : "" }} value="{{ $private_practice_district->id }}">{{ $private_practice_district->name }}</option>
                                                @endif
                                            </select>
                                            @error('private_practice_district') <span class="error text-danger">{{ $message }}</span> @enderror
                                        </div>
                                        <div class="col-md-6 form-group">
                                            <label class="font-weight-bold">DESA / KELURAHAN </label>
                                            <select class="form-control" name="private_practice_village" placeholder="Pilih desa / kelurahan" disabled>
                                                <option value="">Pilih Desa / Kelurahan</option>
                                                @php
                                                $private_practice_village = \App\Models\Villages::where('id', $data->private_practice_village)->first();
                                                @endphp
                                                @if($private_practice_village)
                                                <option {{ $data->private_practice_village == $private_practice_village->id ? "selected" : "" }} value="{{ $private_practice_village->id }}">{{ $private_practice_village->name }}</option>
                                                @endif
                                            </select>
                                            @error('private_practice_village') <span class="error text-danger">{{ $message }}</span> @enderror
                                        </div>
                                    </div>
                                </div>

                                <!-- DATA TAMBAHAN  -->
                                <div>
                                    <hr>
                                    <div class="row justify-content-md-left">
                                        <div class="col-4">
                                            <h3> Informasi Tambahan</h3>
                                        </div>
                                        <div class="col-2">
                                            <a href="{{ route('anggota.profil') }}" class="btn btn-transparent" data-toggle="tooltip" title="Ubah"><i class="fas fa-pencil-alt"></i> Ubah Data </a>
                                        </div>
                                    </div>
                                    <hr>
                                    @if ($data->no_anggota == null || $data->central_idi_npa == null)
                                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                        <strong>Perhatian!</strong> Data Keanggotaan belum dilengkapi klik Ubah Data untuk merubah.
                                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                    </div>
                                    @endif
                                    <div class="row">
                                        <div class="col-md-3 form-group">
                                            <label class="font-weight-bold">ANGGOTA IDI WILAYAH</label>
                                            <input type="text" name="area_members" class="form-control" value="{{$data->area_members}}" readonly>
                                            @error('area_members') <span class="error text-danger">{{ $message }}</span> @enderror
                                        </div>
                                        <div class="col-md-3 form-group">
                                            <label class="font-weight-bold">ANGGOTA IDI CABANG</label>
                                            <input type="text" name="branch_members" class="form-control" value="{{$data->branch_members}}" readonly>
                                            @error('branch_members') <span class="error text-danger">{{ $message }}</span> @enderror
                                        </div>
                                        <div class="col-md-6 form-group">
                                            <label class="font-weight-bold">NPAC<span style="color: red;"> **</span></label>
                                            <input type="text" name="npac_npa" class="form-control" value="{{$data->no_anggota}}" readonly>
                                            @error('npac_npa') <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 DOKTER UMUM<span style="color: red;"> **</span>)</label>
                                            <input type="text" id="str_no" name="str_no" class="form-control" value="{{$data->str_no}}" readonly>
                                            <span id="error-str" class="error text-danger"></span>
                                            @error('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="validity_period_str" class="form-control" value="{{$data->validity_period_str}}" readonly>
                                            @error('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="str_no_sp" class="form-control" value="{{$data->str_no_sp}}" readonly>
                                            @error('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="validity_period_str_sp" class="form-control" value="{{$data->validity_period_str_sp}}" readonly>
                                            @error('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 </label>
                                            <input type="text" name="str_no_kt" class="form-control" value="{{$data->str_no_kt}}" readonly>
                                            @error('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 </label>
                                            <input type="date" name="validity_period_str_kt" class="form-control" value="{{$data->validity_period_str_kt}}" readonly>
                                            @error('validity_period_str_kt') <span class="error text-danger">{{ $message }}</span> @enderror
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-3 form-group">
                                            <label class="font-weight-bold">IDI WILAYAH SEBELUMNYA</label>
                                            <input type="text" name="area_of_idi" class="form-control" value="{{$data->area_of_idi}}" readonly>
                                            @error('area_of_idi') <span class="error text-danger">{{ $message }}</span> @enderror
                                        </div>
                                        <div class="col-md-3 form-group">
                                            <label class="font-weight-bold">IDI CABANG SEBELUMNYA</label>
                                            <input type="text" name="branch_of_idi" class="form-control" value="{{$data->branch_of_idi}}" readonly>
                                            @error('branch_of_idi') <span class="error text-danger">{{ $message }}</span> @enderror
                                        </div>
                                        <div class="col-md-3 form-group">
                                            <label class="font-weight-bold">TAHUN MUTASI</label>
                                            <input type="number" name="mutation_year" class="form-control" value="{{$data->mutation_year}}" readonly>
                                            @error('mutation_year') <span class="error text-danger">{{ $message }}</span> @enderror
                                        </div>
                                        <div class="col-md-3 form-group">
                                            <label class="font-weight-bold">NPA IDI PUSAT<span style="color: red;"> **</span></label>
                                            <input type="text" name="central_idi_npa" class="form-control" value="{{$data->central_idi_npa}}" readonly>
                                            @error('central_idi_npa') <span class="error text-danger">{{ $message }}</span> @enderror
                                        </div>
                                    </div>
                                </div>

                                <!-- DATA SIP  -->
                                <div class="sip-element">
                                    <hr>
                                    <div class="row justify-content-md-left">
                                        <div class="col-4">
                                            <h3> Informasi SIP</h3>
                                        </div>
                                        <div class="col-2">
                                            <a href="{{ route('anggota.profil') }}" class="btn btn-transparent" data-toggle="tooltip" title="Ubah"><i class="fas fa-pencil-alt"></i> Ubah Data </a>
                                        </div>
                                    </div>
                                    <hr>
                                    <div id="error-div" class="alert alert-info alert-dismissible fade show" role="alert">
                                        <strong>Perhatian!</strong> Silahkan pilih salah satu SIP atau pilih semua SIP untuk melanjutkan.
                                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                    </div>
                                    <span id="error-sip" class="error text-danger"></span>
                                    <div class="card">
                                        <div class="card-header">
                                            <div class="row">
                                                <div class="col-lg-6">
                                                    <input class="form-control" title="Pilih SIP Ke-1" type="checkbox" name="sip1_chosen" value="true">
                                                    @error('sip1_chosen') <span class="error text-danger">{{ $message }}</span> @enderror
                                                </div>
                                                <div class="col-lg-2">
                                                    <h4>
                                                    </h4>
                                                </div>
                                            </div>
                                            <h4 for="sip1_chosen">SIP ke-1</h4>
                                            <div class="card-header-action">
                                                <a data-collapse="#mycard-collapse11" class="btn btn-icon btn-info" href="#"><i class="fas fa-minus"></i></a>
                                            </div>
                                        </div>
                                        <div class="collapse show" id="mycard-collapse11" 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" name="sip1_no" class="form-control" value="{{$data->sip1_no}}" readonly>
                                                        @error('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</label>
                                                        <input type="text" name="sip1_name" class="form-control" value="{{$data->sip1_name}}" readonly>
                                                        @error('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</label>
                                                        <input type="text" name="sip1_address" class="form-control" value="{{$data->sip1_address}}" readonly>
                                                        @error('sip1_address') <span class="error text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                    <div class="col-md-6 form-group">
                                                        <label class="font-weight-bold">PROVINSI</label>
                                                        <select class="form-control" name="sip1_province" placeholder="Pilih Provinsi" disabled>
                                                            <option value="">Pilih Provinsi</option>
                                                            @php
                                                            $sip1_province = \App\Models\Provinces::where('id', $data->sip1_province)->first();
                                                            @endphp
                                                            @if ($sip1_province)
                                                            <option {{ $data->sip1_province == $sip1_province->id ? "selected" : "" }} value="{{ $sip1_province->id }}">{{ $sip1_province->name }}</option>
                                                            @endif
                                                        </select>
                                                        @if ($sip1_province)
                                                        <input type="hidden" name="sip1_province_name" value="{{ $sip1_province->name }}">
                                                        @endif
                                                        @error('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</label>
                                                        <select class="form-control" name="sip1_regency" placeholder="Pilih Kabupaten / Kota" disabled>
                                                            <option value="">Pilih Kabupaten / Kota</option>
                                                            @php
                                                            $sip1_regency = \App\Models\Regencies::where('id', $data->sip1_regency)->first();
                                                            @endphp
                                                            @if ($sip1_regency)
                                                            <option {{ $data->sip1_regency == $sip1_regency->id ? "selected" : "" }} value="{{ $sip1_regency->id }}">{{ $sip1_regency->name }}</option>
                                                            @endif
                                                        </select>
                                                        @error('sip1_regency') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        @if ($sip1_regency)
                                                        <input type="hidden" name="sip1_regency_name" value="{{ $sip1_regency->name }}">
                                                        @endif
                                                    </div>
                                                    <div class="col-md-6 form-group">
                                                        <label class="font-weight-bold">KECAMATAN</label>
                                                        <select class="form-control" name="sip1_subdistrict" placeholder="Pilih Kecamatan" disabled>
                                                            <option value="">Pilih Kecamatan</option>
                                                            @php
                                                            $sip1_subdistrict = \App\Models\Districts::where('id', $data->sip1_subdistrict)->first();
                                                            @endphp
                                                            @if ($sip1_subdistrict)
                                                            <option {{ $data->sip1_subdistrict == $sip1_subdistrict->id ? "selected" : "" }} value="{{ $sip1_subdistrict->id }}">{{ $sip1_subdistrict->name }}</option>
                                                            @endif
                                                        </select>
                                                        @error('sip1_subdistrict') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        @if ($sip1_subdistrict)
                                                        <input type="hidden" name="sip1_subdistrict_name" value="{{ $sip1_subdistrict->name }}">
                                                        @endif
                                                    </div>
                                                    <div class="col-md-6 form-group">
                                                        <label class="font-weight-bold">DESA / KELURAHAN</label>
                                                        <select class="form-control" name="sip1_village" placeholder="Pilih Desa / Kelurahan" disabled>
                                                            <option value="">Pilih Desa / Kelurahan</option>
                                                            @php
                                                            $sip1_village = \App\Models\Villages::where('id', $data->sip1_village)->first();
                                                            @endphp
                                                            @if ($sip1_village)
                                                            <option {{ $data->sip1_village == $sip1_village->id ? "selected" : "" }} value="{{ $sip1_village->id }}">{{ $sip1_village->name }}</option>
                                                            @endif
                                                        </select>
                                                        @error('sip1_village') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        @if ($sip1_village)
                                                        <input type="hidden" name="sip1_village_name" value="{{ $sip1_village->name }}">
                                                        @endif
                                                    </div>
                                                    <div id="divSip1" class="col-md-12 form-group">
                                                        <label class="font-weight-bold">TUJUAN PENGAJUAN SIP <span style="color: red;"> **</span></label>
                                                        <select class="form-control" name="sip1_type" required>
                                                            <option value="">Pilih Tujuan Pengajuan</option>
                                                            <option {{ $data->sip1_type == "PEMBUATAN" ? "selected" : "" }} value="PEMBUATAN">Mengajukan</option>
                                                            <option {{ $data->sip1_type == "PERUBAHAN" ? "selected" : "" }} value="PERUBAHAN">Mengubah</option>
                                                            <option {{ $data->sip1_type == "PERPANJANGAN" ? "selected" : "" }} value="PERPANJANGAN">Memperpanjang</option>
                                                        </select>
                                                        @error('sip1_type') <span class="error text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card">
                                        <div class="card-header">
                                            <div class="row">
                                                <div class="col-lg-6">
                                                    <input class="form-control" title="Pilih SIP Ke-2" type="checkbox" name="sip2_chosen" value="true">
                                                    @error('sip2_chosen') <span class="error text-danger">{{ $message }}</span> @enderror
                                                </div>
                                                <div class="col-lg-2">
                                                    <h4>
                                                    </h4>
                                                </div>
                                            </div>
                                            <h4 for="sip2_chosen">SIP ke-2</h4>
                                            <div class="card-header-action">
                                                <a data-collapse="#mycard-collapse12" class="btn btn-icon btn-info" href="#"><i class="fas fa-minus"></i></a>
                                            </div>
                                        </div>
                                        <div class="collapse show" id="mycard-collapse12" 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" name="sip2_no" class="form-control" value="{{$data->sip2_no}}" readonly>
                                                        @error('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</label>
                                                        <input type="text" name="sip2_name" class="form-control" value="{{$data->sip2_name}}" readonly>
                                                        @error('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</label>
                                                        <input type="text" name="sip2_address" class="form-control" value="{{$data->sip2_address}}" readonly>
                                                        @error('sip2_address') <span class="error text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                    <div class="col-md-6 form-group">
                                                        <label class="font-weight-bold">PROVINSI</label>
                                                        <select class="form-control" name="sip2_province" placeholder="Pilih Provinsi" disabled>
                                                            <option value="">Pilih Provinsi</option>
                                                            @php
                                                            $sip2_province = \App\Models\Provinces::where('id', $data->sip2_province)->first();
                                                            @endphp
                                                            @if ($sip2_province)
                                                            <option {{ $data->sip2_province == $sip2_province->id ? "selected" : "" }} value="{{ $sip2_province->id }}">{{ $sip2_province->name }}</option>
                                                            @endif
                                                        </select>
                                                        @error('sip2_province') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        @if ($sip2_province)
                                                        <input type="hidden" name="sip2_province_name" value="{{ $sip2_province->name }}">
                                                        @endif
                                                    </div>
                                                    <div class="col-md-6 form-group">
                                                        <label class="font-weight-bold">KABUPATEN / KOTA</label>
                                                        <select class="form-control" name="sip2_regency" placeholder="Pilih Kabupaten / Kota" disabled>
                                                            <option value="">Pilih Kabupaten / Kota</option>
                                                            @php
                                                            $sip2_regency = \App\Models\Regencies::where('id', $data->sip2_regency)->first();
                                                            @endphp
                                                            @if ($sip2_regency)
                                                            <option {{ $data->sip2_regency == $sip2_regency->id ? "selected" : "" }} value="{{ $sip2_regency->id }}">{{ $sip2_regency->name }}</option>
                                                            @endif
                                                        </select>
                                                        @error('sip2_regency') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        @if ($sip2_regency)
                                                        <input type="hidden" name="sip2_regency_name" value="{{ $sip2_regency->name }}">
                                                        @endif
                                                    </div>
                                                    <div class="col-md-6 form-group">
                                                        <label class="font-weight-bold">KECAMATAN</label>
                                                        <select class="form-control" name="sip2_subdistrict" placeholder="Pilih Kecamatan" disabled>
                                                            <option value="">Pilih Kecamatan</option>
                                                            @php
                                                            $sip2_subdistrict = \App\Models\Districts::where('id', $data->sip2_subdistrict)->first();
                                                            @endphp
                                                            @if ($sip2_subdistrict)
                                                            <option {{ $data->sip2_subdistrict == $sip2_subdistrict->id ? "selected" : "" }} value="{{ $sip2_subdistrict->id }}">{{ $sip2_subdistrict->name }}</option>
                                                            @endif
                                                        </select>
                                                        @error('sip2_subdistrict') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        @if ($sip2_subdistrict)
                                                        <input type="hidden" name="sip2_subdistrict_name" value="{{ $sip2_subdistrict->name }}">
                                                        @endif
                                                    </div>
                                                    <div class="col-md-6 form-group">
                                                        <label class="font-weight-bold">DESA / KELURAHAN</label>
                                                        <select class="form-control" name="sip2_village" placeholder="Pilih Desa / Kelurahan" disabled>
                                                            <option value="">Pilih Desa / Kelurahan</option>
                                                            @php
                                                            $sip2_village = \App\Models\Villages::where('id', $data->sip2_village)->first();
                                                            @endphp
                                                            @if ($sip2_village)
                                                            <option {{ $data->sip2_village == $sip2_village->id ? "selected" : "" }} value="{{ $sip2_village->id }}">{{ $sip2_village->name }}</option>
                                                            @endif
                                                        </select>
                                                        @error('sip2_village') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        @if ($sip2_village)
                                                        <input type="hidden" name="sip2_village_name" value="{{ $sip2_village->name }}">
                                                        @endif
                                                    </div>
                                                    <div id="divSip2" class="col-md-12 form-group">
                                                        <label class="font-weight-bold">TUJUAN PENGAJUAN SIP <span style="color: red;"> **</span></label>
                                                        <select class="form-control" name="sip2_type" required>
                                                            <option value="">Pilih Tujuan Pengajuan</option>
                                                            <option {{ $data->sip2_type == "PEMBUATAN" ? "selected" : "" }} value="PEMBUATAN">Mengajukan</option>
                                                            <option {{ $data->sip2_type == "PERUBAHAN" ? "selected" : "" }} value="PERUBAHAN">Mengubah</option>
                                                            <option {{ $data->sip2_type == "PERPANJANGAN" ? "selected" : "" }} value="PERPANJANGAN">Memperpanjang</option>
                                                        </select>
                                                        @error('sip2_type') <span class="error text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card">
                                        <div class="card-header">
                                            <div class="row">
                                                <div class="col-lg-6">
                                                    <input class="form-control" title="Pilih SIP Ke-3" type="checkbox" name="sip3_chosen" value="true">
                                                    @error('sip3_chosen') <span class="error text-danger">{{ $message }}</span> @enderror
                                                </div>
                                                <div class="col-lg-2">
                                                    <h4>
                                                    </h4>
                                                </div>
                                            </div>
                                            <h4 for="sip3_chosen">SIP ke-3</h4>
                                            <div class="card-header-action">
                                                <a data-collapse="#mycard-collapse13" class="btn btn-icon btn-info" href="#"><i class="fas fa-minus"></i></a>
                                            </div>
                                        </div>
                                        <div class="collapse show" id="mycard-collapse13" 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" name="sip3_no" class="form-control" value="{{$data->sip3_no}}" readonly>
                                                        @error('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</label>
                                                        <input type="text" name="sip3_name" class="form-control" value="{{$data->sip3_name}}" readonly>
                                                        @error('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</label>
                                                        <input type="text" name="sip3_address" class="form-control" value="{{$data->sip3_address}}" readonly>
                                                        @error('sip3_address') <span class="error text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                    <div class="col-md-6 form-group">
                                                        <label class="font-weight-bold">PROVINSI</label>
                                                        <select class="form-control" name="sip3_province" placeholder="Pilih Provinsi" disabled>
                                                            <option value="">Pilih Provinsi</option>
                                                            @php
                                                            $sip3_province = \App\Models\Provinces::where('id', $data->sip3_province)->first();
                                                            @endphp
                                                            @if ($sip3_province)
                                                            <option {{ $data->sip3_province == $sip3_province->id ? "selected" : "" }} value="{{ $sip3_province->id }}">{{ $sip3_province->name }}</option>
                                                            @endif
                                                        </select>
                                                        @error('sip3_province') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        @if ($sip3_province)
                                                        <input type="hidden" name="sip3_province_name" value="{{ $sip3_province->name }}">
                                                        @endif
                                                    </div>
                                                    <div class="col-md-6 form-group">
                                                        <label class="font-weight-bold">KABUPATEN / KOTA</label>
                                                        <select class="form-control" name="sip3_regency" placeholder="Pilih Kabupaten / Kota" disabled>
                                                            <option value="">Pilih Kabupaten / Kota</option>
                                                            @php
                                                            $sip3_regency = \App\Models\Regencies::where('id', $data->sip3_regency)->first();
                                                            @endphp
                                                            @if ($sip3_regency)
                                                            <option {{ $data->sip3_regency == $sip3_regency->id ? "selected" : "" }} value="{{ $sip3_regency->id }}">{{ $sip3_regency->name }}</option>
                                                            @endif
                                                        </select>
                                                        @error('sip3_regency') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        @if ($sip3_regency)
                                                        <input type="hidden" name="sip3_regency_name" value="{{ $sip3_regency->name }}">
                                                        @endif
                                                    </div>
                                                    <div class="col-md-6 form-group">
                                                        <label class="font-weight-bold">KECAMATAN</label>
                                                        <select class="form-control" name="sip3_subdistrict" placeholder="Pilih Kecamatan" disabled>
                                                            <option value="">Pilih Kecamatan</option>
                                                            @php
                                                            $sip3_subdistrict = \App\Models\Districts::where('id', $data->sip3_subdistrict)->first();
                                                            @endphp
                                                            @if ($sip3_subdistrict)
                                                            <option {{ $data->sip3_subdistrict == $sip3_subdistrict->id ? "selected" : "" }} value="{{ $sip3_subdistrict->id }}">{{ $sip3_subdistrict->name }}</option>
                                                            @endif
                                                        </select>
                                                        @error('sip3_subdistrict') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        @if ($sip3_subdistrict)
                                                        <input type="hidden" name="sip3_subdistrict_name" value="{{ $sip3_subdistrict->name }}">
                                                        @endif
                                                    </div>
                                                    <div class="col-md-6 form-group">
                                                        <label class="font-weight-bold">DESA / KELURAHAN</label>
                                                        <select class="form-control" name="sip3_village" placeholder="Pilih Desa / Kelurahan" disabled>
                                                            <option value="">Pilih Desa / Kelurahan</option>
                                                            @php
                                                            $sip3_village = \App\Models\Villages::where('id', $data->sip3_village)->first();
                                                            @endphp
                                                            @if ($sip3_village)
                                                            <option {{ $data->sip3_village == $sip3_village->id ? "selected" : "" }} value="{{ $sip3_village->id }}">{{ $sip3_village->name }}</option>
                                                            @endif
                                                        </select>
                                                        @error('sip3_village') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        @if ($sip3_village)
                                                        <input type="hidden" name="sip3_village_name" value="{{ $sip3_village->name }}">
                                                        @endif
                                                    </div>
                                                    <div id="divSip3" class="col-md-12 form-group">
                                                        <label class="font-weight-bold">TUJUAN PENGAJUAN SIP <span style="color: red;"> **</span></label>
                                                        <select class="form-control" name="sip3_type" required>
                                                            <option value="">Pilih Tujuan Pengajuan</option>
                                                            <option {{ $data->sip3_type == "PEMBUATAN" ? "selected" : "" }} value="PEMBUATAN">Mengajukan</option>
                                                            <option {{ $data->sip3_type == "PERUBAHAN" ? "selected" : "" }} value="PERUBAHAN">Mengubah</option>
                                                            <option {{ $data->sip3_type == "PERPANJANGAN" ? "selected" : "" }} value="PERPANJANGAN">Memperpanjang</option>
                                                        </select>
                                                        @error('sip3_type') <span class="error text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- DATA SIP INTERNSHIP -->
                                <div class="sip-internship-element">
                                    <hr>
                                    <div class="row justify-content-md-left">
                                        <div class="col-4">
                                            <h3> Informasi SIP Internship</h3>
                                        </div>
                                        <div class="col-2">
                                            <a href="{{ route('anggota.profil') }}" class="btn btn-transparent" data-toggle="tooltip" title="Ubah"><i class="fas fa-pencil-alt"></i> Ubah Data </a>
                                        </div>
                                    </div>
                                    <hr>
                                    <div id="error-div" class="alert alert-info alert-dismissible fade show" role="alert">
                                        <strong>Perhatian!</strong> Silahkan pilih SIP untuk melanjutkan.
                                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                    </div>
                                    <span id="error-sip-int" class="error text-danger"></span>
                                    <div class="card">
                                        <div class="card-header">
                                            <div class="row">
                                                <div class="col-lg-6">
                                                    <input class="form-control" title="Pilih SIP Ke-1" type="checkbox" name="sipint1_chosen" value="true">
                                                    @error('sipint1_chosen') <span class="error text-danger">{{ $message }}</span> @enderror
                                                </div>
                                                <div class="col-lg-2">
                                                    <h4>
                                                    </h4>
                                                </div>
                                            </div>
                                            <h4 for="sipint1_chosen">SIP ke-1</h4>
                                            <div class="card-header-action">
                                                <a data-collapse="#mycard-collapse991" class="btn btn-icon btn-info" href="#"><i class="fas fa-minus"></i></a>
                                            </div>
                                        </div>
                                        <div class="collapse show" id="mycard-collapse991" style="">
                                            <div class="card-body">
                                                <div class="row">
                                                    <div class="col-md-4 form-group">
                                                        <label class="font-weight-bold">SIP Internship</label>
                                                        <input type="number" name="sipint1_no" class="form-control" value="{{$data->sip1_no}}" readonly>
                                                        @error('sipint_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</label>
                                                        <input type="text" name="sipint1_name" class="form-control" value="{{$data->sip1_name}}" readonly>
                                                        @error('sipint_name') <span class="error text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                    <div class="col-md-12 form-group">
                                                        <label class="font-weight-bold">ALAMAT LENGKAP</label>
                                                        <input type="text" name="sipint1_address" class="form-control" value="{{$data->sip1_address}}" readonly>
                                                        @error('sipint_address') <span class="error text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                    <div class="col-md-6 form-group">
                                                        <label class="font-weight-bold">PROVINSI</label>
                                                        <select class="form-control" name="sipint1_province" placeholder="Pilih Provinsi" disabled>
                                                            <option value="">Pilih Provinsi</option>
                                                            @php
                                                            $sipint1_province = \App\Models\Provinces::where('id', $data->sip1_province)->first();
                                                            @endphp
                                                            @if ($sipint1_province)
                                                            <option {{ $data->sip1_province == $sipint1_province->id ? "selected" : "" }} value="{{ $sipint1_province->id }}">{{ $sipint1_province->name }}</option>
                                                            @endif
                                                        </select>
                                                        @if ($sipint1_province)
                                                        <input type="hidden" name="sipint1_province_name" value="{{ $sipint1_province->name }}">
                                                        @endif
                                                        @error('sipint1_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>
                                                        <select class="form-control" name="sipint1_regency" placeholder="Pilih Kabupaten / Kota" disabled>
                                                            <option value="">Pilih Kabupaten / Kota</option>
                                                            @php
                                                            $sipint1_regency = \App\Models\Regencies::where('id', $data->sip1_regency)->first();
                                                            @endphp
                                                            @if ($sipint1_regency)
                                                            <option {{ $data->sip1_regency == $sipint1_regency->id ? "selected" : "" }} value="{{ $sipint1_regency->id }}">{{ $sipint1_regency->name }}</option>
                                                            @endif
                                                        </select>
                                                        @error('sipint1_regency') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        @if ($sipint1_regency)
                                                        <input type="hidden" name="sipint1_regency_name" value="{{ $sipint1_regency->name }}">
                                                        @endif
                                                    </div>
                                                    <div class="col-md-6 form-group">
                                                        <label class="font-weight-bold">KECAMATAN</label>
                                                        <select class="form-control" name="sipint1_subdistrict" placeholder="Pilih Kecamatan" disabled>
                                                            <option value="">Pilih Kecamatan</option>
                                                            @php
                                                            $sipint1_subdistrict = \App\Models\Districts::where('id', $data->sip1_subdistrict)->first();
                                                            @endphp
                                                            @if ($sipint1_subdistrict)
                                                            <option {{ $data->sip1_subdistrict == $sipint1_subdistrict->id ? "selected" : "" }} value="{{ $sipint1_subdistrict->id }}">{{ $sipint1_subdistrict->name }}</option>
                                                            @endif
                                                        </select>
                                                        @error('sipint1_subdistrict') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        @if ($sipint1_subdistrict)
                                                        <input type="hidden" name="sipint1_subdistrict_name" value="{{ $sipint1_subdistrict->name }}">
                                                        @endif
                                                    </div>
                                                    <div class="col-md-6 form-group">
                                                        <label class="font-weight-bold">DESA / KELURAHAN</label>
                                                        <select class="form-control" name="sipint1_village" placeholder="Pilih Desa / Kelurahan" disabled>
                                                            <option value="">Pilih Desa / Kelurahan</option>
                                                            @php
                                                            $sipint1_village = \App\Models\Villages::where('id', $data->sip1_village)->first();
                                                            @endphp
                                                            @if ($sipint1_village)
                                                            <option {{ $data->sip1_village == $sipint1_village->id ? "selected" : "" }} value="{{ $sipint1_village->id }}">{{ $sipint1_village->name }}</option>
                                                            @endif
                                                        </select>
                                                        @error('sipint1_village') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        @if ($sipint1_village)
                                                        <input type="hidden" name="sipint1_village_name" value="{{ $sipint1_village->name }}">
                                                        @endif
                                                    </div>
                                                    <div id="divSipInt1" class="col-md-12 form-group">
                                                        <label class="font-weight-bold">TUJUAN PENGAJUAN SIP <span style="color: red;"> **</span></label>
                                                        <select class="form-control" name="sipint1_type" required>
                                                            <option value="">Pilih Tujuan Pengajuan</option>
                                                            <option {{ $data->sip1_type == "PEMBUATAN" ? "selected" : "" }} value="PEMBUATAN">Mengajukan</option>
                                                            <option {{ $data->sip1_type == "PERUBAHAN" ? "selected" : "" }} value="PERUBAHAN">Mengubah</option>
                                                            <option {{ $data->sip1_type == "PERPANJANGAN" ? "selected" : "" }} value="PERPANJANGAN">Memperpanjang</option>
                                                        </select>
                                                        @error('sipint_type') <span class="error text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card">
                                        <div class="card-header">
                                            <div class="row">
                                                <div class="col-lg-6">
                                                    <input class="form-control" title="Pilih SIP Ke-2" type="checkbox" name="sipint2_chosen" value="true">
                                                    @error('sipint2_chosen') <span class="error text-danger">{{ $message }}</span> @enderror
                                                </div>
                                                <div class="col-lg-2">
                                                    <h4>
                                                    </h4>
                                                </div>
                                            </div>
                                            <h4 for="sipint2_chosen">SIP ke-2</h4>
                                            <div class="card-header-action">
                                                <a data-collapse="#mycard-collapse992" class="btn btn-icon btn-info" href="#"><i class="fas fa-minus"></i></a>
                                            </div>
                                        </div>
                                        <div class="collapse show" id="mycard-collapse992" style="">
                                            <div class="card-body">
                                                <div class="row">
                                                    <div class="col-md-4 form-group">
                                                        <label class="font-weight-bold">SIP Internship</label>
                                                        <input type="number" name="sipint2_no" class="form-control" value="{{$data->sip2_no}}" readonly>
                                                        @error('sipint_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</label>
                                                        <input type="text" name="sipint2_name" class="form-control" value="{{$data->sip2_name}}" readonly>
                                                        @error('sipint_name') <span class="error text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                    <div class="col-md-12 form-group">
                                                        <label class="font-weight-bold">ALAMAT LENGKAP</label>
                                                        <input type="text" name="sipint2_address" class="form-control" value="{{$data->sip2_address}}" readonly>
                                                        @error('sipint_address') <span class="error text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                    <div class="col-md-6 form-group">
                                                        <label class="font-weight-bold">PROVINSI</label>
                                                        <select class="form-control" name="sipint2_province" placeholder="Pilih Provinsi" disabled>
                                                            <option value="">Pilih Provinsi</option>
                                                            @php
                                                            $sipint2_province = \App\Models\Provinces::where('id', $data->sip2_province)->first();
                                                            @endphp
                                                            @if ($sipint2_province)
                                                            <option {{ $data->sip2_province == $sipint2_province->id ? "selected" : "" }} value="{{ $sipint2_province->id }}">{{ $sipint2_province->name }}</option>
                                                            @endif
                                                        </select>
                                                        @if ($sipint2_province)
                                                        <input type="hidden" name="sipint2_province_name" value="{{ $sipint2_province->name }}">
                                                        @endif
                                                        @error('sipint2_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>
                                                        <select class="form-control" name="sipint2_regency" placeholder="Pilih Kabupaten / Kota" disabled>
                                                            <option value="">Pilih Kabupaten / Kota</option>
                                                            @php
                                                            $sipint2_regency = \App\Models\Regencies::where('id', $data->sip2_regency)->first();
                                                            @endphp
                                                            @if ($sipint2_regency)
                                                            <option {{ $data->sip2_regency == $sipint2_regency->id ? "selected" : "" }} value="{{ $sipint2_regency->id }}">{{ $sipint2_regency->name }}</option>
                                                            @endif
                                                        </select>
                                                        @error('sipint2_regency') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        @if ($sipint2_regency)
                                                        <input type="hidden" name="sipint2_regency_name" value="{{ $sipint2_regency->name }}">
                                                        @endif
                                                    </div>
                                                    <div class="col-md-6 form-group">
                                                        <label class="font-weight-bold">KECAMATAN</label>
                                                        <select class="form-control" name="sipint2_subdistrict" placeholder="Pilih Kecamatan" disabled>
                                                            <option value="">Pilih Kecamatan</option>
                                                            @php
                                                            $sipint2_subdistrict = \App\Models\Districts::where('id', $data->sip2_subdistrict)->first();
                                                            @endphp
                                                            @if ($sipint2_subdistrict)
                                                            <option {{ $data->sip2_subdistrict == $sipint2_subdistrict->id ? "selected" : "" }} value="{{ $sipint2_subdistrict->id }}">{{ $sipint2_subdistrict->name }}</option>
                                                            @endif
                                                        </select>
                                                        @error('sipint2_subdistrict') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        @if ($sipint2_subdistrict)
                                                        <input type="hidden" name="sipint2_subdistrict_name" value="{{ $sipint2_subdistrict->name }}">
                                                        @endif
                                                    </div>
                                                    <div class="col-md-6 form-group">
                                                        <label class="font-weight-bold">DESA / KELURAHAN</label>
                                                        <select class="form-control" name="sipint2_village" placeholder="Pilih Desa / Kelurahan" disabled>
                                                            <option value="">Pilih Desa / Kelurahan</option>
                                                            @php
                                                            $sipint2_village = \App\Models\Villages::where('id', $data->sip2_village)->first();
                                                            @endphp
                                                            @if ($sipint2_village)
                                                            <option {{ $data->sip2_village == $sipint2_village->id ? "selected" : "" }} value="{{ $sipint2_village->id }}">{{ $sipint2_village->name }}</option>
                                                            @endif
                                                        </select>
                                                        @error('sipint2_village') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        @if ($sipint2_village)
                                                        <input type="hidden" name="sipint2_village_name" value="{{ $sipint2_village->name }}">
                                                        @endif
                                                    </div>
                                                    <div id="divSipInt2" class="col-md-12 form-group">
                                                        <label class="font-weight-bold">TUJUAN PENGAJUAN SIP <span style="color: red;"> **</span></label>
                                                        <select class="form-control" name="sipint2_type" required>
                                                            <option value="">Pilih Tujuan Pengajuan</option>
                                                            <option {{ $data->sip2_type == "PEMBUATAN" ? "selected" : "" }} value="PEMBUATAN">Mengajukan</option>
                                                            <option {{ $data->sip2_type == "PERUBAHAN" ? "selected" : "" }} value="PERUBAHAN">Mengubah</option>
                                                            <option {{ $data->sip2_type == "PERPANJANGAN" ? "selected" : "" }} value="PERPANJANGAN">Memperpanjang</option>
                                                        </select>
                                                        @error('sipint_type') <span class="error text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card">
                                        <div class="card-header">
                                            <div class="row">
                                                <div class="col-lg-6">
                                                    <input class="form-control" title="Pilih SIP Ke-3" type="checkbox" name="sipint3_chosen" value="true">
                                                    @error('sipint3_chosen') <span class="error text-danger">{{ $message }}</span> @enderror
                                                </div>
                                                <div class="col-lg-2">
                                                    <h4>
                                                    </h4>
                                                </div>
                                            </div>
                                            <h4 for="sipint3_chosen">SIP ke-3</h4>
                                            <div class="card-header-action">
                                                <a data-collapse="#mycard-collapse993" class="btn btn-icon btn-info" href="#"><i class="fas fa-minus"></i></a>
                                            </div>
                                        </div>
                                        <div class="collapse show" id="mycard-collapse993" style="">
                                            <div class="card-body">
                                                <div class="row">
                                                    <div class="col-md-4 form-group">
                                                        <label class="font-weight-bold">SIP Internship</label>
                                                        <input type="number" name="sipint3_no" class="form-control" value="{{$data->sip3_no}}" readonly>
                                                        @error('sipint_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</label>
                                                        <input type="text" name="sipint3_name" class="form-control" value="{{$data->sip3_name}}" readonly>
                                                        @error('sipint_name') <span class="error text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                    <div class="col-md-12 form-group">
                                                        <label class="font-weight-bold">ALAMAT LENGKAP</label>
                                                        <input type="text" name="sipint3_address" class="form-control" value="{{$data->sip3_address}}" readonly>
                                                        @error('sipint_address') <span class="error text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                    <div class="col-md-6 form-group">
                                                        <label class="font-weight-bold">PROVINSI</label>
                                                        <select class="form-control" name="sipint3_province" placeholder="Pilih Provinsi" disabled>
                                                            <option value="">Pilih Provinsi</option>
                                                            @php
                                                            $sipint3_province = \App\Models\Provinces::where('id', $data->sip3_province)->first();
                                                            @endphp
                                                            @if ($sipint3_province)
                                                            <option {{ $data->sip3_province == $sipint3_province->id ? "selected" : "" }} value="{{ $sipint3_province->id }}">{{ $sipint3_province->name }}</option>
                                                            @endif
                                                        </select>
                                                        @if ($sipint3_province)
                                                        <input type="hidden" name="sipint3_province_name" value="{{ $sipint3_province->name }}">
                                                        @endif
                                                        @error('sipint3_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>
                                                        <select class="form-control" name="sipint3_regency" placeholder="Pilih Kabupaten / Kota" disabled>
                                                            <option value="">Pilih Kabupaten / Kota</option>
                                                            @php
                                                            $sipint3_regency = \App\Models\Regencies::where('id', $data->sip3_regency)->first();
                                                            @endphp
                                                            @if ($sipint3_regency)
                                                            <option {{ $data->sip3_regency == $sipint3_regency->id ? "selected" : "" }} value="{{ $sipint3_regency->id }}">{{ $sipint3_regency->name }}</option>
                                                            @endif
                                                        </select>
                                                        @error('sipint3_regency') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        @if ($sipint3_regency)
                                                        <input type="hidden" name="sipint3_regency_name" value="{{ $sipint3_regency->name }}">
                                                        @endif
                                                    </div>
                                                    <div class="col-md-6 form-group">
                                                        <label class="font-weight-bold">KECAMATAN</label>
                                                        <select class="form-control" name="sipint3_subdistrict" placeholder="Pilih Kecamatan" disabled>
                                                            <option value="">Pilih Kecamatan</option>
                                                            @php
                                                            $sipint3_subdistrict = \App\Models\Districts::where('id', $data->sip3_subdistrict)->first();
                                                            @endphp
                                                            @if ($sipint3_subdistrict)
                                                            <option {{ $data->sip3_subdistrict == $sipint3_subdistrict->id ? "selected" : "" }} value="{{ $sipint3_subdistrict->id }}">{{ $sipint3_subdistrict->name }}</option>
                                                            @endif
                                                        </select>
                                                        @error('sipint3_subdistrict') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        @if ($sipint3_subdistrict)
                                                        <input type="hidden" name="sipint3_subdistrict_name" value="{{ $sipint3_subdistrict->name }}">
                                                        @endif
                                                    </div>
                                                    <div class="col-md-6 form-group">
                                                        <label class="font-weight-bold">DESA / KELURAHAN</label>
                                                        <select class="form-control" name="sipint3_village" placeholder="Pilih Desa / Kelurahan" disabled>
                                                            <option value="">Pilih Desa / Kelurahan</option>
                                                            @php
                                                            $sipint3_village = \App\Models\Villages::where('id', $data->sip3_village)->first();
                                                            @endphp
                                                            @if ($sipint3_village)
                                                            <option {{ $data->sip3_village == $sipint3_village->id ? "selected" : "" }} value="{{ $sipint3_village->id }}">{{ $sipint3_village->name }}</option>
                                                            @endif
                                                        </select>
                                                        @error('sipint3_village') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        @if ($sipint3_village)
                                                        <input type="hidden" name="sipint3_village_name" value="{{ $sipint3_village->name }}">
                                                        @endif
                                                    </div>
                                                    <div id="divSipInt3" class="col-md-12 form-group">
                                                        <label class="font-weight-bold">TUJUAN PENGAJUAN SIP <span style="color: red;"> **</span></label>
                                                        <select class="form-control" name="sipint3_type" required>
                                                            <option value="">Pilih Tujuan Pengajuan</option>
                                                            <option {{ $data->sip3_type == "PEMBUATAN" ? "selected" : "" }} value="PEMBUATAN">Mengajukan</option>
                                                            <option {{ $data->sip3_type == "PERUBAHAN" ? "selected" : "" }} value="PERUBAHAN">Mengubah</option>
                                                            <option {{ $data->sip3_type == "PERPANJANGAN" ? "selected" : "" }} value="PERPANJANGAN">Memperpanjang</option>
                                                        </select>
                                                        @error('sipint_type') <span class="error text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- DATA SIP PPDS -->
                                <div class="sip-ppds-element">
                                    <hr>
                                    <div class="row justify-content-md-left">
                                        <div class="col-4">
                                            <h3> Informasi SIP PPDS</h3>
                                        </div>
                                        <div class="col-2">
                                            <a href="{{ route('anggota.profil') }}" class="btn btn-transparent" data-toggle="tooltip" title="Ubah"><i class="fas fa-pencil-alt"></i> Ubah Data </a>
                                        </div>
                                    </div>
                                    <hr>
                                    <div id="error-div" class="alert alert-info alert-dismissible fade show" role="alert">
                                        <strong>Perhatian!</strong> Silahkan pilih SIP untuk melanjutkan.
                                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                    </div>
                                    <span id="error-sip-ps" class="error text-danger"></span>
                                    <div class="card">
                                        <div class="card-header">
                                            <div class="row">
                                                <div class="col-lg-6">
                                                    <input class="form-control" title="Pilih SIP Ke-1" type="checkbox" name="sipps1_chosen" value="true">
                                                    @error('sipps1_chosen') <span class="error text-danger">{{ $message }}</span> @enderror
                                                </div>
                                                <div class="col-lg-2">
                                                    <h4>
                                                    </h4>
                                                </div>
                                            </div>
                                            <h4 for="sipps_chosen">SIP ke-1</h4>
                                            <div class="card-header-action">
                                                <a data-collapse="#mycard-collapse881" class="btn btn-icon btn-info" href="#"><i class="fas fa-minus"></i></a>
                                            </div>
                                        </div>
                                        <div class="collapse show" id="mycard-collapse881" style="">
                                            <div class="card-body">
                                                <div class="row">
                                                    <div class="col-md-4 form-group">
                                                        <label class="font-weight-bold">SIP PPDS</label>
                                                        <input type="number" name="sipps1_no" class="form-control" value="{{$data->sip1_no}}" readonly>
                                                        @error('sipps1_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</label>
                                                        <input type="text" name="sipps1_name" class="form-control" value="{{$data->sip1_name}}" readonly>
                                                        @error('sipps1_name') <span class="error text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                    <div class="col-md-12 form-group">
                                                        <label class="font-weight-bold">ALAMAT LENGKAP</label>
                                                        <input type="text" name="sipps1_address" class="form-control" value="{{$data->sip1_address}}" readonly>
                                                        @error('sipps1_address') <span class="error text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                    <div class="col-md-6 form-group">
                                                        <label class="font-weight-bold">PROVINSI</label>
                                                        <select class="form-control" name="sipps1_province" placeholder="Pilih Provinsi" disabled>
                                                            <option value="">Pilih Provinsi</option>
                                                            @php
                                                            $sipps1_province = \App\Models\Provinces::where('id', $data->sip1_province)->first();
                                                            @endphp
                                                            @if ($sipps1_province)
                                                            <option {{ $data->sip1_province == $sipps1_province->id ? "selected" : "" }} value="{{ $sipps1_province->id }}">{{ $sipps1_province->name }}</option>
                                                            @endif
                                                        </select>
                                                        @if ($sipps1_province)
                                                        <input type="hidden" name="sipps1_province_name" value="{{ $sipps1_province->name }}">
                                                        @endif
                                                        @error('sipps1_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>
                                                        <select class="form-control" name="sipps1_regency" placeholder="Pilih Kabupaten / Kota" disabled>
                                                            <option value="">Pilih Kabupaten / Kota</option>
                                                            @php
                                                            $sipps1_regency = \App\Models\Regencies::where('id', $data->sip1_regency)->first();
                                                            @endphp
                                                            @if ($sipps1_regency)
                                                            <option {{ $data->sip1_regency == $sipps1_regency->id ? "selected" : "" }} value="{{ $sipps1_regency->id }}">{{ $sipps1_regency->name }}</option>
                                                            @endif
                                                        </select>
                                                        @error('sipps1_regency') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        @if ($sipps1_regency)
                                                        <input type="hidden" name="sipps1_regency_name" value="{{ $sipps1_regency->name }}">
                                                        @endif
                                                    </div>
                                                    <div class="col-md-6 form-group">
                                                        <label class="font-weight-bold">KECAMATAN</label>
                                                        <select class="form-control" name="sipps1_subdistrict" placeholder="Pilih Kecamatan" disabled>
                                                            <option value="">Pilih Kecamatan</option>
                                                            @php
                                                            $sipps1_subdistrict = \App\Models\Districts::where('id', $data->sip1_subdistrict)->first();
                                                            @endphp
                                                            @if ($sipps1_subdistrict)
                                                            <option {{ $data->sip1_subdistrict == $sipps1_subdistrict->id ? "selected" : "" }} value="{{ $sipps1_subdistrict->id }}">{{ $sipps1_subdistrict->name }}</option>
                                                            @endif
                                                        </select>
                                                        @error('sipps1_subdistrict') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        @if ($sipps1_subdistrict)
                                                        <input type="hidden" name="sipps1_subdistrict_name" value="{{ $sipps1_subdistrict->name }}">
                                                        @endif
                                                    </div>
                                                    <div class="col-md-6 form-group">
                                                        <label class="font-weight-bold">DESA / KELURAHAN</label>
                                                        <select class="form-control" name="sipps1_village" placeholder="Pilih Desa / Kelurahan" disabled>
                                                            <option value="">Pilih Desa / Kelurahan</option>
                                                            @php
                                                            $sipps1_village = \App\Models\Villages::where('id', $data->sip1_village)->first();
                                                            @endphp
                                                            @if ($sipps1_village)
                                                            <option {{ $data->sip1_village == $sipps1_village->id ? "selected" : "" }} value="{{ $sipps1_village->id }}">{{ $sipps1_village->name }}</option>
                                                            @endif
                                                        </select>
                                                        @error('sipps1_village') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        @if ($sipps1_village)
                                                        <input type="hidden" name="sipps1_village_name" value="{{ $sipps1_village->name }}">
                                                        @endif
                                                    </div>
                                                    <div id="divSipPs1" class="col-md-12 form-group">
                                                        <label class="font-weight-bold">TUJUAN PENGAJUAN SIP <span style="color: red;"> **</span></label>
                                                        <select class="form-control" name="sipps1_type" required>
                                                            <option value="">Pilih Tujuan Pengajuan</option>
                                                            <option {{ $data->sip1_type == "PEMBUATAN" ? "selected" : "" }} value="PEMBUATAN">Mengajukan</option>
                                                            <option {{ $data->sip1_type == "PERUBAHAN" ? "selected" : "" }} value="PERUBAHAN">Mengubah</option>
                                                            <option {{ $data->sip1_type == "PERPANJANGAN" ? "selected" : "" }} value="PERPANJANGAN">Memperpanjang</option>
                                                        </select>
                                                        @error('sipps1_type') <span class="error text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card">
                                        <div class="card-header">
                                            <div class="row">
                                                <div class="col-lg-6">
                                                    <input class="form-control" title="Pilih SIP Ke-2" type="checkbox" name="sipps2_chosen" value="true">
                                                    @error('sipps2_chosen') <span class="error text-danger">{{ $message }}</span> @enderror
                                                </div>
                                                <div class="col-lg-2">
                                                    <h4>
                                                    </h4>
                                                </div>
                                            </div>
                                            <h4 for="sipps_chosen">SIP ke-2</h4>
                                            <div class="card-header-action">
                                                <a data-collapse="#mycard-collapse882" class="btn btn-icon btn-info" href="#"><i class="fas fa-minus"></i></a>
                                            </div>
                                        </div>
                                        <div class="collapse show" id="mycard-collapse882" style="">
                                            <div class="card-body">
                                                <div class="row">
                                                    <div class="col-md-4 form-group">
                                                        <label class="font-weight-bold">SIP PPDS</label>
                                                        <input type="number" name="sipps2_no" class="form-control" value="{{$data->sip2_no}}" readonly>
                                                        @error('sipps2_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</label>
                                                        <input type="text" name="sipps2_name" class="form-control" value="{{$data->sip2_name}}" readonly>
                                                        @error('sipps2_name') <span class="error text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                    <div class="col-md-12 form-group">
                                                        <label class="font-weight-bold">ALAMAT LENGKAP</label>
                                                        <input type="text" name="sipps2_address" class="form-control" value="{{$data->sip2_address}}" readonly>
                                                        @error('sipps2_address') <span class="error text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                    <div class="col-md-6 form-group">
                                                        <label class="font-weight-bold">PROVINSI</label>
                                                        <select class="form-control" name="sipps2_province" placeholder="Pilih Provinsi" disabled>
                                                            <option value="">Pilih Provinsi</option>
                                                            @php
                                                            $sipps2_province = \App\Models\Provinces::where('id', $data->sip2_province)->first();
                                                            @endphp
                                                            @if ($sipps2_province)
                                                            <option {{ $data->sip2_province == $sipps2_province->id ? "selected" : "" }} value="{{ $sipps2_province->id }}">{{ $sipps2_province->name }}</option>
                                                            @endif
                                                        </select>
                                                        @if ($sipps2_province)
                                                        <input type="hidden" name="sipps2_province_name" value="{{ $sipps2_province->name }}">
                                                        @endif
                                                        @error('sipps2_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>
                                                        <select class="form-control" name="sipps2_regency" placeholder="Pilih Kabupaten / Kota" disabled>
                                                            <option value="">Pilih Kabupaten / Kota</option>
                                                            @php
                                                            $sipps2_regency = \App\Models\Regencies::where('id', $data->sip2_regency)->first();
                                                            @endphp
                                                            @if ($sipps2_regency)
                                                            <option {{ $data->sip2_regency == $sipps2_regency->id ? "selected" : "" }} value="{{ $sipps2_regency->id }}">{{ $sipps2_regency->name }}</option>
                                                            @endif
                                                        </select>
                                                        @error('sipps2_regency') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        @if ($sipps2_regency)
                                                        <input type="hidden" name="sipps2_regency_name" value="{{ $sipps2_regency->name }}">
                                                        @endif
                                                    </div>
                                                    <div class="col-md-6 form-group">
                                                        <label class="font-weight-bold">KECAMATAN</label>
                                                        <select class="form-control" name="sipps2_subdistrict" placeholder="Pilih Kecamatan" disabled>
                                                            <option value="">Pilih Kecamatan</option>
                                                            @php
                                                            $sipps2_subdistrict = \App\Models\Districts::where('id', $data->sip2_subdistrict)->first();
                                                            @endphp
                                                            @if ($sipps2_subdistrict)
                                                            <option {{ $data->sip2_subdistrict == $sipps2_subdistrict->id ? "selected" : "" }} value="{{ $sipps2_subdistrict->id }}">{{ $sipps2_subdistrict->name }}</option>
                                                            @endif
                                                        </select>
                                                        @error('sipps2_subdistrict') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        @if ($sipps2_subdistrict)
                                                        <input type="hidden" name="sipps2_subdistrict_name" value="{{ $sipps2_subdistrict->name }}">
                                                        @endif
                                                    </div>
                                                    <div class="col-md-6 form-group">
                                                        <label class="font-weight-bold">DESA / KELURAHAN</label>
                                                        <select class="form-control" name="sipps2_village" placeholder="Pilih Desa / Kelurahan" disabled>
                                                            <option value="">Pilih Desa / Kelurahan</option>
                                                            @php
                                                            $sipps2_village = \App\Models\Villages::where('id', $data->sip2_village)->first();
                                                            @endphp
                                                            @if ($sipps2_village)
                                                            <option {{ $data->sip2_village == $sipps2_village->id ? "selected" : "" }} value="{{ $sipps2_village->id }}">{{ $sipps2_village->name }}</option>
                                                            @endif
                                                        </select>
                                                        @error('sipps2_village') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        @if ($sipps2_village)
                                                        <input type="hidden" name="sipps2_village_name" value="{{ $sipps2_village->name }}">
                                                        @endif
                                                    </div>
                                                    <div id="divSipPs2" class="col-md-12 form-group">
                                                        <label class="font-weight-bold">TUJUAN PENGAJUAN SIP <span style="color: red;"> **</span></label>
                                                        <select class="form-control" name="sipps2_type" required>
                                                            <option value="">Pilih Tujuan Pengajuan</option>
                                                            <option {{ $data->sip2_type == "PEMBUATAN" ? "selected" : "" }} value="PEMBUATAN">Mengajukan</option>
                                                            <option {{ $data->sip2_type == "PERUBAHAN" ? "selected" : "" }} value="PERUBAHAN">Mengubah</option>
                                                            <option {{ $data->sip2_type == "PERPANJANGAN" ? "selected" : "" }} value="PERPANJANGAN">Memperpanjang</option>
                                                        </select>
                                                        @error('sipps1_type') <span class="error text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card">
                                        <div class="card-header">
                                            <div class="row">
                                                <div class="col-lg-6">
                                                    <input class="form-control" title="Pilih SIP Ke-3" type="checkbox" name="sipps3_chosen" value="true">
                                                    @error('sipps3_chosen') <span class="error text-danger">{{ $message }}</span> @enderror
                                                </div>
                                                <div class="col-lg-2">
                                                    <h4>
                                                    </h4>
                                                </div>
                                            </div>
                                            <h4 for="sipps_chosen">SIP ke-3</h4>
                                            <div class="card-header-action">
                                                <a data-collapse="#mycard-collapse883" class="btn btn-icon btn-info" href="#"><i class="fas fa-minus"></i></a>
                                            </div>
                                        </div>
                                        <div class="collapse show" id="mycard-collapse883" style="">
                                            <div class="card-body">
                                                <div class="row">
                                                    <div class="col-md-4 form-group">
                                                        <label class="font-weight-bold">SIP PPDS</label>
                                                        <input type="number" name="sipps3_no" class="form-control" value="{{$data->sip3_no}}" readonly>
                                                        @error('sipps3_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</label>
                                                        <input type="text" name="sipps3_name" class="form-control" value="{{$data->sip3_name}}" readonly>
                                                        @error('sipps3_name') <span class="error text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                    <div class="col-md-12 form-group">
                                                        <label class="font-weight-bold">ALAMAT LENGKAP</label>
                                                        <input type="text" name="sipps3_address" class="form-control" value="{{$data->sip3_address}}" readonly>
                                                        @error('sipps3_address') <span class="error text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                    <div class="col-md-6 form-group">
                                                        <label class="font-weight-bold">PROVINSI</label>
                                                        <select class="form-control" name="sipps3_province" placeholder="Pilih Provinsi" disabled>
                                                            <option value="">Pilih Provinsi</option>
                                                            @php
                                                            $sipps3_province = \App\Models\Provinces::where('id', $data->sip3_province)->first();
                                                            @endphp
                                                            @if ($sipps3_province)
                                                            <option {{ $data->sip3_province == $sipps3_province->id ? "selected" : "" }} value="{{ $sipps3_province->id }}">{{ $sipps3_province->name }}</option>
                                                            @endif
                                                        </select>
                                                        @if ($sipps3_province)
                                                        <input type="hidden" name="sipps3_province_name" value="{{ $sipps3_province->name }}">
                                                        @endif
                                                        @error('sipps3_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>
                                                        <select class="form-control" name="sipps3_regency" placeholder="Pilih Kabupaten / Kota" disabled>
                                                            <option value="">Pilih Kabupaten / Kota</option>
                                                            @php
                                                            $sipps3_regency = \App\Models\Regencies::where('id', $data->sip3_regency)->first();
                                                            @endphp
                                                            @if ($sipps3_regency)
                                                            <option {{ $data->sip3_regency == $sipps3_regency->id ? "selected" : "" }} value="{{ $sipps3_regency->id }}">{{ $sipps3_regency->name }}</option>
                                                            @endif
                                                        </select>
                                                        @error('sipps3_regency') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        @if ($sipps3_regency)
                                                        <input type="hidden" name="sipps3_regency_name" value="{{ $sipps3_regency->name }}">
                                                        @endif
                                                    </div>
                                                    <div class="col-md-6 form-group">
                                                        <label class="font-weight-bold">KECAMATAN</label>
                                                        <select class="form-control" name="sipps3_subdistrict" placeholder="Pilih Kecamatan" disabled>
                                                            <option value="">Pilih Kecamatan</option>
                                                            @php
                                                            $sipps3_subdistrict = \App\Models\Districts::where('id', $data->sip3_subdistrict)->first();
                                                            @endphp
                                                            @if ($sipps3_subdistrict)
                                                            <option {{ $data->sip3_subdistrict == $sipps3_subdistrict->id ? "selected" : "" }} value="{{ $sipps3_subdistrict->id }}">{{ $sipps3_subdistrict->name }}</option>
                                                            @endif
                                                        </select>
                                                        @error('sipps3_subdistrict') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        @if ($sipps3_subdistrict)
                                                        <input type="hidden" name="sipps3_subdistrict_name" value="{{ $sipps3_subdistrict->name }}">
                                                        @endif
                                                    </div>
                                                    <div class="col-md-6 form-group">
                                                        <label class="font-weight-bold">DESA / KELURAHAN</label>
                                                        <select class="form-control" name="sipps3_village" placeholder="Pilih Desa / Kelurahan" disabled>
                                                            <option value="">Pilih Desa / Kelurahan</option>
                                                            @php
                                                            $sipps3_village = \App\Models\Villages::where('id', $data->sip3_village)->first();
                                                            @endphp
                                                            @if ($sipps3_village)
                                                            <option {{ $data->sip3_village == $sipps3_village->id ? "selected" : "" }} value="{{ $sipps3_village->id }}">{{ $sipps3_village->name }}</option>
                                                            @endif
                                                        </select>
                                                        @error('sipps3_village') <span class="error text-danger">{{ $message }}</span> @enderror
                                                        @if ($sipps3_village)
                                                        <input type="hidden" name="sipps3_village_name" value="{{ $sipps3_village->name }}">
                                                        @endif
                                                    </div>
                                                    <div id="divSipPs3" class="col-md-12 form-group">
                                                        <label class="font-weight-bold">TUJUAN PENGAJUAN SIP <span style="color: red;"> **</span></label>
                                                        <select class="form-control" name="sipps3_type" required>
                                                            <option value="">Pilih Tujuan Pengajuan</option>
                                                            <option {{ $data->sip3_type == "PEMBUATAN" ? "selected" : "" }} value="PEMBUATAN">Mengajukan</option>
                                                            <option {{ $data->sip3_type == "PERUBAHAN" ? "selected" : "" }} value="PERUBAHAN">Mengubah</option>
                                                            <option {{ $data->sip3_type == "PERPANJANGAN" ? "selected" : "" }} value="PERPANJANGAN">Memperpanjang</option>
                                                        </select>
                                                        @error('sipps3_type') <span class="error text-danger">{{ $message }}</span> @enderror
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- Tombol -->
                                <button class="btn btn-warning nextBtn btn-lg pull-right" type="button">
                                    Lanjut <i class="fa fa-arrow-right"></i>
                                </button>
                            </div>
                        </div>
                        <!-- DOKUMEN PENDUKUNG -->
                        <div class="row setup-content {{ $currentStep != 3 ? 'displayNone' : '' }}" id="step-3">
                            <div class="col-md-12">
                                <hr>
                                <h3 class="text-center"> Upload Dokumen Pendukung</h3>
                                <small id="form_name" class="badge badge-success"></small>
                                <small id="type_sip" class="text-info"></small>
                                <hr>
                                <div class="col-md-12">
                                    <div class="form-document row"></div>
                                </div>

                                <!-- Tombol -->
                                <button class="btn btn-danger backBtn btn-lg pull-right" type="button">
                                    <i class="fa fa-arrow-left"></i> Kembali
                                </button>
                                <button class="btn btn-warning nextBtn btn-lg pull-right" type="button">
                                    Lanjut <i class="fa fa-arrow-right"></i>
                                </button>
                            </div>
                        </div>
                        <!-- DATA VERIFIKASI -->
                        <div class="row setup-content {{ $currentStep != 4 ? 'displayNone' : '' }}" id="step-4">
                            <div class="col-md-12">

                                <h3 class="text-center mb-2"> Cek Kembali Data Anda</h3>
                                <hr>
                                <h5>IDENTITAS DIRI</h5>
                                <hr>
                                <div class="table-responsive">
                                    <table class="table table-striped mb-0">
                                        <tr>
                                            <td>Pengajuan</td>
                                            <td>:</td>
                                            <td>
                                                <div id="application_name" class="badge badge-success"></div>
                                            </td>
                                            <td>Foto</td>
                                            <td>:</td>
                                            <td>
                                                <div class="gallery">
                                                    @if($data->gender == 'L')
                                                    @php
                                                    $foto = 'avatar-1.png';
                                                    @endphp
                                                    @else
                                                    @php
                                                    $foto = 'avatar-5.png';
                                                    @endphp
                                                    @endif
                                                    <div class="gallery-item" data-image="{{ file_exists('storage/document/' . $data->foto) && $data->foto != null && $data->foto != 'default-foto.png' ? asset('storage/document/' . $data->foto) : asset('assets-panel/img/avatar/'.$foto) }}" data-title="Klik Gambar"></div>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Nama Lengkap</td>
                                            <td>:</td>
                                            <td><strong>{{$data->front_degree}} {{$data->name}} {{$data->back_degree}}</strong></td>
                                            <td>Tempat, Tanggal Lahir</td>
                                            <td>:</td>
                                            <td><strong>{{$data->place}}, {{ $data->birth_date ? date('d-m-Y', strtotime($data->birth_date)) : '' }}</strong></td>
                                        </tr>
                                        <tr>
                                            <td>Alamat KTP</td>
                                            <td>:</td>
                                            <td colspan="4"><strong>{{$data->home_address}}</strong></td>
                                        </tr>
                                        <tr>
                                            <td>No Telp/HP</td>
                                            <td>:</td>
                                            <td><strong>{{$data->phone}}</strong></td>
                                            <td>Email</td>
                                            <td>:</td>
                                            <td><strong>{{$data->email}}</strong></td>
                                        </tr>
                                    </table>
                                </div>
                                <hr>
                                <h5>INFORMASI PENDIDIKAN</h5>
                                <hr>
                                <div class="table-responsive">
                                    <table class="table table-striped mb-0">
                                        <tr>
                                            <td colspan="6"><strong>PENDIDIKAN TERAKHIR</strong></td>
                                        </tr>
                                        <tr>
                                            <td>Institusi Pendidikan</td>
                                            <td>:</td>
                                            <td><strong>{{ strtoupper($institution_a->name ?? '') }}</strong></td>
                                            <td>Jenjang Pendidikan</td>
                                            <td>:</td>
                                            <td><strong>{{ strtoupper($academic_degree_a->name ?? '') }}</strong></td>
                                        </tr>
                                        <tr>
                                            <td>Nomor Ijazah</td>
                                            <td>:</td>
                                            <td><strong>{{ strtoupper($data->ijazah_no_a) }}</strong></td>
                                            <td>Tahun Lulus</td>
                                            <td>:</td>
                                            <td><strong>{{ $data->graduation_year_a ? date('d-m-Y', strtotime($data->graduation_year_a)) : '' }}</strong></td>
                                        </tr>
                                        <tr>
                                            <td colspan="6"><strong>PENDIDIKAN LAINNYA</strong></td>
                                        </tr>
                                        <tr>
                                            <td>Institusi Pendidikan</td>
                                            <td>:</td>
                                            <td><strong>{{ strtoupper($institution_b->name ?? '') }}</strong></td>
                                            <td>Jenjang Pendidikan</td>
                                            <td>:</td>
                                            <td><strong>{{ strtoupper($academic_degree_b->name ?? '') }}</strong></td>
                                        </tr>
                                        <tr>
                                            <td>Nomor Ijazah</td>
                                            <td>:</td>
                                            <td><strong>{{ strtoupper($data->ijazah_no_b) }}</strong></td>
                                            <td>Tahun Lulus</td>
                                            <td>:</td>
                                            <td><strong>{{ $data->graduation_year_b ? date('d-m-Y', strtotime($data->graduation_year_b)) : '' }}</strong></td>
                                        </tr>
                                        <tr>
                                            <td colspan="6"><strong>PENDIDIKAN LAINNYA</strong></td>
                                        </tr>
                                        <tr>
                                            <td>Institusi Pendidikan</td>
                                            <td>:</td>
                                            <td><strong>{{ strtoupper($institution_c->name ?? '') }}</strong></td>
                                            <td>Jenjang Pendidikan</td>
                                            <td>:</td>
                                            <td><strong>{{ strtoupper($academic_degree_c->name ?? '') }}</strong></td>
                                        </tr>
                                        <tr>
                                            <td>Nomor Ijazah</td>
                                            <td>:</td>
                                            <td><strong>{{ strtoupper($data->ijazah_no_c) }}</strong></td>
                                            <td>Tahun Lulus</td>
                                            <td>:</td>
                                            <td><strong>{{ $data->graduation_year_c ? date('d-m-Y', strtotime($data->graduation_year_c)) : '' }}</strong></td>
                                        </tr>
                                    </table>
                                </div>
                                <hr>
                                <h5>INFORMASI PEKERJAAN</h5>
                                <hr>
                                <div class="table-responsive">
                                    <table class="table table-striped mb-0">
                                        <tr>
                                            <td colspan="6"><strong>PEKERJAAN</strong></td>
                                        </tr>
                                        <tr>
                                            <td>Status Kepegawaian / Waktu</td>
                                            <td>:</td>
                                            <td><strong>{{$data->employment_status}} / {{$data->time_type}}</strong></td>
                                            <td>Jabatan</td>
                                            <td>:</td>
                                            <td><strong>{{$data->position}}</strong></td>
                                        </tr>
                                        <tr>
                                            <td>Tempat Praktek</td>
                                            <td>:</td>
                                            <td><strong>{{strtoupper($data->hospital)}}</strong></td>
                                            <td>Alamat Praktek</td>
                                            <td>:</td>
                                            <td><strong>{{$data->practice_address}}</strong></td>
                                        </tr>
                                        <tr>
                                            <td colspan="6"><strong>PRAKTEK PRIBADI</strong></td>
                                        </tr>
                                        <tr>
                                            <td>Tempat Praktek</td>
                                            <td>:</td>
                                            <td><strong>{{ strtoupper($data->private_practice) }}</strong></td>
                                            <td>Alamat Praktek</td>
                                            <td>:</td>
                                            <td><strong>{{$data->private_practice_address}}</strong></td>
                                        </tr>
                                    </table>
                                </div>
                                <hr>
                                <h5>INFORMASI TAMBAHAN</h5>
                                <hr>
                                <div class="table-responsive">
                                    <table class="table table-striped mb-0">
                                        <tr>
                                            <td>No STR Dokter Umum</td>
                                            <td>:</td>
                                            <td><strong>{{$data->str_no}}</strong></td>
                                            <td>Masa Berlaku STR</td>
                                            <td>:</td>
                                            <td><strong>{{ $data->validity_period_str ? date('d-m-Y', strtotime($data->validity_period_str)) : '' }}</strong></td>
                                        </tr>
                                        <tr>
                                            <td>No STR Dokter Spesialis</td>
                                            <td>:</td>
                                            <td><strong>{{$data->str_no_sp}}</strong></td>
                                            <td>Masa Berlaku STR</td>
                                            <td>:</td>
                                            <td><strong>{{ $data->validity_period_str_sp ? date('d-m-Y', strtotime($data->validity_period_str_sp)) : '' }}</strong></td>
                                        </tr>
                                        <tr>
                                            <td>No STR Kompetensi Tambahan</td>
                                            <td>:</td>
                                            <td><strong>{{$data->str_no_kt}}</strong></td>
                                            <td>Masa Berlaku STR</td>
                                            <td>:</td>
                                            <td><strong>{{ $data->validity_period_str_kt ? date('d-m-Y', strtotime($data->validity_period_str_kt)) : '' }}</strong></td>
                                        </tr>
                                        <tr>
                                            <td>Anggota IDI</td>
                                            <td>:</td>
                                            <td><strong>{{$data->area_members}} {{$data->branch_members}}</strong></td>
                                            <td>NPAC / NPA IDI</td>
                                            <td>:</td>
                                            <td><strong>{{$data->no_anggota}} / {{$data->central_idi_npa}}</strong></td>
                                        </tr>
                                    </table>
                                </div>
                                <hr>
                                <h5>INFORMASI SIP</h5>
                                <hr>
                                <div class="table-responsive">
                                    <table id="sip-table" class="table table-striped mb-0">
                                        <thead>
                                            <tr>
                                                <!-- <th>Pilih</th> -->
                                                <th>SIP</th>
                                                <th>Nama</th>
                                                <th>Alamat</th>
                                                <th>Provinsi</th>
                                                <th>Kabupaten / Kota</th>
                                                <th>Kecamatan</th>
                                                <th>Desa / Kelurahan</th>
                                                <th>Pengajuan</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <!-- Populate table with data from sip array -->
                                        </tbody>
                                    </table>
                                </div>
                                <hr>
                                <h5>DOKUMEN PENDUKUNG</h5>
                                <hr>
                                <div class="table-responsive">
                                    <table id="upload-table" class="table table-striped mb-0">
                                        <thead>
                                            <tr style="text-align:left">
                                                <th>Kode</th>
                                                <th>Dokumen</th>
                                                <th>File</th>
                                                <th style="text-align:center">Lihat</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <!--  Populate table with data from upload array -->
                                        </tbody>
                                    </table>
                                </div>
                                <br>
                                <br>
                                <hr>

                                <div class="col-md-12">
                                    <div class="alert alert-info alert-has-icon">
                                        @php
                                        $label = \App\Models\Label::where(['code' => 'disclaimer-str' ])->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="agree" name="agree" value="1" checked required>
                                    <label for="agree"> Setujui Disclaimer</label>
                                </div>
                                <div class="col-md-8">
                                    <button class="btn btn-danger backBtn btn-lg pull-right" type="button">
                                        <i class="fa fa-arrow-left"></i> Kembali
                                    </button>
                                    <button class="btn btn-success submitBtn btn-lg pull-right" type="button">
                                        Kirim <i class="fa fa-paper-plane"></i>
                                    </button>
                                </div>
                            </div>
                        </div>

                    </form>
                    @endif
                </div>
            </div>
        </div>
    </div>
</section>

<!-- LOGIC SELECT FORM  -->
<script>
    $(document).ready(function() {
        $(".sip-element").hide();
        $(".sip-internship-element").hide();
        $(".sip-ppds-element").hide();
        $("select[name='application_type']").on('change', function() {
            var id = $(this).val();
            if (id) {
                $.ajax({
                    url: '/anggota/get-nama-form/' + id,
                    type: "GET",
                    dataType: "json",
                    success: function(data) {
                        $(document).ready(function() {
                            if (data) {
                                switch (JSON.stringify([data.type, data.doctor])) {
                                    case JSON.stringify(['FRS', 'DU']):
                                        document.getElementById('form_type').value = data.type;
                                        document.getElementById('form_doctor').value = data.doctor;
                                        $(".sip-element").css("display", "block");
                                        $(".sip-internship-element").css("display", "none");
                                        $(".sip-ppds-element").css("display", "none");
                                        $("input[name='specialist']").removeClass("is-invalid");
                                        $("input[name='str_no_sp']").removeClass("is-invalid");
                                        $("input[name='validity_period_str_sp']").removeClass("is-valid");
                                        swal("Informasi", "Anda memilih form SIP Dokter Umum", "success");
                                        break;
                                    case JSON.stringify(['FRS', 'DSp']):
                                        document.getElementById('form_type').value = data.type;
                                        document.getElementById('form_doctor').value = data.doctor;
                                        $(".sip-element").css("display", "block");
                                        $(".sip-internship-element").css("display", "none");
                                        $(".sip-ppds-element").css("display", "none");
                                        $("input[name='str_no']").removeClass("is-invalid");
                                        $("input[name='validity_period_str']").removeClass("is-valid");
                                        swal("Informasi", "Anda memilih form SIP Dokter Spesialis", "success");
                                        break;
                                    case JSON.stringify(['FRS', 'DIn']):
                                        document.getElementById('form_type').value = data.type;
                                        document.getElementById('form_doctor').value = data.doctor;
                                        $(".sip-element").css("display", "none");
                                        $(".sip-internship-element").css("display", "block");
                                        $(".sip-ppds-element").css("display", "none");
                                        $("input[name='specialist']").removeClass("is-invalid");
                                        $("input[name='str_no_sp']").removeClass("is-invalid");
                                        $("input[name='validity_period_str_sp']").removeClass("is-valid");
                                        swal("Informasi", "Anda memilih form SIP Dokter Internship", "success");
                                        break;
                                    case JSON.stringify(['FRS', 'DPs']):
                                        document.getElementById('form_type').value = data.type;
                                        document.getElementById('form_doctor').value = data.doctor;
                                        $(".sip-element").css("display", "none");
                                        $(".sip-internship-element").css("display", "none");
                                        $(".sip-ppds-element").css("display", "block");
                                        $("input[name='specialist']").removeClass("is-invalid");
                                        $("input[name='str_no_sp']").removeClass("is-invalid");
                                        $("input[name='validity_period_str_sp']").removeClass("is-valid");
                                        swal("Informasi", "Anda memilih form SIP Khusus PPDS", "success");
                                        break;
                                    default:
                                        break;
                                }
                            } else {
                                swal("Informasi", "Form tidak ditemukan", "error");
                            }
                        });
                    },
                    error: function(xhr, status, error) {
                        console.log(xhr.responseText);
                    }
                });
            } else {
                $(".sip-element").hide();
                $(".sip-internship-element").hide();
                $(".sip-ppds-element").hide();
            }
        });
    });
</script>

<!-- LOGIC SUBMIT FORM -->
<script>
    $(document).ready(function() {
        var currentStep = 1;
        // console.log("Langkah : " + currentStep);

        $(".progressbar li").click(function() {
            var targetStep = $(this).index() + 1;

            if (targetStep > currentStep) {
                // pengguna mencoba melompat ke depan, periksa jika data di langkah sebelumnya sudah lengkap
                if (checkData(currentStep)) {
                    // pindah ke langkah berikutnya
                    goToNextStep();
                } else {
                    // data belum lengkap, berikan pesan kesalahan
                    swal("Informasi", "Silahkan lengkapi data pada langkah sebelumnya terlebih dahulu", "error");
                }
            } else {
                // pengguna mencoba melompat ke belakang, langsung pindah ke langkah tersebut
                goToStep(targetStep);
            }
        });

        function checkData(step) {
            // fungsi ini akan memeriksa jika data di langkah sebelumnya sudah lengkap
            if (step == 1) {
                // periksa persetujuan
                return true;
            } else if (step == 2) {
                // periksa data pemohon
                return true;
            } else if (step == 3) {
                // periksa dokumen yang diunggah
                // jika dokumen sudah lengkap, kembalikan nilai true, jika tidak, kembalikan nilai false
                return true;
            } else if (step == 4) {
                // periksa data ulang dan submit
                return true;
            }
        }

        function goToNextStep() {
            // lakukan validasi data pada langkah saat ini
            var isValid = validateStep(currentStep);
            if (isValid) {
                document.getElementById('loading').style.display = 'none';
                goToStep(currentStep + 1);
            } else {
                // tampilkan pesan error jika data belum valid
                swal("Informasi", "Harap lengkapi data pada langkah " + currentStep + " terlebih dahulu.", 'warning');
            }
        }

        // Dapatkan elemen-elemen yang diperlukan
        var persetujuanRadios = document.querySelectorAll('input[name="persetujuan"]');
        var lanjutkanButton = document.querySelector('.disclaimerBtn');

        // Tambahkan event listener pada tombol Lanjutkan
        lanjutkanButton.onclick = function(e) {
            var persetujuanTerpilih = '';

            // Periksa apakah salah satu opsi persetujuan telah dipilih
            for (var i = 0; i < persetujuanRadios.length; i++) {
                if (persetujuanRadios[i].checked) {
                    persetujuanTerpilih = persetujuanRadios[i].value;
                    break;
                }
            }

            // Jika persetujuan tidak terpilih, tampilkan swal alert
            if (!persetujuanTerpilih) {
                e.preventDefault(); // Mencegah pengiriman form
                swal("Maaf",
                    "Silakan pilih salah satu opsi persetujuan!",
                    "error");
            } else {
                // Jika persetujuan terpilih, tampilkan loading spinner pada tombol Lanjutkan
                if (persetujuanTerpilih == 'setuju') {
                    swal("Informasi",
                        "Anda telah menyetujui disclaimer, silahkan lanjutkan ke langkah berikutnya",
                        "success");
                    goToNextStep();
                } else {
                    swal("Informasi",
                        "Anda tidak menyetujui disclaimer, silahkan hubungi admin untuk informasi lebih lanjut",
                        "warning");
                }
            }
        };


        $(".nextBtn").click(function() {
            // tampilkan tampilan loading
            document.getElementById('loading').style.display = 'block';

            // pindah ke langkah berikutnya jika data sudah valid setelah waktu delay 1 detik
            setTimeout(function() {
                // pindah ke langkah berikutnya
                goToNextStep();
                // sembunyikan tampilan loading setelah proses selesai
                document.getElementById('loading').style.display = 'none';
            }, 1000);
        });

        $(".backBtn").click(function() {
            // pindah ke langkah sebelumnya
            goToStep(currentStep - 1);
        });

        function validateStep(step) {
            // validasi data pada langkah tertentu
            var isValid = true;
            // implementasikan validasi data pada masing-masing langkah
            switch (step) {
                case 1:

                    // Dapatkan elemen-elemen yang diperlukan
                    var persetujuanRadios = document.querySelectorAll('input[name="persetujuan"]');
                    var persetujuanTerpilih = '';

                    // Periksa apakah salah satu opsi persetujuan telah dipilih
                    for (var i = 0; i < persetujuanRadios.length; i++) {
                        if (persetujuanRadios[i].checked) {
                            persetujuanTerpilih = persetujuanRadios[i].value;
                            break;
                        }
                    }

                    // Jika persetujuan tidak terpilih, tampilkan swal alert
                    if (!persetujuanTerpilih) {
                        swal("Maaf",
                            "Silakan pilih salah satu opsi persetujuan!",
                            "error");
                        isValid = false;
                    }

                    break;
                case 2:
                    // validasi data pada langkah 1
                    var isValid = true;
                    let sip = []; // Mendeklarasikan variabel myArray dengan nilai awal array kosong

                    var application_type = $("select[name='application_type']").val();
                    if (!application_type) {
                        $("select[name='application_type']").addClass("is-invalid");
                        isValid = false;
                    } else {
                        $("select[name='application_type']").removeClass("is-invalid");

                        let input = document.getElementById('form_code');
                        if (input) {
                            input.value = application_type;
                        }
                    }

                    var form_doctor = $("input[name='form_doctor']").val();
                    var specialist = $("input[name='specialist']").val();
                    var str_no = $("input[name='str_no']").val();
                    var validity_period_str = $("input[name='validity_period_str']").val();
                    var str_no_sp = $("input[name='str_no_sp']").val();
                    var validity_period_str_sp = $("input[name='validity_period_str_sp']").val();
                    if (form_doctor) {
                        switch (form_doctor) {
                            case 'DU':
                                if (!str_no) {
                                    $("input[name='str_no']").addClass("is-invalid");
                                    isValid = false;
                                } else {
                                    $("input[name='str_no']").removeClass("is-invalid");
                                }

                                if (!validity_period_str) {
                                    $("input[name='validity_period_str']").addClass("is-invalid");
                                    isValid = false;
                                } else {
                                    $("input[name='validity_period_str']").removeClass("is-invalid");
                                }
                                break;
                            case 'DSp':
                                if (!specialist) {
                                    $("input[name='specialist']").addClass("is-invalid");
                                    isValid = false;
                                } else {
                                    $("input[name='specialist']").removeClass("is-invalid");
                                }

                                if (!str_no_sp) {
                                    $("input[name='str_no_sp']").addClass("is-invalid");
                                    isValid = false;
                                } else {
                                    $("input[name='str_no_sp']").removeClass("is-invalid");
                                }

                                if (!validity_period_str_sp) {
                                    $("input[name='validity_period_str_sp']").addClass("is-invalid");
                                    isValid = false;
                                } else {
                                    $("input[name='validity_period_str_sp']").removeClass("is-invalid");
                                }
                                break;
                            case 'DIn':
                                if (!str_no) {
                                    $("input[name='str_no']").addClass("is-invalid");
                                    isValid = false;
                                } else {
                                    $("input[name='str_no']").removeClass("is-invalid");
                                }

                                if (!validity_period_str) {
                                    $("input[name='validity_period_str']").addClass("is-invalid");
                                    isValid = false;
                                } else {
                                    $("input[name='validity_period_str']").removeClass("is-invalid");
                                }
                                break;
                            case 'DPs':
                                // if (!specialist) {
                                //     $("input[name='specialist']").addClass("is-invalid");
                                //     isValid = false;
                                // } else {
                                //     $("input[name='specialist']").removeClass("is-invalid");
                                // }
                                if (!str_no) {
                                    $("input[name='str_no']").addClass("is-invalid");
                                    isValid = false;
                                } else {
                                    $("input[name='str_no']").removeClass("is-invalid");
                                }

                                if (!validity_period_str) {
                                    $("input[name='validity_period_str']").addClass("is-invalid");
                                    isValid = false;
                                } else {
                                    $("input[name='validity_period_str']").removeClass("is-invalid");
                                }
                                break;
                            default:
                                break;
                        }
                    }


                    var academic_degree_a = $("select[name='academic_degree_a']").val();
                    if (!academic_degree_a) {
                        $("select[name='academic_degree_a']").addClass("is-invalid");
                        isValid = false;
                    } else {
                        $("select[name='academic_degree_a']").removeClass("is-invalid");
                    }

                    var institution_a = $("select[name='institution_a']").val();
                    if (!institution_a) {
                        $("select[name='institution_a']").addClass("is-invalid");
                        isValid = false;
                    } else {
                        $("select[name='institution_a']").removeClass("is-invalid");
                    }

                    var ijazah_du = $("input[name='ijazah_du']").val();
                    if (!ijazah_du) {
                        $("input[name='ijazah_du']").addClass("is-invalid");
                        isValid = false;
                    } else {
                        $("input[name='ijazah_du']").removeClass("is-invalid");
                    }

                    var ijazah_du_year = $("input[name='ijazah_du_year']").val();
                    if (!ijazah_du_year) {
                        $("input[name='ijazah_du_year']").addClass("is-invalid");
                        isValid = false;
                    } else {
                        $("input[name='ijazah_du_year']").removeClass("is-invalid");
                    }

                    var npac_npa = $("input[name='npac_npa']").val();
                    if (!npac_npa) {
                        $("input[name='npac_npa']").addClass("is-invalid");
                        isValid = false;
                    } else {
                        $("input[name='npac_npa']").removeClass("is-invalid");
                    }

                    var central_idi_npa = $("input[name='central_idi_npa']").val();
                    if (!central_idi_npa) {
                        $("input[name='central_idi_npa']").addClass("is-invalid");
                        isValid = false;
                    } else {
                        $("input[name='central_idi_npa']").removeClass("is-invalid");
                    }

                    if (form_doctor) {
                        if (form_doctor == 'DU' || form_doctor == 'DSp') {
                            var errorSip = document.getElementById('error-sip');
                            var checkbox1 = document.querySelector('input[name="sip1_chosen"]');
                            var checkbox2 = document.querySelector('input[name="sip2_chosen"]');
                            var checkbox3 = document.querySelector('input[name="sip3_chosen"]');

                            if (!checkbox1.checked && !checkbox2.checked && !checkbox3.checked) {
                                checkbox1.classList.add('is-invalid');
                                checkbox2.classList.add('is-invalid');
                                checkbox3.classList.add('is-invalid');
                                errorSip.innerHTML = '<i class="fas fa-exclamation-triangle"></i> Pilih salah satu SIP atau semua SIP untuk melanjutkan';
                                isValid = false;
                            } else {
                                // Array untuk menyimpan status terpilih dari checkbox
                                var checkboxes = [checkbox1, checkbox2, checkbox3];

                                for (var i = 0; i < checkboxes.length; i++) {
                                    var checkbox = checkboxes[i];
                                    if (checkbox.checked) {
                                        var chosen = $('input[name="sip' + (i + 1) + '_chosen"]').val();
                                        var sip_no = $("input[name='sip" + (i + 1) + "_no']").val();
                                        var sip_name = $("input[name='sip" + (i + 1) + "_name']").val();
                                        var sip_address = $("input[name='sip" + (i + 1) + "_address']").val();
                                        var sip_province = $("select[name='sip" + (i + 1) + "_province']").val();
                                        var sip_province_name = $("input[name='sip" + (i + 1) + "_province_name']").val();
                                        var sip_regency = $("select[name='sip" + (i + 1) + "_regency']").val();
                                        var sip_regency_name = $("input[name='sip" + (i + 1) + "_regency_name']").val();
                                        var sip_subdistrict = $("select[name='sip" + (i + 1) + "_subdistrict']").val();
                                        var sip_subdistrict_name = $("input[name='sip" + (i + 1) + "_subdistrict_name']").val();
                                        var sip_village = $("select[name='sip" + (i + 1) + "_village']").val();
                                        var sip_village_name = $("input[name='sip" + (i + 1) + "_village_name']").val();
                                        var sip_type = $("select[name='sip" + (i + 1) + "_type']").val();

                                        if (!chosen || !sip_no || !sip_name || !sip_address || !sip_province || !sip_regency || !sip_subdistrict || !sip_village || !sip_type) {
                                            checkbox.classList.add('is-invalid');
                                            errorSip.innerHTML = '<i class="fas fa-exclamation-triangle"></i> Lengkapi data SIP ' + (i + 1);
                                            isValid = false;
                                            // Remove the element from the array
                                            sip = sip.filter(item => item.sip_chosen !== chosen && item.sip_no !== sip_no && item.sip_name !== sip_name && item.sip_address !== sip_address && item.sip_province !== sip_province && item.sip_regency !== sip_regency && item.sip_subdistrict !== sip_subdistrict && item.sip_village !== sip_village && item.sip_type !== sip_type);
                                        } else {
                                            checkbox.classList.remove('is-invalid');
                                            errorSip.innerHTML = '';

                                            // Membuat objek sip dari nilai yang diambil
                                            var sipData = {
                                                'sip_chosen': chosen,
                                                'sip_no': sip_no,
                                                'sip_name': sip_name,
                                                'sip_address': sip_address,
                                                'sip_province': sip_province_name,
                                                'sip_regency': sip_regency_name,
                                                'sip_subdistrict': sip_subdistrict_name,
                                                'sip_village': sip_village_name,
                                                'sip_type': sip_type
                                            };

                                            // Menambahkan objek sip ke dalam array allSips
                                            sip.push(sipData);
                                        }
                                    }
                                }

                                var validasi1 = document.querySelector('input[name="sip1_no"]');
                                var validasi2 = document.querySelector('input[name="sip2_no"]');
                                var validasi3 = document.querySelector('input[name="sip3_no"]');

                                var validasitype1 = document.querySelector('select[name="sip1_type"]');
                                var validasitype2 = document.querySelector('select[name="sip2_type"]');
                                var validasitype3 = document.querySelector('select[name="sip3_type"]');

                                var check_sip1_no = $("input[name='sip1_no']").val();
                                var check_sip2_no = $("input[name='sip2_no']").val();
                                var check_sip3_no = $("input[name='sip3_no']").val();

                                var check_sip1_type = $("select[name='sip1_type']").val();
                                var check_sip2_type = $("select[name='sip2_type']").val();
                                var check_sip3_type = $("select[name='sip3_type']").val();

                                // Array untuk menyimpan jenis SIP dari SIP 1, SIP 2, dan SIP 3
                                const sipTypes = [check_sip1_type, check_sip2_type, check_sip3_type];
                                const validasi = [validasi1, validasi2, validasi3];
                                const validasitype = [validasitype1, validasitype2, validasitype3];

                                // Hitung jumlah checkbox yang terpilih
                                var checkedCount = checkboxes.reduce(function(count, checkbox) {
                                    return checkbox.checked ? count + 1 : count;
                                }, 0);

                                // Hitung berapa kali opsi "PEMBUATAN" terpilih dalam checkboxes terpilih
                                var pembuatanSelectedCount = 0;

                                // Periksa setiap checkbox terpilih
                                for (var i = 0; i < checkboxes.length; i++) {
                                    if (checkboxes[i] && checkboxes[i].checked) {
                                        if (sipTypes[i] === "PEMBUATAN") {
                                            pembuatanSelectedCount++;
                                        }
                                    }
                                }

                                // Validasi hanya jika lebih dari satu checkbox terpilih
                                if (checkedCount > 1) {
                                    // Validasi hanya satu opsi "PEMBUATAN" yang boleh terpilih
                                    if (pembuatanSelectedCount > 1) {
                                        for (var i = 0; i < checkboxes.length; i++) {
                                            if (checkboxes[i] && sipTypes[i] === "PEMBUATAN" && checkboxes[i].checked) {
                                                validasi[i].classList.add('is-invalid');
                                                validasitype[i].classList.add('is-invalid');
                                                isValid = false;
                                                errorSip.innerHTML = '<i class="fas fa-exclamation-triangle"></i> TUJUAN PENGAJUAN SIP "PEMBUATAN" tidak dapat dilakukan secara bersamaan karena membutuhkan SIP sebelumnya';
                                            } else {
                                                validasi[i].classList.remove('is-invalid');
                                                validasitype[i].classList.remove('is-invalid');
                                            }
                                        }
                                    } else {
                                        errorSip.innerHTML = ''; // Menghapus pesan error jika tidak ada masalah validasi
                                    }
                                } else {
                                    errorSip.innerHTML = ''; // Menghapus pesan error jika hanya satu atau tidak ada yang terpilih
                                }


                                // Menambahkan data dari array sip ke dalam tabel
                                console.log("Proses Data SIP : " + sip);
                                // Convert the object to a JSON string
                                const sipString = JSON.stringify(sip);
                                // console.log("Data SIP : " + sipString);

                                // Menghapus semua baris di dalam tabel
                                $('#sip-table tbody').empty();

                                for (let i = 0; i < sip.length; i++) {
                                    // Membuat baris baru di dalam tabel
                                    $('#sip-table tbody').append('<tr></tr>');

                                    // Memasukkan data ke dalam baris yang baru saja dibuat
                                    $('#sip-table tbody tr:last-child').append('<td>' + sip[i].sip_no + '</td>');
                                    $('#sip-table tbody tr:last-child').append('<td>' + sip[i].sip_name + '</td>');
                                    $('#sip-table tbody tr:last-child').append('<td>' + sip[i].sip_address + '</td>');
                                    $('#sip-table tbody tr:last-child').append('<td>' + sip[i].sip_province + '</td>');
                                    $('#sip-table tbody tr:last-child').append('<td>' + sip[i].sip_regency + '</td>');
                                    $('#sip-table tbody tr:last-child').append('<td>' + sip[i].sip_subdistrict + '</td>');
                                    $('#sip-table tbody tr:last-child').append('<td>' + sip[i].sip_village + '</td>');

                                    if (sip[i].sip_type == "PEMBUATAN") {
                                        $('#sip-table tbody tr:last-child').append('<td><div class="badge badge-info">MENGAJUKAN</div></td>');
                                    } else if (sip[i].sip_type == "PERUBAHAN") {
                                        $('#sip-table tbody tr:last-child').append('<td><div class="badge badge-danger">MENGUBAH</div></td>');
                                    } else if (sip[i].sip_type == "PERPANJANGAN") {
                                        $('#sip-table tbody tr:last-child').append('<td><div class="badge badge-success">MEMPERPANJANG</div></td>');
                                    }

                                    const sipString = JSON.stringify(sip[i]);
                                    // console.log("Data : " + sipString);
                                }


                            }
                        } else if (form_doctor == 'DIn') {
                            var errorSip = document.getElementById('error-sip-int');
                            var checkbox1 = document.querySelector('input[name="sipint1_chosen"]');
                            var checkbox2 = document.querySelector('input[name="sipint2_chosen"]');
                            var checkbox3 = document.querySelector('input[name="sipint3_chosen"]');

                            if (!checkbox1.checked && !checkbox2.checked && !checkbox3.checked) {
                                checkbox1.classList.add('is-invalid');
                                errorSip.innerHTML = '<i class="fas fa-exclamation-triangle"></i> Pilih salah satu SIP Internsip atau semua SIP Internsip untuk melanjutkan';
                                isValid = false;
                            } else {

                                // Array untuk menyimpan status terpilih dari checkbox
                                var checkboxes = [checkbox1, checkbox2, checkbox3];

                                for (var i = 0; i < checkboxes.length; i++) {
                                    var checkbox = checkboxes[i];
                                    if (checkbox.checked) {
                                        var chosen = $('input[name="sipint' + (i + 1) + '_chosen"]').val();
                                        var sip_no = $("input[name='sipint" + (i + 1) + "_no']").val();
                                        var sip_name = $("input[name='sipint" + (i + 1) + "_name']").val();
                                        var sip_address = $("input[name='sipint" + (i + 1) + "_address']").val();
                                        var sip_province = $("select[name='sipint" + (i + 1) + "_province']").val();
                                        var sip_province_name = $("input[name='sipint" + (i + 1) + "_province_name']").val();
                                        var sip_regency = $("select[name='sipint" + (i + 1) + "_regency']").val();
                                        var sip_regency_name = $("input[name='sipint" + (i + 1) + "_regency_name']").val();
                                        var sip_subdistrict = $("select[name='sipint" + (i + 1) + "_subdistrict']").val();
                                        var sip_subdistrict_name = $("input[name='sipint" + (i + 1) + "_subdistrict_name']").val();
                                        var sip_village = $("select[name='sipint" + (i + 1) + "_village']").val();
                                        var sip_village_name = $("input[name='sipint" + (i + 1) + "_village_name']").val();
                                        var sip_type = $("select[name='sipint" + (i + 1) + "_type']").val();

                                        if (!chosen || !sip_no || !sip_name || !sip_address || !sip_province || !sip_regency || !sip_subdistrict || !sip_village || !sip_type) {
                                            checkbox.classList.add('is-invalid');
                                            errorSip.innerHTML = '<i class="fas fa-exclamation-triangle"></i> Lengkapi data SIP ' + (i + 1);
                                            isValid = false;
                                            // Remove the element from the array
                                            sip = sip.filter(item => item.sip_chosen !== chosen && item.sip_no !== sip_no && item.sip_name !== sip_name && item.sip_address !== sip_address && item.sip_province !== sip_province && item.sip_regency !== sip_regency && item.sip_subdistrict !== sip_subdistrict && item.sip_village !== sip_village && item.sip_type !== sip_type);
                                        } else {
                                            checkbox.classList.remove('is-invalid');
                                            errorSip.innerHTML = '';

                                            // Membuat objek sip dari nilai yang diambil
                                            var sipData = {
                                                'sip_chosen': chosen,
                                                'sip_no': sip_no,
                                                'sip_name': sip_name,
                                                'sip_address': sip_address,
                                                'sip_province': sip_province_name,
                                                'sip_regency': sip_regency_name,
                                                'sip_subdistrict': sip_subdistrict_name,
                                                'sip_village': sip_village_name,
                                                'sip_type': sip_type
                                            };

                                            // Menambahkan objek sip ke dalam array allSips
                                            sip.push(sipData);
                                        }
                                    }
                                }

                                var validasi1 = document.querySelector('input[name="sipint1_no"]');
                                var validasi2 = document.querySelector('input[name="sipint2_no"]');
                                var validasi3 = document.querySelector('input[name="sipint3_no"]');

                                var validasitype1 = document.querySelector('select[name="sipint1_type"]');
                                var validasitype2 = document.querySelector('select[name="sipint2_type"]');
                                var validasitype3 = document.querySelector('select[name="sipint3_type"]');

                                var check_sip1_no = $("input[name='sipint1_no']").val();
                                var check_sip2_no = $("input[name='sipint2_no']").val();
                                var check_sip3_no = $("input[name='sipint3_no']").val();

                                var check_sip1_type = $("select[name='sipint1_type']").val();
                                var check_sip2_type = $("select[name='sipint2_type']").val();
                                var check_sip3_type = $("select[name='sipint3_type']").val();

                                // Array untuk menyimpan jenis SIP dari SIP 1, SIP 2, dan SIP 3
                                const sipTypes = [check_sip1_type, check_sip2_type, check_sip3_type];
                                const validasi = [validasi1, validasi2, validasi3];
                                const validasitype = [validasitype1, validasitype2, validasitype3];

                                // Hitung jumlah checkbox yang terpilih
                                var checkedCount = checkboxes.reduce(function(count, checkbox) {
                                    return checkbox.checked ? count + 1 : count;
                                }, 0);

                                // Hitung berapa kali opsi "PEMBUATAN" terpilih dalam checkboxes terpilih
                                var pembuatanSelectedCount = 0;

                                // Periksa setiap checkbox terpilih
                                for (var i = 0; i < checkboxes.length; i++) {
                                    if (checkboxes[i] && checkboxes[i].checked) {
                                        if (sipTypes[i] === "PEMBUATAN") {
                                            pembuatanSelectedCount++;
                                        }
                                    }
                                }

                                // Validasi hanya jika lebih dari satu checkbox terpilih
                                if (checkedCount > 1) {
                                    // Validasi hanya satu opsi "PEMBUATAN" yang boleh terpilih
                                    if (pembuatanSelectedCount > 1) {
                                        for (var i = 0; i < checkboxes.length; i++) {
                                            if (checkboxes[i] && sipTypes[i] === "PEMBUATAN" && checkboxes[i].checked) {
                                                validasi[i].classList.add('is-invalid');
                                                validasitype[i].classList.add('is-invalid');
                                                isValid = false;
                                                errorSip.innerHTML = '<i class="fas fa-exclamation-triangle"></i> TUJUAN PENGAJUAN SIP "PEMBUATAN" tidak dapat dilakukan secara bersamaan karena membutuhkan SIP sebelumnya';
                                            } else {
                                                validasi[i].classList.remove('is-invalid');
                                                validasitype[i].classList.remove('is-invalid');
                                            }
                                        }
                                    } else {
                                        errorSip.innerHTML = ''; // Menghapus pesan error jika tidak ada masalah validasi
                                    }
                                } else {
                                    errorSip.innerHTML = ''; // Menghapus pesan error jika hanya satu atau tidak ada yang terpilih
                                }

                                // Menambahkan data dari array sip ke dalam tabel
                                console.log("Proses Data SIP Internship : " + sip);
                                // Convert the object to a JSON string
                                const sipString = JSON.stringify(sip);
                                // console.log("Data SIP : " + sipString);

                                // Menghapus semua baris di dalam tabel
                                $('#sip-table tbody').empty();

                                for (let i = 0; i < sip.length; i++) {

                                    // Membuat baris baru di dalam tabel
                                    $('#sip-table tbody').append('<tr></tr>');

                                    // Memasukkan data ke dalam baris yang baru saja dibuat
                                    // $('#sip-table tbody tr:last-child').append('<td>' + sip[i].sip_chosen + '</td>');
                                    $('#sip-table tbody tr:last-child').append('<td>' + sip[i].sip_no + '</td>');
                                    $('#sip-table tbody tr:last-child').append('<td>' + sip[i].sip_name + '</td>');
                                    $('#sip-table tbody tr:last-child').append('<td>' + sip[i].sip_address + '</td>');
                                    $('#sip-table tbody tr:last-child').append('<td>' + sip[i].sip_province + '</td>');
                                    $('#sip-table tbody tr:last-child').append('<td>' + sip[i].sip_regency + '</td>');
                                    $('#sip-table tbody tr:last-child').append('<td>' + sip[i].sip_subdistrict + '</td>');
                                    $('#sip-table tbody tr:last-child').append('<td>' + sip[i].sip_village + '</td>');

                                    if (sip[i].sip_type == "PEMBUATAN") {
                                        $('#sip-table tbody tr:last-child').append('<td><div class="badge badge-info">MENGAJUKAN</div></td>');
                                    } else if (sip[i].sip_type == "PERUBAHAN") {
                                        $('#sip-table tbody tr:last-child').append('<td><div class="badge badge-danger">MENGUBAH</div></td>');
                                    } else if (sip[i].sip_type == "PERPANJANGAN") {
                                        $('#sip-table tbody tr:last-child').append('<td><div class="badge badge-success">MEMPERPANJANG</div></td>');
                                    }

                                    const sipString = JSON.stringify(sip[i]);
                                    // console.log("Data : " + sipString);
                                }

                            }
                        } else if (form_doctor == 'DPs') {
                            var errorSip = document.getElementById('error-sip-ps');
                            var checkbox1 = document.querySelector('input[name="sipps1_chosen"]');
                            var checkbox2 = document.querySelector('input[name="sipps2_chosen"]');
                            var checkbox3 = document.querySelector('input[name="sipps3_chosen"]');

                            if (!checkbox1.checked && !checkbox2.checked && !checkbox3.checked) {
                                checkbox1.classList.add('is-invalid');
                                errorSip.innerHTML = '<i class="fas fa-exclamation-triangle"></i> Pilih salah satu SIP PPDS atau semua SIP PPDS untuk melanjutkan';
                                isValid = false;
                            } else {

                                // Array untuk menyimpan status terpilih dari checkbox
                                var checkboxes = [checkbox1, checkbox2, checkbox3];

                                for (var i = 0; i < checkboxes.length; i++) {
                                    var checkbox = checkboxes[i];
                                    if (checkbox.checked) {
                                        var chosen = $('input[name="sipps' + (i + 1) + '_chosen"]').val();
                                        var sip_no = $("input[name='sipps" + (i + 1) + "_no']").val();
                                        var sip_name = $("input[name='sipps" + (i + 1) + "_name']").val();
                                        var sip_address = $("input[name='sipps" + (i + 1) + "_address']").val();
                                        var sip_province = $("select[name='sipps" + (i + 1) + "_province']").val();
                                        var sip_province_name = $("input[name='sipps" + (i + 1) + "_province_name']").val();
                                        var sip_regency = $("select[name='sipps" + (i + 1) + "_regency']").val();
                                        var sip_regency_name = $("input[name='sipps" + (i + 1) + "_regency_name']").val();
                                        var sip_subdistrict = $("select[name='sipps" + (i + 1) + "_subdistrict']").val();
                                        var sip_subdistrict_name = $("input[name='sipps" + (i + 1) + "_subdistrict_name']").val();
                                        var sip_village = $("select[name='sipps" + (i + 1) + "_village']").val();
                                        var sip_village_name = $("input[name='sipps" + (i + 1) + "_village_name']").val();
                                        var sip_type = $("select[name='sipps" + (i + 1) + "_type']").val();

                                        if (!chosen || !sip_no || !sip_name || !sip_address || !sip_province || !sip_regency || !sip_subdistrict || !sip_village || !sip_type) {
                                            checkbox.classList.add('is-invalid');
                                            errorSip.innerHTML = '<i class="fas fa-exclamation-triangle"></i> Lengkapi data SIP ' + (i + 1);
                                            isValid = false;
                                            // Remove the element from the array
                                            sip = sip.filter(item => item.sip_chosen !== chosen && item.sip_no !== sip_no && item.sip_name !== sip_name && item.sip_address !== sip_address && item.sip_province !== sip_province && item.sip_regency !== sip_regency && item.sip_subdistrict !== sip_subdistrict && item.sip_village !== sip_village && item.sip_type !== sip_type);
                                        } else {
                                            checkbox.classList.remove('is-invalid');
                                            errorSip.innerHTML = '';

                                            // Membuat objek sip dari nilai yang diambil
                                            var sipData = {
                                                'sip_chosen': chosen,
                                                'sip_no': sip_no,
                                                'sip_name': sip_name,
                                                'sip_address': sip_address,
                                                'sip_province': sip_province_name,
                                                'sip_regency': sip_regency_name,
                                                'sip_subdistrict': sip_subdistrict_name,
                                                'sip_village': sip_village_name,
                                                'sip_type': sip_type
                                            };

                                            // Menambahkan objek sip ke dalam array allSips
                                            sip.push(sipData);
                                        }
                                    }
                                }

                                var validasi1 = document.querySelector('input[name="sipps1_no"]');
                                var validasi2 = document.querySelector('input[name="sipps2_no"]');
                                var validasi3 = document.querySelector('input[name="sipps3_no"]');

                                var validasitype1 = document.querySelector('select[name="sipps1_type"]');
                                var validasitype2 = document.querySelector('select[name="sipps2_type"]');
                                var validasitype3 = document.querySelector('select[name="sipps3_type"]');

                                var check_sip1_no = $("input[name='sipps1_no']").val();
                                var check_sip2_no = $("input[name='sipps2_no']").val();
                                var check_sip3_no = $("input[name='sipps3_no']").val();

                                var check_sip1_type = $("select[name='sipps1_type']").val();
                                var check_sip2_type = $("select[name='sipps2_type']").val();
                                var check_sip3_type = $("select[name='sipps3_type']").val();

                                // Array untuk menyimpan jenis SIP dari SIP 1, SIP 2, dan SIP 3
                                const sipTypes = [check_sip1_type, check_sip2_type, check_sip3_type];
                                const validasi = [validasi1, validasi2, validasi3];
                                const validasitype = [validasitype1, validasitype2, validasitype3];

                                // Hitung jumlah checkbox yang terpilih
                                var checkedCount = checkboxes.reduce(function(count, checkbox) {
                                    return checkbox.checked ? count + 1 : count;
                                }, 0);

                                // Hitung berapa kali opsi "PEMBUATAN" terpilih dalam checkboxes terpilih
                                var pembuatanSelectedCount = 0;

                                // Periksa setiap checkbox terpilih
                                for (var i = 0; i < checkboxes.length; i++) {
                                    if (checkboxes[i] && checkboxes[i].checked) {
                                        if (sipTypes[i] === "PEMBUATAN") {
                                            pembuatanSelectedCount++;
                                        }
                                    }
                                }

                                // Validasi hanya jika lebih dari satu checkbox terpilih
                                if (checkedCount > 1) {
                                    // Validasi hanya satu opsi "PEMBUATAN" yang boleh terpilih
                                    if (pembuatanSelectedCount > 1) {
                                        for (var i = 0; i < checkboxes.length; i++) {
                                            if (checkboxes[i] && sipTypes[i] === "PEMBUATAN" && checkboxes[i].checked) {
                                                validasi[i].classList.add('is-invalid');
                                                validasitype[i].classList.add('is-invalid');
                                                isValid = false;
                                                errorSip.innerHTML = '<i class="fas fa-exclamation-triangle"></i> TUJUAN PENGAJUAN SIP "PEMBUATAN" tidak dapat dilakukan secara bersamaan karena membutuhkan SIP sebelumnya';
                                            } else {
                                                validasi[i].classList.remove('is-invalid');
                                                validasitype[i].classList.remove('is-invalid');
                                            }
                                        }
                                    } else {
                                        errorSip.innerHTML = ''; // Menghapus pesan error jika tidak ada masalah validasi
                                    }
                                } else {
                                    errorSip.innerHTML = ''; // Menghapus pesan error jika hanya satu atau tidak ada yang terpilih
                                }

                                // Menambahkan data dari array sip ke dalam tabel
                                console.log("Proses Data SIP : " + sip);
                                // Convert the object to a JSON string
                                const sipString = JSON.stringify(sip);
                                // console.log("Data SIP : " + sipString);

                                // Menghapus semua baris di dalam tabel
                                $('#sip-table tbody').empty();

                                for (let i = 0; i < sip.length; i++) {

                                    // Membuat baris baru di dalam tabel
                                    $('#sip-table tbody').append('<tr></tr>');

                                    // Memasukkan data ke dalam baris yang baru saja dibuat
                                    // $('#sip-table tbody tr:last-child').append('<td>' + sip[i].sip_chosen + '</td>');
                                    $('#sip-table tbody tr:last-child').append('<td>' + sip[i].sip_no + '</td>');
                                    $('#sip-table tbody tr:last-child').append('<td>' + sip[i].sip_name + '</td>');
                                    $('#sip-table tbody tr:last-child').append('<td>' + sip[i].sip_address + '</td>');
                                    $('#sip-table tbody tr:last-child').append('<td>' + sip[i].sip_province + '</td>');
                                    $('#sip-table tbody tr:last-child').append('<td>' + sip[i].sip_regency + '</td>');
                                    $('#sip-table tbody tr:last-child').append('<td>' + sip[i].sip_subdistrict + '</td>');
                                    $('#sip-table tbody tr:last-child').append('<td>' + sip[i].sip_village + '</td>');

                                    if (sip[i].sip_type == "PEMBUATAN") {
                                        $('#sip-table tbody tr:last-child').append('<td><div class="badge badge-info">MENGAJUKAN</div></td>');
                                    } else if (sip[i].sip_type == "PERUBAHAN") {
                                        $('#sip-table tbody tr:last-child').append('<td><div class="badge badge-danger">MENGUBAH</div></td>');
                                    } else if (sip[i].sip_type == "PERPANJANGAN") {
                                        $('#sip-table tbody tr:last-child').append('<td><div class="badge badge-success">MEMPERPANJANG</div></td>');
                                    }

                                    const sipString = JSON.stringify(sip[i]);
                                    // console.log("Data : " + sipString);
                                }

                            }
                        }

                        if (isValid) {
                            // loading setup form
                            var formDocumentContainer = $('.form-document');
                            let loading = `<div class="col-md-12">
                                            <div class="alert alert-warning alert-has-icon">
                                                <div class="alert-icon"><i class="far fa-lightbulb"></i></div>
                                                <div class="alert-body">
                                                    <div class="alert-title">Harap Bersabar</div>
                                                    <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Menyiapkan Dokumen ...
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-12 text-center">
                                            <img id="imgPreview" src="/assets-panel/img/empty-data.gif" alt="Gambar" style="width: 272px; height: 272px" />
                                            <br>
                                            <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Tunggu Sebentar Saja ...
                                        </div>
                                        <br>`;
                            formDocumentContainer.html(loading);

                            $.get('/anggota/get-setup-form/' + application_type, function(result) {
                                const resultString = JSON.stringify(result);
                                // console.log("SETUP FORM : " + resultString);
                                setupform = result;

                                if (setupform !== undefined && setupform !== null) {
                                    document.getElementById('form_name').innerHTML = setupform.code + ' - ' + setupform.name;
                                    document.getElementById('application_name').innerHTML = setupform.name;
                                    fetch(`/anggota/get-setup-document/${setupform.id}`)
                                        .then(response => response.json())
                                        .then(setupdocument => {
                                            const sipsetupdocumentString = JSON.stringify(setupdocument);
                                            // console.log("SETUP DOCUMENT : " + sipsetupdocumentString);
                                            if (Array.isArray(setupdocument) || setupdocument.length > 0) {
                                                let html = `<div class="row">`;
                                                let typeSipContent = '';

                                                const sipType = [];
                                                const sipNo = [];

                                                for (let i = 0; i < sip.length; i++) {
                                                    typeSipContent += sip[i].sip_type + ' SIP KE-' + sip[i].sip_no + ' ';
                                                    sipType.push(sip[i].sip_type);
                                                    sipNo.push(sip[i].sip_no);
                                                }

                                                const promises = setupdocument.map(value =>
                                                    fetch(`/anggota/get-setup-document-detail-sip/${value.document_detail_id}/${sipType}/${sipNo}`)
                                                    .then(response => response.json())
                                                );

                                                Promise.all(promises)
                                                    .then(setupdocumentdetails => {
                                                        // Menggabungkan semua hasil permintaan menjadi satu array
                                                        const allSetupDocumentDetails = setupdocumentdetails.flat();

                                                        // Mengurutkan array berdasarkan nama
                                                        allSetupDocumentDetails.sort((a, b) => {
                                                            // Menggunakan .localeCompare() untuk membandingkan nama secara leksikografis
                                                            return a.name.localeCompare(b.name);
                                                        });

                                                        let html = `<div class="row">`;

                                                        if (allSetupDocumentDetails.length > 0) {
                                                            for (let setupdocumentdetail of allSetupDocumentDetails) {
                                                                // const filesString = JSON.stringify(setupdocumentdetail);
                                                                // console.log("SETUP DOCUMENT DETAIL : " + filesString);

                                                                let bintang = (setupdocumentdetail.is_mandatory == 'required') ? '**' : '';
                                                                let required = (setupdocumentdetail.is_mandatory == 'required') ? 'required' : '';

                                                                html += `
                                                                    <div class="col-md-4 form-group">
                                                                        <label class="font-weight-bold">
                                                                            <i class="fas fa-info-circle ml-1" data-toggle="tooltip" data-placement="top" title="INFORMASI : ${setupdocumentdetail.desc}"></i>
                                                                            ${setupdocumentdetail.name}
                                                                            <br><span class="text-danger">${setupdocumentdetail.allowed_file_types} ${bintang}</span>
                                                                         </label>
                                                                        <input type="file" name="files.${setupdocumentdetail.code}" data-name="${setupdocumentdetail.name}" class="form-control" ${required} max="${setupdocumentdetail.max_size}" accept="${setupdocumentdetail.allowed_file_types}" />
                                                                        <span class="error text-danger">${setupdocumentdetail.code}</span>
                                                                    </div>`;

                                                            }
                                                        } else {
                                                            html += `<div class="col-md-12 form-group">
                                                                        <div class="alert alert-warning alert-has-icon">
                                                                            <div class="alert-icon"><i class="far fa-lightbulb"></i></div>
                                                                            <div class="alert-body">
                                                                                <div class="alert-title">Maaf</div>
                                                                                Belum ada form yang di setup, silahkan menghubungi Admin IDI Cabang Tangerang.
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-12 text-center justify-content-md-center">
                                                                        <img id="imgPreview" src="/assets-panel/img/empty-data.gif" alt="Gambar" style="width: 272px; height: 272px" />
                                                                    </div>
                                                                    <br>`;
                                                        }

                                                        html += `</div>`;
                                                        formDocumentContainer.html(html);
                                                    })
                                                    .catch(error => console.log(error));

                                                document.getElementById('type_sip').innerHTML = typeSipContent;

                                            } else {
                                                let html = `<div class="col-md-12 form-group">
                                                            <div class="alert alert-warning alert-has-icon">
                                                                <div class="alert-icon"><i class="far fa-lightbulb"></i></div>
                                                                <div class="alert-body">
                                                                    <div class="alert-title">Maaf</div>
                                                                    Belum ada form yang di setup, silahkan menghubungi Admin IDI Cabang Tangerang.
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="md-12 text-center">
                                                            <img id="imgPreview" src="/assets-panel/img/empty-data.gif" alt="Gambar" style="width: 272px; height: 272px" />
                                                        </div>
                                                        <br>`;
                                                formDocumentContainer.html(html); // console.log(html);
                                            }
                                        });
                                } else {
                                    let html = `<div class="col-md-12 form-group">
                                                <div class="alert alert-warning alert-has-icon">
                                                    <div class="alert-icon"><i class="far fa-lightbulb"></i></div>
                                                    <div class="alert-body">
                                                        <div class="alert-title">Maaf</div>
                                                        Belum ada dokumen yang di setup, silahkan menghubungi Admin IDI Cabang Tangerang.
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="md-12 text-center">
                                                <img id="imgPreview" src="/assets-panel/img/empty-data.gif" alt="Gambar" style="width: 272px; height: 272px" />
                                            </div>`;
                                    formDocumentContainer.html(html); // console.log(html);
                                }
                            });
                        }
                    }

                    break;
                case 3:
                    // Mendapatkan semua input file pada form
                    var inputFiles = $('input[type=file]');
                    var isValid = true;

                    let upload = [];

                    // Melakukan validasi pada setiap input file
                    inputFiles.each(function() {
                        var inputFile = $(this);
                        var inputName = inputFile.attr('name');
                        var inputValue = inputFile.val();
                        var inputDocName = inputFile.data('name');

                        if (inputFile.prop('required') && !inputValue) {
                            isValid = false;
                            inputFile.addClass('is-invalid');
                            inputFile.after('<span class="error text-danger">File harus diunggah</span>');
                        } else if (inputValue) {
                            var allowedTypes = inputFile.attr('accept').split(',');
                            var fileType = inputValue.substring(inputValue.lastIndexOf('.') + 1).toLowerCase();
                            var fileSize = inputFile.prop('files')[0].size;
                            var maxSize = inputFile.data('max-size');

                            if ($.inArray('.' + fileType, allowedTypes) == -1) {
                                isValid = false;
                                inputFile.addClass('is-invalid');
                                inputFile.after('<span class="error text-danger">Tipe file tidak didukung</span>');
                            } else if (fileSize > maxSize) {
                                isValid = false;
                                inputFile.addClass('is-invalid');
                                inputFile.after('<span class="error text-danger">Ukuran file terlalu besar (maks. ' + maxSize / 1024 / 1024 + ' MB)</span>');
                            } else {
                                inputFile.removeClass('is-invalid');
                                inputFile.next('.error').remove();

                                // var fileNameTag = document.querySelector('#file_name');
                                // var fileLink = document.querySelector('#file_link');
                                var fileName = inputValue.split('\\').pop();
                                // fileNameTag.innerText = fileName;
                                // fileLink.href = URL.createObjectURL(this.files[0]);

                                var stringDoc = inputName.replace('files.', '');

                                // Membuat objek sip dari nilai yang diambil
                                var document = {
                                    'file_data': inputDocName,
                                    'file_doc': stringDoc,
                                    'file_name': fileName,
                                    'file_link': URL.createObjectURL(this.files[0])
                                };

                                // Menambahkan objek sip ke dalam array allSips
                                upload.push(document);

                                const uploadString = JSON.stringify(upload);
                                // console.log("Document : " + uploadString);

                            }
                        }
                    });

                    const uploadString = JSON.stringify(upload);
                    // console.log("Proses File : " + uploadString);

                    // Kosongkan isi dari tbody di dalam tabel
                    $('#upload-table tbody').empty();

                    // Looping untuk setiap objek di dalam array upload
                    for (let i = 0; i < upload.length; i++) {
                        // Membuat baris baru di dalam tabel
                        $('#upload-table tbody').append('<tr></tr>');

                        // Memasukkan data ke dalam baris yang baru saja dibuat
                        $('#upload-table tbody tr:last-child').append('<td>' + upload[i].file_doc + '</td>');
                        $('#upload-table tbody tr:last-child').append('<td>' + upload[i].file_data + '</td>');
                        $('#upload-table tbody tr:last-child').append('<td>' + upload[i].file_name + '</td>');
                        $('#upload-table tbody tr:last-child').append('<td><div class="row justify-content-md-center"><a href="' + upload[i].file_link + '" target="_blank" class="btn btn-primary btn-action" data-toggle="tooltip" title="Lihat"><i class="fas fa-eye"></i></a></div></td>');

                        // Debugging, untuk menampilkan isi objek
                        const uploadString = JSON.stringify(upload[i]);
                        // console.log("Data : " + uploadString);
                    }

                    // Mengembalikan hasil validasi
                    return isValid;

                    // Menghapus pesan error saat input file diubah
                    $('input[type=file]').change(function() {
                        $(this).removeClass('is-invalid');
                        $(this).next('.error').remove();
                    });

                    break;

                case 4:
                    // tambahkan case untuk langkah-langkah berikutnya

                    break;

                default:
                    isValid = false;
            }
            return isValid;
        }

        function goToStep(step) {
            // sembunyikan konten langkah saat ini
            $(".setup-content").hide();

            // tampilkan konten langkah yang sesuai
            $("#step-" + step).show();

            // ubah tampilan progress bar
            $(".progressbar li").removeClass("active");
            $(".progressbar li:nth-child(" + step + ")").addClass("active");

            // perbarui nilai currentStep
            currentStep = step;

            // sembunyikan tombol Kembali (Back) jika sedang berada di langkah pertama
            if (currentStep === 2) {
                $(".backBtn").hide();
            } else {
                $(".backBtn").show();
            }

            // ganti teks tombol Lanjut (Next) menjadi Selesai (Finish) jika sudah mencapai langkah terakhir
            if (currentStep === $(".progressbar li").length) {
                $(".nextBtn").text("Kirim");
            } else {
                $(".nextBtn").innerHTML = 'Lanjut <i class="fa fa-arrow-right"></i>';
            }
        }
    });
</script>

<!-- LOGIC CHECKBOX  -->
<script>
    document.addEventListener('DOMContentLoaded', function() {
        // div select type SIP
        var divSip1 = document.getElementById('divSip1');
        var divSip2 = document.getElementById('divSip2');
        var divSip3 = document.getElementById('divSip3');
        var divSipInt1 = document.getElementById('divSipInt1');
        var divSipInt2 = document.getElementById('divSipInt2');
        var divSipInt3 = document.getElementById('divSipInt3');
        var divSipPs1 = document.getElementById('divSipPs1');
        var divSipPs2 = document.getElementById('divSipPs2');
        var divSipPs3 = document.getElementById('divSipPs3');
        divSip1.style.display = 'none';
        divSip2.style.display = 'none';
        divSip3.style.display = 'none';
        divSipInt1.style.display = 'none';
        divSipInt2.style.display = 'none';
        divSipInt3.style.display = 'none';
        divSipPs1.style.display = 'none';
        divSipPs2.style.display = 'none';
        divSipPs3.style.display = 'none';

        // validasi SIP
        var sip1_no = $("input[name='sip1_no']").val();
        var sip1_name = $("input[name='sip1_name']").val();
        var sip1_address = $("input[name='sip1_address']").val();
        var sip1_province = $("select[name='sip1_province']").val();
        var sip1_regency = $("select[name='sip1_regency']").val();
        var sip1_subdistrict = $("select[name='sip1_subdistrict']").val();
        var sip1_village = $("select[name='sip1_village']").val();
        var sip1_type = $("select[name='sip1_type']").val();

        $('input[name="sip1_chosen"]').on('change', function() {
            var chosen1 = $(this).val();
            // Check if the checkbox is checked
            if ($(this).is(':checked')) {
                // Checkbox is checked, do something
                divSip1.style.display = 'block';

                if (!sip1_no) {
                    $("input[name='sip1_no']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("input[name='sip1_no']").removeClass("is-invalid");
                }

                if (!sip1_name) {
                    $("input[name='sip1_name']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("input[name='sip1_name']").removeClass("is-invalid");
                }

                if (!sip1_address) {
                    $("input[name='sip1_address']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("input[name='sip1_address']").removeClass("is-invalid");
                }

                if (!sip1_province) {
                    $("select[name='sip1_province']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sip1_province']").removeClass("is-invalid");
                }

                if (!sip1_regency) {
                    $("select[name='sip1_regency']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sip1_regency']").removeClass("is-invalid");
                }

                if (!sip1_subdistrict) {
                    $("select[name='sip1_subdistrict']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sip1_subdistrict']").removeClass("is-invalid");
                }

                if (!sip1_village) {
                    $("select[name='sip1_village']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sip1_village']").removeClass("is-invalid");
                }

                if (!sip1_type) {
                    $("select[name='sip1_type']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sip1_type']").removeClass("is-invalid");
                }

                $('select[name="sip1_type"]').on('change', function() {
                    var sip1_type = $(this).val();
                    if (!sip1_type) {
                        $("select[name='sip1_type']").addClass("is-invalid");
                        isValid = false;
                    } else {
                        $("select[name='sip1_type']").removeClass("is-invalid");

                        var checkbox2 = document.querySelector('input[name="sip2_chosen"]');
                        var checkbox3 = document.querySelector('input[name="sip3_chosen"]');

                        if (sip1_type === "PEMBUATAN") {
                            checkbox2.disabled = true;
                            checkbox3.disabled = true;
                        } else {
                            checkbox2.disabled = false;
                            checkbox3.disabled = false;
                        }
                    }
                });

            } else {
                // Checkbox is unchecked, do something else
                divSip1.style.display = 'none';
                $("input[name='sip1_no']").removeClass("is-invalid");
                $("input[name='sip1_name']").removeClass("is-invalid");
                $("input[name='sip1_address']").removeClass("is-invalid");
                $("select[name='sip1_province']").removeClass("is-invalid");
                $("select[name='sip1_regency']").removeClass("is-invalid");
                $("select[name='sip1_subdistrict']").removeClass("is-invalid");
                $("select[name='sip1_village']").removeClass("is-invalid");
                $("select[name='sip1_type']").removeClass("is-invalid");
                $("select[name='sip1_type']").val('');
            }
        });

        var sip2_no = $("input[name='sip2_no']").val();
        var sip2_name = $("input[name='sip2_name']").val();
        var sip2_address = $("input[name='sip2_address']").val();
        var sip2_province = $("select[name='sip2_province']").val();
        var sip2_regency = $("select[name='sip2_regency']").val();
        var sip2_subdistrict = $("select[name='sip2_subdistrict']").val();
        var sip2_village = $("select[name='sip2_village']").val();
        var sip2_type = $("select[name='sip2_type']").val();

        $('input[name="sip2_chosen"]').on('change', function() {
            // Check if the checkbox is checked
            if ($(this).is(':checked')) {
                // Checkbox is checked, do something
                divSip2.style.display = 'block';

                if (!sip2_no) {
                    $("input[name='sip2_no']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("input[name='sip2_no']").removeClass("is-invalid");
                }

                if (!sip2_name) {
                    $("input[name='sip2_name']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("input[name='sip2_name']").removeClass("is-invalid");
                }

                if (!sip2_address) {
                    $("input[name='sip2_address']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("input[name='sip2_address']").removeClass("is-invalid");
                }

                if (!sip2_province) {
                    $("select[name='sip2_province']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sip2_province']").removeClass("is-invalid");
                }

                if (!sip2_regency) {
                    $("select[name='sip2_regency']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sip2_regency']").removeClass("is-invalid");
                }

                if (!sip2_subdistrict) {
                    $("select[name='sip2_subdistrict']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sip2_subdistrict']").removeClass("is-invalid");
                }

                if (!sip2_village) {
                    $("select[name='sip2_village']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sip2_village']").removeClass("is-invalid");
                }

                if (!sip2_type) {
                    $("select[name='sip2_type']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sip2_type']").removeClass("is-invalid");
                }

                $('select[name="sip2_type"]').on('change', function() {
                    var sip2_type = $(this).val();
                    if (!sip2_type) {
                        $("select[name='sip2_type']").addClass("is-invalid");
                        isValid = false;
                    } else {
                        $("select[name='sip2_type']").removeClass("is-invalid");
                        var checkbox3 = document.querySelector('input[name="sip3_chosen"]');

                        if (sip2_type === "PEMBUATAN") {
                            checkbox3.disabled = true;
                        } else {
                            checkbox3.disabled = false;
                        }
                    }
                });
            } else {
                // Checkbox is unchecked, do something else
                divSip2.style.display = 'none';
                $("input[name='sip2_no']").removeClass("is-invalid");
                $("input[name='sip2_name']").removeClass("is-invalid");
                $("input[name='sip2_address']").removeClass("is-invalid");
                $("select[name='sip2_province']").removeClass("is-invalid");
                $("select[name='sip2_regency']").removeClass("is-invalid");
                $("select[name='sip2_subdistrict']").removeClass("is-invalid");
                $("select[name='sip2_village']").removeClass("is-invalid");
                $("select[name='sip2_type']").removeClass("is-invalid");
                $("select[name='sip2_type']").val('');
            }
        });

        var sip3_no = $("input[name='sip3_no']").val();
        var sip3_name = $("input[name='sip3_name']").val();
        var sip3_address = $("input[name='sip3_address']").val();
        var sip3_province = $("select[name='sip3_province']").val();
        var sip3_regency = $("select[name='sip3_regency']").val();
        var sip3_subdistrict = $("select[name='sip3_subdistrict']").val();
        var sip3_village = $("select[name='sip3_village']").val();
        var sip3_type = $("select[name='sip3_type']").val();

        $('input[name="sip3_chosen"]').on('change', function() {
            // Check if the checkbox is checked
            if ($(this).is(':checked')) {
                // Checkbox is checked, do something
                divSip3.style.display = 'block';

                if (!sip3_no) {
                    $("input[name='sip3_no']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("input[name='sip3_no']").removeClass("is-invalid");
                }

                if (!sip3_name) {
                    $("input[name='sip3_name']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("input[name='sip3_name']").removeClass("is-invalid");
                }

                if (!sip3_address) {
                    $("input[name='sip3_address']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("input[name='sip3_address']").removeClass("is-invalid");
                }

                if (!sip3_province) {
                    $("select[name='sip3_province']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sip3_province']").removeClass("is-invalid");
                }

                if (!sip3_regency) {
                    $("select[name='sip3_regency']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sip3_regency']").removeClass("is-invalid");
                }

                if (!sip3_subdistrict) {
                    $("select[name='sip3_subdistrict']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sip3_subdistrict']").removeClass("is-invalid");
                }

                if (!sip3_village) {
                    $("select[name='sip3_village']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sip3_village']").removeClass("is-invalid");
                }

                if (!sip3_type) {
                    $("select[name='sip3_type']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sip3_type']").removeClass("is-invalid");
                }

                $('select[name="sip3_type"]').on('change', function() {
                    var sip3_type = $(this).val();
                    if (!sip3_type) {
                        $("select[name='sip3_type']").addClass("is-invalid");
                        isValid = false;
                    } else {
                        $("select[name='sip3_type']").removeClass("is-invalid");
                    }
                });
            } else {
                // Checkbox is unchecked, do something else
                divSip3.style.display = 'none';
                $("input[name='sip3_no']").removeClass("is-invalid");
                $("input[name='sip3_name']").removeClass("is-invalid");
                $("input[name='sip3_address']").removeClass("is-invalid");
                $("select[name='sip3_province']").removeClass("is-invalid");
                $("select[name='sip3_regency']").removeClass("is-invalid");
                $("select[name='sip3_subdistrict']").removeClass("is-invalid");
                $("select[name='sip3_village']").removeClass("is-invalid");
                $("select[name='sip3_type']").removeClass("is-invalid");
                $("select[name='sip3_type']").val('');
            }
        });

        // SIP Internship
        var sip1_no = $("input[name='sipint1_no']").val();
        var sip1_name = $("input[name='sipint1_name']").val();
        var sip1_address = $("input[name='sipint1_address']").val();
        var sip1_province = $("select[name='sipint1_province']").val();
        var sip1_regency = $("select[name='sipint1_regency']").val();
        var sip1_subdistrict = $("select[name='sipint1_subdistrict']").val();
        var sip1_village = $("select[name='sipint1_village']").val();
        var sip1_type = $("select[name='sipint1_type']").val();

        var sip2_no = $("input[name='sipint2_no']").val();
        var sip2_name = $("input[name='sipint2_name']").val();
        var sip2_address = $("input[name='sipint2_address']").val();
        var sip2_province = $("select[name='sipint2_province']").val();
        var sip2_regency = $("select[name='sipint2_regency']").val();
        var sip2_subdistrict = $("select[name='sipint2_subdistrict']").val();
        var sip2_village = $("select[name='sipint2_village']").val();
        var sip2_type = $("select[name='sipint2_type']").val();

        var sip3_no = $("input[name='sipint3_no']").val();
        var sip3_name = $("input[name='sipint3_name']").val();
        var sip3_address = $("input[name='sipint3_address']").val();
        var sip3_province = $("select[name='sipint3_province']").val();
        var sip3_regency = $("select[name='sipint3_regency']").val();
        var sip3_subdistrict = $("select[name='sipint3_subdistrict']").val();
        var sip3_village = $("select[name='sipint3_village']").val();
        var sip3_type = $("select[name='sipint3_type']").val();

        $('input[name="sipint1_chosen"]').on('change', function() {
            var chosen1 = $(this).val();
            // Check if the checkbox is checked
            if ($(this).is(':checked')) {
                // Checkbox is checked, do something
                divSipInt1.style.display = 'block';

                if (!sip1_no) {
                    $("input[name='sipint1_no']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("input[name='sipint1_no']").removeClass("is-invalid");
                }

                if (!sip1_name) {
                    $("input[name='sipint1_name']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("input[name='sipint1_name']").removeClass("is-invalid");
                }

                if (!sip1_address) {
                    $("input[name='sipint1_address']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("input[name='sipint1_address']").removeClass("is-invalid");
                }

                if (!sip1_province) {
                    $("select[name='sipint1_province']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sipint1_province']").removeClass("is-invalid");
                }

                if (!sip1_regency) {
                    $("select[name='sipint1_regency']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sipint1_regency']").removeClass("is-invalid");
                }

                if (!sip1_subdistrict) {
                    $("select[name='sipint1_subdistrict']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sipint1_subdistrict']").removeClass("is-invalid");
                }

                if (!sip1_village) {
                    $("select[name='sipint1_village']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sipint1_village']").removeClass("is-invalid");
                }

                if (!sip1_type) {
                    $("select[name='sipint1_type']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sipint1_type']").removeClass("is-invalid");
                }

                $('select[name="sipint1_type"]').on('change', function() {
                    var sip1_type = $(this).val();
                    if (!sip1_type) {
                        $("select[name='sipint1_type']").addClass("is-invalid");
                        isValid = false;
                    } else {
                        $("select[name='sipint1_type']").removeClass("is-invalid");
                        var checkbox2 = document.querySelector('input[name="sipint2_chosen"]');
                        var checkbox3 = document.querySelector('input[name="sipint3_chosen"]');

                        if (sip1_type === "PEMBUATAN") {
                            checkbox2.disabled = true;
                            checkbox3.disabled = true;
                        } else {
                            checkbox2.disabled = false;
                            checkbox3.disabled = false;
                        }
                    }
                });

            } else {
                // Checkbox is unchecked, do something else
                divSipInt1.style.display = 'none';
                $("input[name='sipint1_no']").removeClass("is-invalid");
                $("input[name='sipint1_name']").removeClass("is-invalid");
                $("input[name='sipint1_address']").removeClass("is-invalid");
                $("select[name='sipint1_province']").removeClass("is-invalid");
                $("select[name='sipint1_regency']").removeClass("is-invalid");
                $("select[name='sipint1_subdistrict']").removeClass("is-invalid");
                $("select[name='sipint1_village']").removeClass("is-invalid");
                $("select[name='sipint1_type']").removeClass("is-invalid");
                $("select[name='sipint1_type']").val('');
            }
        });

        $('input[name="sipint2_chosen"]').on('change', function() {
            var chosen2 = $(this).val();
            // Check if the checkbox is checked
            if ($(this).is(':checked')) {
                // Checkbox is checked, do something
                divSipInt2.style.display = 'block';

                if (!sip2_no) {
                    $("input[name='sipint2_no']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("input[name='sipint2_no']").removeClass("is-invalid");
                }

                if (!sip2_name) {
                    $("input[name='sipint2_name']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("input[name='sipint2_name']").removeClass("is-invalid");
                }

                if (!sip2_address) {
                    $("input[name='sipint2_address']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("input[name='sipint2_address']").removeClass("is-invalid");
                }

                if (!sip2_province) {
                    $("select[name='sipint2_province']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sipint2_province']").removeClass("is-invalid");
                }

                if (!sip2_regency) {
                    $("select[name='sipint2_regency']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sipint2_regency']").removeClass("is-invalid");
                }

                if (!sip2_subdistrict) {
                    $("select[name='sipint2_subdistrict']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sipint2_subdistrict']").removeClass("is-invalid");
                }

                if (!sip2_village) {
                    $("select[name='sipint2_village']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sipint2_village']").removeClass("is-invalid");
                }

                if (!sip2_type) {
                    $("select[name='sipint2_type']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sipint2_type']").removeClass("is-invalid");
                }

                $('select[name="sipint2_type"]').on('change', function() {
                    var sip2_type = $(this).val();
                    if (!sip2_type) {
                        $("select[name='sipint2_type']").addClass("is-invalid");
                        isValid = false;
                    } else {
                        $("select[name='sipint2_type']").removeClass("is-invalid");
                        var checkbox3 = document.querySelector('input[name="sipint3_chosen"]');

                        if (sip2_type === "PEMBUATAN") {
                            checkbox3.disabled = true;
                        } else {
                            checkbox3.disabled = false;
                        }
                    }
                });

            } else {
                // Checkbox is unchecked, do something else
                divSipInt2.style.display = 'none';
                $("input[name='sipint2_no']").removeClass("is-invalid");
                $("input[name='sipint2_name']").removeClass("is-invalid");
                $("input[name='sipint2_address']").removeClass("is-invalid");
                $("select[name='sipint2_province']").removeClass("is-invalid");
                $("select[name='sipint2_regency']").removeClass("is-invalid");
                $("select[name='sipint2_subdistrict']").removeClass("is-invalid");
                $("select[name='sipint2_village']").removeClass("is-invalid");
                $("select[name='sipint2_type']").removeClass("is-invalid");
                $("select[name='sipint2_type']").val('');
            }
        });

        $('input[name="sipint3_chosen"]').on('change', function() {
            var chosen3 = $(this).val();
            // Check if the checkbox is checked
            if ($(this).is(':checked')) {
                // Checkbox is checked, do something
                divSipInt3.style.display = 'block';

                if (!sip3_no) {
                    $("input[name='sipint3_no']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("input[name='sipint3_no']").removeClass("is-invalid");
                }

                if (!sip3_name) {
                    $("input[name='sipint3_name']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("input[name='sipint3_name']").removeClass("is-invalid");
                }

                if (!sip3_address) {
                    $("input[name='sipint3_address']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("input[name='sipint3_address']").removeClass("is-invalid");
                }

                if (!sip3_province) {
                    $("select[name='sipint3_province']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sipint3_province']").removeClass("is-invalid");
                }

                if (!sip3_regency) {
                    $("select[name='sipint3_regency']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sipint3_regency']").removeClass("is-invalid");
                }

                if (!sip3_subdistrict) {
                    $("select[name='sipint3_subdistrict']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sipint3_subdistrict']").removeClass("is-invalid");
                }

                if (!sip3_village) {
                    $("select[name='sipint3_village']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sipint3_village']").removeClass("is-invalid");
                }

                if (!sip3_type) {
                    $("select[name='sipint3_type']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sipint3_type']").removeClass("is-invalid");
                }

                $('select[name="sipint3_type"]').on('change', function() {
                    var sip3_type = $(this).val();
                    if (!sip3_type) {
                        $("select[name='sipint3_type']").addClass("is-invalid");
                        isValid = false;
                    } else {
                        $("select[name='sipint3_type']").removeClass("is-invalid");
                    }
                });

            } else {
                // Checkbox is unchecked, do something else
                divSipInt3.style.display = 'none';
                $("input[name='sipint3_no']").removeClass("is-invalid");
                $("input[name='sipint3_name']").removeClass("is-invalid");
                $("input[name='sipint3_address']").removeClass("is-invalid");
                $("select[name='sipint3_province']").removeClass("is-invalid");
                $("select[name='sipint3_regency']").removeClass("is-invalid");
                $("select[name='sipint3_subdistrict']").removeClass("is-invalid");
                $("select[name='sipint3_village']").removeClass("is-invalid");
                $("select[name='sipint3_type']").removeClass("is-invalid");
                $("select[name='sipint3_type']").val('');
            }
        });


        // SIP PPDS
        var sip1_no = $("input[name='sipps1_no']").val();
        var sip1_name = $("input[name='sipps1_name']").val();
        var sip1_address = $("input[name='sipps1_address']").val();
        var sip1_province = $("select[name='sipps1_province']").val();
        var sip1_regency = $("select[name='sipps1_regency']").val();
        var sip1_subdistrict = $("select[name='sipps1_subdistrict']").val();
        var sip1_village = $("select[name='sipps1_village']").val();
        var sip1_type = $("select[name='sipps1_type']").val();

        $('input[name="sipps1_chosen"]').on('change', function() {
            var chosen1 = $(this).val();
            // Check if the checkbox is checked
            if ($(this).is(':checked')) {
                // Checkbox is checked, do something
                divSipPs1.style.display = 'block';

                if (!sip1_no) {
                    $("input[name='sipps1_no']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("input[name='sipps1_no']").removeClass("is-invalid");
                }

                if (!sip1_name) {
                    $("input[name='sipps1_name']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("input[name='sipps1_name']").removeClass("is-invalid");
                }

                if (!sip1_address) {
                    $("input[name='sipps1_address']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("input[name='sipps1_address']").removeClass("is-invalid");
                }

                if (!sip1_province) {
                    $("select[name='sipps1_province']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sipps1_province']").removeClass("is-invalid");
                }

                if (!sip1_regency) {
                    $("select[name='sipps1_regency']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sipps1_regency']").removeClass("is-invalid");
                }

                if (!sip1_subdistrict) {
                    $("select[name='sipps1_subdistrict']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sipps1_subdistrict']").removeClass("is-invalid");
                }

                if (!sip1_village) {
                    $("select[name='sipps1_village']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sipps1_village']").removeClass("is-invalid");
                }

                if (!sip1_type) {
                    $("select[name='sipps1_type']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sipps1_type']").removeClass("is-invalid");
                }

                $('select[name="sipps1_type"]').on('change', function() {
                    var sip1_type = $(this).val();
                    if (!sip1_type) {
                        $("select[name='sipps1_type']").addClass("is-invalid");
                        isValid = false;
                    } else {
                        $("select[name='sipps1_type']").removeClass("is-invalid");
                        var checkbox2 = document.querySelector('input[name="sipps2_chosen"]');
                        var checkbox3 = document.querySelector('input[name="sipps3_chosen"]');

                        if (sip1_type === "PEMBUATAN") {
                            checkbox2.disabled = true;
                            checkbox3.disabled = true;
                        } else {
                            checkbox2.disabled = false;
                            checkbox3.disabled = false;
                        }
                    }
                });

            } else {
                // Checkbox is unchecked, do something else
                divSipPs1.style.display = 'none';
                $("input[name='sipps1_no']").removeClass("is-invalid");
                $("input[name='sipps1_name']").removeClass("is-invalid");
                $("input[name='sipps1_address']").removeClass("is-invalid");
                $("select[name='sipps1_province']").removeClass("is-invalid");
                $("select[name='sipps1_regency']").removeClass("is-invalid");
                $("select[name='sipps1_subdistrict']").removeClass("is-invalid");
                $("select[name='sipps1_village']").removeClass("is-invalid");
                $("select[name='sipps1_type']").removeClass("is-invalid");
                $("select[name='sipps1_type']").val('');
            }
        });

        var sip2_no = $("input[name='sipps2_no']").val();
        var sip2_name = $("input[name='sipps2_name']").val();
        var sip2_address = $("input[name='sipps2_address']").val();
        var sip2_province = $("select[name='sipps2_province']").val();
        var sip2_regency = $("select[name='sipps2_regency']").val();
        var sip2_subdistrict = $("select[name='sipps2_subdistrict']").val();
        var sip2_village = $("select[name='sipps2_village']").val();
        var sip2_type = $("select[name='sipps2_type']").val();

        $('input[name="sipps2_chosen"]').on('change', function() {
            var chosen1 = $(this).val();
            // Check if the checkbox is checked
            if ($(this).is(':checked')) {
                // Checkbox is checked, do something
                divSipPs2.style.display = 'block';

                if (!sip2_no) {
                    $("input[name='sipps2_no']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("input[name='sipps2_no']").removeClass("is-invalid");
                }

                if (!sip2_name) {
                    $("input[name='sipps2_name']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("input[name='sipps2_name']").removeClass("is-invalid");
                }

                if (!sip2_address) {
                    $("input[name='sipps2_address']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("input[name='sipps2_address']").removeClass("is-invalid");
                }

                if (!sip2_province) {
                    $("select[name='sipps2_province']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sipps2_province']").removeClass("is-invalid");
                }

                if (!sip2_regency) {
                    $("select[name='sipps2_regency']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sipps2_regency']").removeClass("is-invalid");
                }

                if (!sip2_subdistrict) {
                    $("select[name='sipps2_subdistrict']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sipps2_subdistrict']").removeClass("is-invalid");
                }

                if (!sip2_village) {
                    $("select[name='sipps2_village']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sipps2_village']").removeClass("is-invalid");
                }

                if (!sip2_type) {
                    $("select[name='sipps2_type']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sipps2_type']").removeClass("is-invalid");
                }

                $('select[name="sipps2_type"]').on('change', function() {
                    var sip2_type = $(this).val();
                    if (!sip2_type) {
                        $("select[name='sipps2_type']").addClass("is-invalid");
                        isValid = false;
                    } else {
                        $("select[name='sipps2_type']").removeClass("is-invalid");
                        var checkbox3 = document.querySelector('input[name="sipps3_chosen"]');

                        if (sip2_type === "PEMBUATAN") {
                            checkbox3.disabled = true;
                        } else {
                            checkbox3.disabled = false;
                        }
                    }
                });

            } else {
                // Checkbox is unchecked, do something else
                divSipPs2.style.display = 'none';
                $("input[name='sipps2_no']").removeClass("is-invalid");
                $("input[name='sipps2_name']").removeClass("is-invalid");
                $("input[name='sipps2_address']").removeClass("is-invalid");
                $("select[name='sipps2_province']").removeClass("is-invalid");
                $("select[name='sipps2_regency']").removeClass("is-invalid");
                $("select[name='sipps2_subdistrict']").removeClass("is-invalid");
                $("select[name='sipps2_village']").removeClass("is-invalid");
                $("select[name='sipps2_type']").removeClass("is-invalid");
                $("select[name='sipps2_type']").val('');
            }
        });

        var sip3_no = $("input[name='sipps3_no']").val();
        var sip3_name = $("input[name='sipps3_name']").val();
        var sip3_address = $("input[name='sipps3_address']").val();
        var sip3_province = $("select[name='sipps3_province']").val();
        var sip3_regency = $("select[name='sipps3_regency']").val();
        var sip3_subdistrict = $("select[name='sipps3_subdistrict']").val();
        var sip3_village = $("select[name='sipps3_village']").val();
        var sip3_type = $("select[name='sipps3_type']").val();

        $('input[name="sipps3_chosen"]').on('change', function() {
            var chosen1 = $(this).val();
            // Check if the checkbox is checked
            if ($(this).is(':checked')) {
                // Checkbox is checked, do something
                divSipPs3.style.display = 'block';

                if (!sip3_no) {
                    $("input[name='sipps3_no']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("input[name='sipps3_no']").removeClass("is-invalid");
                }

                if (!sip3_name) {
                    $("input[name='sipps3_name']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("input[name='sipps3_name']").removeClass("is-invalid");
                }

                if (!sip3_address) {
                    $("input[name='sipps3_address']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("input[name='sipps3_address']").removeClass("is-invalid");
                }

                if (!sip3_province) {
                    $("select[name='sipps3_province']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sipps3_province']").removeClass("is-invalid");
                }

                if (!sip3_regency) {
                    $("select[name='sipps3_regency']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sipps3_regency']").removeClass("is-invalid");
                }

                if (!sip3_subdistrict) {
                    $("select[name='sipps3_subdistrict']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sipps3_subdistrict']").removeClass("is-invalid");
                }

                if (!sip3_village) {
                    $("select[name='sipps3_village']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sipps3_village']").removeClass("is-invalid");
                }

                if (!sip3_type) {
                    $("select[name='sipps3_type']").addClass("is-invalid");
                    isValid = false;
                } else {
                    $("select[name='sipps3_type']").removeClass("is-invalid");
                }

                $('select[name="sipps3_type"]').on('change', function() {
                    var sip3_type = $(this).val();
                    if (!sip3_type) {
                        $("select[name='sipps3_type']").addClass("is-invalid");
                        isValid = false;
                    } else {
                        $("select[name='sipps3_type']").removeClass("is-invalid");
                    }
                });

            } else {
                // Checkbox is unchecked, do something else
                divSipPs3.style.display = 'none';
                $("input[name='sipps3_no']").removeClass("is-invalid");
                $("input[name='sipps3_name']").removeClass("is-invalid");
                $("input[name='sipps3_address']").removeClass("is-invalid");
                $("select[name='sipps3_province']").removeClass("is-invalid");
                $("select[name='sipps3_regency']").removeClass("is-invalid");
                $("select[name='sipps3_subdistrict']").removeClass("is-invalid");
                $("select[name='sipps3_village']").removeClass("is-invalid");
                $("select[name='sipps3_type']").removeClass("is-invalid");
                $("select[name='sipps3_type']").val('');
            }
        });

    });
</script>

<!-- LOGIC MODAL  -->
<script>
    function showBiayaModal() {
        // Menampilkan modal
        $('#biayaModal').modal('show');
    }

    function showDokumenModal() {
        // Menampilkan modal
        $('#dokumenModal').modal('show');
    }

    document.addEventListener('DOMContentLoaded', function() {
        // Cari elemen form dan tombol submit
        const form = document.querySelector('.form-sip');
        const submitBtn = document.querySelector('.submitBtn');
        const agree = document.querySelector('#agree');

        // Tambahkan event listener pada tombol submit
        submitBtn.addEventListener('click', function() {
            // Validasi form
            if (!agree.checked) {
                // Jika form tidak valid, munculkan pesan peringatan
                swal('Peringatan', 'Anda sudah membaca tapi belum menyetujui persyaratan', '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 Pengajuan ?",
                text: "Cek Data dan konfirmasi Jika sudah sesuai !",
                type: "warning",
                showCancelButton: !0,
                confirmButtonText: "Kirim",
                cancelButtonText: "Batal",
                cancelButtonColor: "#FA2A21",
                confirmButtonColor: "#1AA13E",
                reverseButtons: !0
            }).then(function(e) {
                if (e.value === true) {
                    // Send form data to server using fetch
                    fetch('/anggota/recommendation/store', {
                            method: 'POST',
                            body: formData
                        })
                        .then(response => {
                            if (!response.ok) {
                                throw new Error('Respon jaringan tidak baik');
                            }
                            return response.json();
                        })
                        .then(data => {
                            // Handle response from server
                            if (data.success === true) {
                                swal("Berhasil", data.message, "success");
                                window.location.replace("{{ url('anggota/recommendation') }}");
                                console.log(data);
                            } else {
                                swal("Gagal", data.message, "error");
                                // Hilangkan loading spinner pada tombol submit
                                hideLoading();
                                enableButton();
                            }
                        })
                        .catch(error => {
                            // Handle error
                            console.error(error);
                            swal("Gagal", error.message, "error");
                            // Hilangkan loading spinner pada tombol submit
                            hideLoading();
                            enableButton();
                        });
                } 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> Loading...';
            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>

@endsection

<!-- Modal Biaya -->
<div class="modal fade" id="biayaModal" tabindex="-1" role="dialog" aria-labelledby="dokumenModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="biayaModalLabel">Rincian Biaya</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="table-responsive">
                    <table class="table table-striped mb-0">
                        <thead>
                            <tr style="text-align:left">
                                <th>DESKRIPSI</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($cost as $item)
                            <tr>
                                <td style="text-align:left">
                                    <table class="table table-borderless">
                                        <tbody>
                                            <hr>
                                            @php
                                            $total = 0;
                                            @endphp
                                            @forelse ($item->cost as $itemdetail)
                                            <tr>
                                                @foreach ($itemdetail->detailcost as $value)

                                                @php
                                                $total += $value->amount
                                                @endphp

                                                <td>
                                                    <div class="row">
                                                        <div class="col-8">
                                                            {{ $value->code }} - {{ $value->type }}
                                                        </div>
                                                        <div class="col-4 text-right">
                                                            <b>Rp. {{ number_format($value->amount,0) }}</b>
                                                        </div>
                                                    </div>
                                                </td>
                                                @endforeach

                                                @if ($loop->last)
                                                Total Biaya <span class="text-success">{{ $item->desc }}</span> <b> Rp. {{ number_format($total,0) }}</b>
                                                <hr>
                                                @endif

                                            </tr>
                                            @empty
                                            <div class="alert alert-danger">
                                                Data setup biaya {{ $item->name }} belum tersedia.
                                            </div>
                                            @endforelse
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                            @empty
                            <div class="alert alert-danger">
                                Data setup biaya belum tersedia.
                            </div>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <span class="text-danger">*) Biaya dapat berubah sewaktu-waktu jika dibutuhkan</span>
            </div>
        </div>
    </div>
</div>

<!-- Modal Dokumen -->
<div class="modal fade" id="dokumenModal" tabindex="-1" role="dialog" aria-labelledby="dokumenModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="dokumenModalLabel">Dokumen Pendukung</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="table-responsive">
                    <table class="table table-striped mb-0">
                        <thead>
                            <tr style="text-align:left">
                                <th>DESKRIPSI</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($docu as $item)
                            <tr>
                                <td style="text-align:left">
                                    <table class="table table-borderless">
                                        <tbody>
                                            <hr>
                                            @forelse ($item->document as $itemdetail)
                                            <tr>
                                                @foreach ($itemdetail->detaildocument as $value)

                                                <td>
                                                    <div class="row">
                                                        <div class="col-8">
                                                            {{ $value->code }} - {{ $value->desc }}
                                                        </div>
                                                        <div class="col-4 text-right">
                                                            <b>Format <span class="text-primary">{{ $value->allowed_file_types }}</span> Ukuran Maksimal {{ $value->max_size }}</b>
                                                        </div>
                                                    </div>
                                                </td>
                                                @endforeach

                                                @if ($loop->last)
                                                Dokumen Upload <span class="text-success">{{ $item->desc }}</span>
                                                <hr>
                                                @endif

                                            </tr>
                                            @empty
                                            <div class="alert alert-danger">
                                                Data setup dokumen {{ $item->name }} belum tersedia.
                                            </div>
                                            @endforelse
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                            @empty
                            <div class="alert alert-danger">
                                Data setup dokumen belum tersedia.
                            </div>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <span class="text-danger">*) Dokumen dapat berubah sewaktu-waktu jika dibutuhkan</span>
            </div>
        </div>
    </div>
</div>