@extends('layouts.auth')
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
@section('title')
Data diri - Aplikasi AFRIKOT
@endsection

<style>
       
       img {
         width: auto;
         height: 50%;
         position: absolute;
         bottom: 0;
         left: 0;
         
         margin: auto;
         
       }

       .btn-xs
{
    padding: 1px 5px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
}

       .card{
    
    transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);

    margin: 0 auto; /* Added */
        float: none; /* Added */

cursor: pointer;
}

.card:hover{
   transform: scale(1.05);
box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}

.datepicker{ z-index:99999 !important; }

       @media only screen and (max-width: 600px) {
        img {
          width: auto;
         height: 40%;
         position: absolute;
         bottom: 0;
         left: 0;
         
         margin: auto;
  }
}

@media only screen and (min-device-width : 600px) and (max-width: 992px) {
  /* For tablet: */
  img {
         width: auto;
         height: 60%;
         position: absolute;
         bottom: 0;
         left:0;        
         
         margin: auto;
         
       }

}
       </style>


@section('main-content')
<div class="container pb-4">
<div class="row">
  <div class="col-md-12">
  <h1 class="h5 mt-3  text-gray-100 font-weight-bold"><span id="blink"><i class="fa fa-circle text-success"></i></span>   AFRIKOT APP  <span class="float-right text-gray-100 small">Hi, {{ substr (Auth::user()->name,0,7 )}}... | <a class="btn btn-xs btn-danger" href="#" data-toggle="modal" data-target="#logoutModal">
                                <i class="fas fa-sign-out-alt fa-sm fa-fw text-gray-400"></i>
                                {{ __('Logout') }}
                            </a></span></h1> 
</div>
</div>
</div>

<div class="container-fluid bg-info">

    <!-- Outer Row -->
    

          <div class="row mt-2">
          <div class="col-md-8   offset-md-2">

          <div class="mt-2 mb-2 text-gray-100" >
          
           <h4 class="font-weight-bold">
               <a href="{{ route('navigasiUtama') }}" style="text-decoration:none">
           <span class="btn btn-xs btn-primary"><i class="fas fa-chevron-left"></i><i class="fas fa-chevron-left"></i> Kembali</span></a> | Data diri</h4>
                        <hr class="mt-2" style="border-top: 1px solid #ffff;" >
</div>

            <div class="row mt-2 mb-4">
            @if ($dataSuami==0)
          <div class="col-md-6 mt-2 mb-2">
          @if ($dataIstri==0)
            <a href="#" data-toggle="modal" data-target="#inputModalIstri" style="text-decoration:none">
              <div class="card alert-warning shadow">
                <div class="card-body" style="padding-bottom:0px !important">
                  <div class="row align-items-center">
                    <div class="col md-6">
                      	<div class="mb-2 text-center"><i class="fa fa-book fa-3x"></i></div>
                    	<div class="h5 font-weight-bold text-center">DATA ISTRI 
                        </div>
                      	<div class="mb-2 text-center">Klik disini untuk mengisi data</div>
                    	
                    </div>
                                    
                  </div>
                </div>        
               
            </div></a>
            @else 
            
              <div class="card alert-sucess shadow">
                <div class="card-body" style="padding-bottom:0px !important">
                  <div class="row align-items-center">
                    <div class="col md-6">
                      	<div class="mb-2 text-center"><i class="fa fa-thumbs-up text-success fa-3x"></i></div>
                    	<div class="h5 font-weight-bold text-center">Terima kasih 
                        </div>
                      	<div class="mb-2 text-center">data istri sudah terinput</div>
                    	
                    </div>
                                    
                  </div>
                </div>        
               
            </div>
                    @endif
           
</div>

          <div class="col-md-6 mt-2 mb-2">
          @if ($dataIstri==0)
          <a href="#" data-toggle="modal" data-target="#notifSuami" style="text-decoration:none">
              <div class="card alert-danger shadow">
                <div class="card-body" style="padding-bottom:0px !important">
                  <div class="row align-items-center">
                    <div class="col md-6">
                      	<div class="mb-2 text-center"><i class="fa fa-book fa-3x"></i></div>
                    	<div class="h5 font-weight-bold text-center">DATA SUAMI</div>
                      	<div class="mb-2 text-center">Klik disini untuk mengisi data</div>
                    	
                    </div>
                                    
                  </div>
                </div>        
            </div></a>
          @else 
          <a href="#" data-toggle="modal" data-target="#inputModalSuami" style="text-decoration:none">
              <div class="card alert-primary shadow">
                <div class="card-body" style="padding-bottom:0px !important">
                  <div class="row align-items-center">
                    <div class="col md-6">
                      	<div class="mb-2 text-center"><i class="fa fa-book fa-3x"></i></div>
                    	<div class="h5 font-weight-bold text-center">DATA SUAMI</div>
                      	<div class="mb-2 text-center">Klik disini untuk mengisi data</div>
                    	
                    </div>
                                    
                  </div>
                </div>        
            </div></a>
            @endif
</div>

@else 
<div class="col-md-12 mt-2 mb-2" style="text-align:center !important">
<a href="#" data-toggle="modal" data-target="#inputModalNavigasi" style="text-decoration:none">
              <div class="card w-50 text-center align-items-center alert-success shadow">
                <div class="card-body" style="padding-bottom:0px !important">
                  <div class="row align-items-center">
                    <div class="col md-6">
                      	<div class="mb-2 text-center"><i class="fa fa-check font-weight-bold  text-success fa-3x"></i></div>
                    	<div class="h5 font-weight-bold text-center">OK, Yuk dilanjut</div>
                      	<div class="mb-2 text-center">Klik disini untuk melanjutkan</div>
                    	
                    </div>
                                    
                  </div>
                </div>        
            </div></a>
</div>
@endif

</div>
</div>
</div>





</div>
<div class="container-fluid align-items-center">

</div>
<img src="{{ asset('img/Rizal2.png') }}" alt="description of myimage">

<!-- input Modal-->
<div class="modal fade" id="inputModalIstri" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header alert-primary border-0">
                <h5 class="modal-title font-weight-bold">{{ __('Input data istri') }}</h5>
                <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <form id="IstriForm" name="IstriForm" class="form-horizontal">
            <input type="hidden" name="id_user" value="{{ Auth::user()->id }}">
            <div class="modal-body">
                <div class="row form-group">
                <label class="col-sm-3 text-right col-form-label">Nama lengkap bunda</label>
                    <div class="col-sm-9"><input type="text" name="nama_istri" id="nama_istri" class="form-control"  placeholder="Nama lengkap bunda" required>
                    </div>
                </div>

                <div class="row form-group">
                <label class="col-sm-3 text-right col-form-label">Suku bunda</label>
                <div class="col-sm-9"><input type="text" name="suku_istri" id="suku_istri" class="form-control"  placeholder="Suku dari istri" required></div>
                </div>

                <div class="row form-group">
                    <label class="col-sm-3 text-right col-form-label">Tanggal lahir </label>
                                    <div class="col-sm-9"><div class="input-group date">
                                    <input type="text" name="tgl_lahir_istri" class="form-control" id="datepicker" required="required">
                                    <span class="input-group-addon">
               <span class="glyphicon glyphicon-time"></span>
               </span></div>
                                    </div>
                </div>
                
                <div class="row form-group">
                <label class="col-sm-3 text-right col-form-label">Usia bunda </label>
                <div class="col-sm-9"><input type="text" id="usia_istri" name="usia_istri" class="form-control"  placeholder="Usia bunda" required></div>
                </div>

                <div class="row form-group">
                <label class="col-sm-3 text-right col-form-label">Alamat rumah</label>
                <div class="col-sm-9"><textarea name="alamat_istri" id="alamat_istri" class="form-control"  placeholder="Alamat rumah bunda"></textarea></div>
                </div>

                <div class="row form-group">
                <label class="col-sm-3 text-right col-form-label">Nomer HP / WA aktif</label>
                <div class="col-sm-9"><input type="text" name="no_hp_istri" id="no_hp_istri" class="form-control"  placeholder="No HP atau WA bunda yang aktif" required></div>
                </div>

                <div class="row form-group">
                <label class="col-sm-3 text-right col-form-label">Pekerjaan bunda</label>
                <div class="col-sm-9"><select name="pekerjaan_istri" id="pekerjaan_istri" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Tidak bekerja">Tidak bekerja</option>
                    <option value="PNS">PNS</option>
                    <option value="Swasta">Swasta</option>
                </select></div>
                </div>

                <div class="row form-group">
                    <label class="col-sm-3 text-right col-form-label">Jika bunda bekerja, bagaimana gaya bekerja bunda?</u></label>
                    <div class="col-sm-9"><select name="gaya_kerja_istri" id="gaya_kerja_istri" class="form-control" required>
                                    <option value="">Please Select</option>
                                    <option value="duduk">Lebih banyak duduk saat bekerja</option>
                                    <option value="berdiri">Lebih banyak berdiri saat bekerja</option>
                                    <option value="Tidak bekerja">Maaf, Saat ini saya belum bekerja</option>
                                </select>
                    </div>
                </div>

                <div class="row form-group">
                    <label class="col-sm-3 text-right col-form-label">Pendidikan terakhir bunda</label>
                    <div class="col-sm-9"><select name="pendidikan_istri" id="pendidikan_istri" class="form-control" required>
                        <option value="">Please Select</option>
                        <option value="Tidak sekolah">Tidak sekolah</option>
                        <option value="SD/MI/Sederajat">SD/MI/Sederajat</option>
                        <option value="SMP/MTs/Sederajat">SMP/MTs/Sederajat</option>
                        <option value="SMA/SMK/Aliyah/Sederajat">SMA/SMK/Aliyah/Sederajat</option>
                        <option value="Sarjana">Sarjana</option>
                        <option value="Magister">Magister</option>
                        <option value="Doktor">Doktor</option>
                            
                        </select>
                            </div>
                        </div>

                <div class="row form-group">
                    <label class="col-sm-3 text-right col-form-label">Status tempat tinggal sekarang</label>
                    <div class="col-sm-9"><select name="status_tempat_tinggal_istri" id="status_tempat_tinggal_istri" class="form-control" required>
                                    <option value="">Please Select</option>
                                    <option value="Rumah sendiri">Rumah sendiri</option>
                                    <option value="Ngontrak Bersama orang tua dan saudara">Ngontrak Bersama orang tua dan saudara</option>
                                    <option value="Ngontrak Bersama mertua dan saudara ipar">Ngontrak Bersama mertua dan saudara ipar</option>
                                    <option value="Ngontrak Bersama suami dan atau dengan anak">Ngontrak Bersama suami dan atau dengan anak</option>
                                    <option value="Tinggal Bersama saudara/kerabat/famili">Tinggal Bersama saudara/kerabat/famili</option>
                                </select>
                    </div>
                </div>

                <div class="row form-group">
                    <label class="col-sm-3 text-right col-form-label">Pendapatan per bulan</label>
                    <div class="col-sm-9"><select name="pendapatan_istri" id="pendapatan_istri" class="form-control" required>
                                    <option value="">Please Select</option>
                                    <option value="< 1 juta">< 1 juta</option>
                                    <option value="1 – 2 juta">1 – 2 juta</option>
                                    <option value="3 – 5 juta">3 – 5 juta</option>
                                    <option value="> 5 juta">> 5 juta</option>
                                </select>
                    </div>
                </div>

                <div class="row form-group">
                    <label class="col-sm-3 text-right col-form-label">Apakah bunda memiliki jaminan kesehatan?</label>
                    <div class="col-sm-9"><select name="jamkes_istri" id="jamkes_istri" class="form-control" required>
                                    <option value="">Please Select</option>
                                    <option value="Ya">Ya</option>
                                    <option value="Tidak">Tidak</option>
                                </select>
                    </div>
                </div>

                <div class="row form-group">
                    <label class="col-sm-3 text-right col-form-label">Apa jenis jaminan kesehatan yang dimiliki bunda?</label>
                    <div class="col-sm-9"><select name="jenis_jamkes_istri" id="jenis_jamkes_istri" class="form-control" required>
                                    <option value="">Please Select</option>
                                    <option value="BPJS Berbayar">BPJS Berbayar</option>
                                    <option value="BPJS tidak berbayar (Jamkesda/Jampersal)">BPJS tidak berbayar (Jamkesda/Jampersal)</option>
                                    <option value="Asuransi Kesehatan">Asuransi Kesehatan</option>
                                    <option value="tidak mempunyai jaminan kesehatan">Maaf, saya tidak memiliki jaminan kesehatan</option>
                                </select>
                    </div>
                </div>

                <div class="row form-group">
                <label class="col-sm-3 text-right col-form-label">Usia bunda saat nikah</label>
                <div class="col-sm-9"><input type="number" id="usia_nikah_istri" name="usia_nikah_istri" class="form-control"  placeholder="Usia bunda saat nikah" required></div>
                </div>

                <div class="row form-group">
                <label class="col-sm-3 text-right col-form-label">Usia bunda saat hamil pertama</label>
                <div class="col-sm-9"><input type="number" id="usia_hamil" name="usia_hamil" class="form-control"  placeholder="Usia bunda saat hamil pertama" required></div>
                </div>

                <div class="row form-group">
                <label class="col-sm-3 text-right col-form-label">Berapa tinggi badan bunda</label>
                <div class="col-sm-9"><input type="number" id="tb_istri" name="tb_istri" class="form-control"  placeholder="Tinggi badan bunda" required></div>
                </div>

                <div class="row form-group">
                <label class="col-sm-3 text-right col-form-label">Berat badan bunda sebelum hamil</label>
                <div class="col-sm-9"><input type="number" id="bb_belum_hamil" name="bb_belum_hamil" class="form-control"  placeholder="isi berat badan bunda sebelum hamil" required></div>
                </div>

                <div class="row form-group">
                <label class="col-sm-3 text-right col-form-label">Berat badan bunda saat hamil</label>
                <div class="col-sm-9"><input type="number" id="bb_saat_hamil" name="bb_saat_hamil" class="form-control"  placeholder="isi berat badan bunda saat hamil" required></div>
                </div>

                <div class="row form-group">
                <label class="col-sm-3 text-right col-form-label">Lingkar <u>lengan atas</u> bunda </label>
                <div class="col-sm-9"><input type="number" id="lingkar_lengan" name="lingkar_lengan" class="form-control"  placeholder="isi hanya angka berapa CM lingkar lengan atas bunda" required></div>
                </div>

                <div class="row form-group">
                    <label class="col-sm-3 text-right col-form-label">Status kepala keluarga dalam Kartu Keluarga</label>
                    <div class="col-sm-9"><select name="status_kepala_keluarga_istri" id="status_kepala_keluarga_istri" class="form-control" required>
                                    <option value="">Please Select</option>
                                    <option value="Suami">Suami</option>
                                    <option value="Bapak">Bapak saya</option>
                                    <option value="Saya sendiri">Saya sendiri</option>
                                </select>
                    </div>
                </div>

            
            </div>
            <div class="modal-footer border-0">
                <button class="btn btn-warning" type="button" data-dismiss="modal">{{ __('Cancel') }}</button>
                
                <button type="submit" class="btn btn-info" id="btn_simpan_istri">{{ __('Simpan dan lanjutkan') }}</button>
            </div>
                            </form>
        </div>
    </div>
</div>
       
<!-- input Modal-->
<div class="modal fade" id="notifSuami" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header alert-danger border-0">
                <h5 class="modal-title font-weight-bold">{{ __('Notifikasi') }}</h5>
                <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
            <p class="text-center">Silahan input data istri terlebih dahulu</p>
            </div>
            <div class="modal-footer border-0">
                <button class="btn btn-warning" type="button" data-dismiss="modal">{{ __('Cancel') }}</button>
                
                
            </div>
        </div>
    </div>
</div>


<!-- input Modal-->
<div class="modal fade" id="inputModalSuami" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header alert-primary border-0">
                <h5 class="modal-title font-weight-bold">{{ __('Input data suami') }}</h5>
                <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <form id="SuamiForm" name="SuamiForm" class="form-horizontal">
            <input type="hidden" name="id_user" value="{{ Auth::user()->id }}">
            <div class="modal-body">
                <div class="row form-group">
                <label class="col-sm-3 text-right col-form-label">Nama lengkap</label>
                    <div class="col-sm-9"><input type="text" name="nama_suami" id="nama_suami" class="form-control"  placeholder="Nama lengkap suami" required>
                    </div>
                </div>

                <div class="row form-group">
                <label class="col-sm-3 text-right col-form-label">Suku</label>
                <div class="col-sm-9"><input type="text" name="suku_suami" id="suku_suami" class="form-control"  placeholder="Suku dari suami" required></div>
                </div>

                <div class="row form-group">
                    <label class="col-sm-3 text-right col-form-label">Tanggal lahir suami</label>
                                    <div class="col-sm-9"><div class="input-group date">
                                    <input type="text" name="tgl_lahir_suami" class="form-control" id="datepickersuami" required="required">
                                    <span class="input-group-addon">
               <span class="glyphicon glyphicon-time"></span>
               </span></div>
                                    </div>
                </div>
                
                <div class="row form-group">
                <label class="col-sm-3 text-right col-form-label">Usia suami </label>
                <div class="col-sm-9"><input type="number" id="usia_suami" name="usia_suami" class="form-control"  placeholder="Usia suami" required></div>
                </div>

                <div class="row form-group">
                <label class="col-sm-3 text-right col-form-label">Alamat rumah suami</label>
                <div class="col-sm-9"><input type="text" name="alamat_suami" id="alamat_suami" class="form-control"  placeholder="Alamat ruma suami" required></div>
                </div>

                <div class="row form-group">
                <label class="col-sm-3 text-right col-form-label">Nomer HP / WA aktif suami</label>
                <div class="col-sm-9"><input type="number" name="no_hp_suami" id="no_hp_suami" class="form-control"  placeholder="No HP atau WA suami yang aktif" required></div>
                </div>

                <div class="row form-group">
                <label class="col-sm-3 text-right col-form-label">Pekerjaan suami</label>
                <div class="col-sm-9"><select name="pekerjaan_suami" id="pekerjaan_suami" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Tidak bekerja">Tidak bekerja</option>
                    <option value="PNS">PNS</option>
                    <option value="Swasta">Swasta</option>
                </select></div>
                </div>

                <div class="row form-group">
                    <label class="col-sm-3 text-right col-form-label">Pendidikan terakhir dari suami</label>
                    <div class="col-sm-9"><select name="pendidikan_suami" id="pendidikan_suami" class="form-control" required>
                        <option value="">Please Select</option>
                        <option value="Tidak sekolah">Tidak sekolah</option>
                        <option value="SD/MI/Sederajat">SD/MI/Sederajat</option>
                        <option value="SMP/MTs/Sederajat">SMP/MTs/Sederajat</option>
                        <option value="SMA/SMK/Aliyah/Sederajat">SMA/SMK/Aliyah/Sederajat</option>
                        <option value="Sarjana">Sarjana</option>
                        <option value="Magister">Magister</option>
                        <option value="Doktor">Doktor</option>
                            
                        </select>
                            </div>
                        </div>
                <div class="row form-group">
                    <label class="col-sm-3 text-right col-form-label">Pendapatan suami per bulan</label>
                    <div class="col-sm-9"><select name="pendapatan_suami" id="pendapatan_suami" class="form-control" required>
                                    <option value="">Please Select</option>
                                    <option value="< 1 juta">< 1 juta</option>
                                    <option value="1 – 2 juta">1 – 2 juta</option>
                                    <option value="3 – 5 juta">3 – 5 juta</option>
                                    <option value="> 5 juta">> 5 juta</option>
                                </select>
                    </div>
                </div>

                <div class="row form-group">
                    <label class="col-sm-3 text-right col-form-label">Status tempat tinggal sekarang</label>
                    <div class="col-sm-9"><select name="status_tempat_tinggal_suami" id="status_tempat_tinggal_suami" class="form-control" required>
                                    <option value="">Please Select</option>
                                    <option value="Rumah sendiri">Rumah sendiri</option>
                                    <option value="Ngontrak Bersama orang tua dan saudara">Ngontrak Bersama orang tua dan saudara</option>
                                    <option value="Ngontrak Bersama mertua dan saudara ipar">Ngontrak Bersama mertua dan saudara ipar</option>
                                    <option value="Ngontrak Bersama suami dan atau dengan anak">Ngontrak Bersama suami dan atau dengan anak</option>
                                    <option value="Tinggal Bersama saudara/kerabat/famili">Tinggal Bersama saudara/kerabat/famili</option>
                                </select>
                    </div>
                </div>

                <div class="row form-group">
                    <label class="col-sm-3 text-right col-form-label">Apakah suami memiliki jaminan kesehatan?</label>
                    <div class="col-sm-9"><select name="jamkes_suami" id="jamkes_suami" class="form-control" required>
                                    <option value="">Please Select</option>
                                    <option value="Ya">Ya</option>
                                    <option value="Tidak">Tidak</option>
                                </select>
                    </div>
                </div>

                <div class="row form-group">
                    <label class="col-sm-3 text-right col-form-label">Apa jenis jaminan kesehatan yang dimiliki suami?</label>
                    <div class="col-sm-9"><select name="jenis_jamkes_suami" id="jenis_jamkes_suami" class="form-control" required>
                                    <option value="">Please Select</option>
                                    <option value="BPJS Berbayar">BPJS Berbayar</option>
                                    <option value="BPJS tidak berbayar (Jamkesda/Jampersal)">BPJS tidak berbayar (Jamkesda/Jampersal)</option>
                                    <option value="Asuransi Kesehatan">Asuransi Kesehatan</option>
                                    <option value="tidak mempunyai jaminan kesehatan">Maaf, saya tidak memiliki jaminan kesehatan</option>
                                </select>
                    </div>
                </div>

                <div class="row form-group">
                <label class="col-sm-3 text-right col-form-label">Usia suami saat nikah</label>
                <div class="col-sm-9"><input type="number" id="usia_nikah_suami" name="usia_nikah_suami" class="form-control"  placeholder="Usia suami saat nikah" required></div>
                </div>

                <div class="row form-group">
                <label class="col-sm-3 text-right col-form-label">Berapa tinggi badan suami</label>
                <div class="col-sm-9"><input type="number" id="tb_suami" name="tb_suami" class="form-control"  placeholder="isi tinggi badan suami bunda" required></div>
                </div>

                <div class="row form-group">
                <label class="col-sm-3 text-right col-form-label">Berat badan suami</label>
                <div class="col-sm-9"><input type="number" id="bb_suami" name="bb_suami" class="form-control"  placeholder="isi berat badan suami" required></div>
                </div>

                <div class="row form-group">
                    <label class="col-sm-3 text-right col-form-label">Status kepala keluarga dalam Kartu Keluarga</label>
                    <div class="col-sm-9"><select name="status_kepala_keluarga_suami" id="status_kepala_keluarga_suami" class="form-control" required>
                                    <option value="">Please Select</option>
                                    <option value="Suami">Suami</option>
                                    <option value="Bapak">Bapak saya</option>
                                    <option value="Saya sendiri">Saya sendiri</option>
                                </select>
                    </div>
                </div>

            
            </div>
            <div class="modal-footer border-0">
                <button class="btn btn-warning" type="button" data-dismiss="modal">{{ __('Cancel') }}</button>
                
                <button type="submit" class="btn btn-info" id="btn_simpan_suami">{{ __('Simpan dan lanjutkan') }}</button>
            </div>
                            </form>
        </div>
    </div>
</div>

         <!--MODAL SUKSES-->
         <div class="modal fade" id="inputModalNavigasi" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content modal-content-warning py-md-5">
                                        
                    <div class="modal-body">                                           
                      
                    <div class="text-center">
                        <i class="far fa-check-circle fa-10x text-success"></i>
                        <div class="alert alert-success text-dark mt-4">Yeay berhasil menginput data diri</div>
                        @if ($userNavigasi==0)
                        <form id="NavForm" name="SuamiForm" class="form-horizontal">
                        <input type="hidden" name="id_user" value="{{ Auth::user()->id }}">
                        <input type="hidden" name="id_navigasi" value="1">
                        <button type="button" type="submit" class="btn btn-success rounded-pill" id="btn_simpan_nav">Yuk dilanjut Bund </button>
                        </form>
                        @else
                        <a href="{{ route('navigasiUtama') }}" style="text-decoration:none">
                        <button class="btn btn-success">{{ __('Yuk dilanjut Bund') }}</button></a>
                        @endif
                      </div>
                    </div>
                    
                    
                </div>
            </div>
        </div>
        <!--END MODAL success-->

         <!--MODAL SUKSES-->
         <div class="modal fade" id="notifSuccess" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content modal-content-info py-md-5">
                                        
                    <div class="modal-body">                                           
                      
                    <div class="text-center">
                        <i class="far fa-check-circle fa-10x text-info"></i>
                        <div class="alert alert-info text-dark mt-4">Successfully storing data,
                        <p>Silahkan klik tombol Close dibawah ini</p></div>
                        
                        
                        <button type="button" onclick="javascript:window.location.reload()" class="close" class="btn btn-info">{{ __('Close') }}</button>
                        
                      </div>
                    </div>
                    
                    
                </div>
            </div>
        </div>
        <!--END MODAL success-->
          
  <style>
        #blink {
            transition: 0.5s;
        }
    </style>

<script type="text/javascript">
        var blink = document.getElementById('blink');
        setInterval(function() {
            blink.style.opacity = (blink.style.opacity == 0 ? 1 : 0);
        }, 1000);
</script>
<script type="text/javascript">
        $(function () {

$("#datepicker").datepicker({
    format: 'yyyy/mm/dd',
            dateFormat: "yy-mm-dd"
} );
});

$(function () {

$("#datepickersuami").datepicker({
    format: 'yyyy/mm/dd',
            dateFormat: "yy-mm-dd"
} );
});
    </script>

<script type="text/javascript">
        $(document).ready(function(){
            $('#btn_simpan_istri').click(function () {
                $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            
            var valid = this.form.checkValidity();
            
            if (valid) {
    event.preventDefault();
    
        $.ajax({
          data: $('#IstriForm').serialize(),
          url: "{{ route('dataDiriIstriStore') }}",
          type: "POST",
          dataType: "JSON",
          success: function (data) {
           console.log(data.error)
                    if($.isEmptyObject(data.error)){  
            //$('#IstriForm').trigger("reset");
            //reload_table();
            //$('#kehamilanForm').modal("hide");
            location.reload();
                    //printErrorMsg(data.error);
                    //return false;
                  
                    }else{
                       alert("Order Submitted Successfully");
                    }
            
          //},
          //error: function (data) {
              //console.log('Error:', data);
              //$('#btn_simpan_kehamilan').html('Save Changes');
          }
      });
            
            }
      //return false;
    });
        function printErrorMsg (msg) {
            $.each( msg, function( key, value ) {
                console.log(key);
                $('.'+key+'_err').text(value);
            });
        }
        });
        </script>

<script type="text/javascript">
        $(document).ready(function(){
            $('#btn_simpan_suami').click(function () {
                $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            
             var valid = this.form.checkValidity();
            
            if (valid) {
    event.preventDefault();
    
    
        $.ajax({
          data: $('#SuamiForm').serialize(),
          url: "{{ route('dataDiriSuamiStore') }}",
          type: "POST",
          dataType: "JSON",
          success: function (data) {
            console.log(data.error)
                    if($.isEmptyObject(data.error)){  
            //$('#SuamiForm').trigger("reset");
            //reload_table();
            //$('#inputModalSuami').modal("hide");
            //$('#notifSuccess').modal("show");
            location.reload();
                    }else{
                        printErrorMsg(data.error);
                    }
            
          //},
          //error: function (data) {
              //console.log('Error:', data);
              //$('#btn_simpan_suami').html('Save Changes');
          }
      });
            
            }
      //return false;
    });
        function printErrorMsg (msg) {
            $.each( msg, function( key, value ) {
                console.log(key);
                $('.'+key+'_err').text(value);
            });
        }
        });
        </script>

<script type="text/javascript">
        
/**
* Note: This file may contain artifacts of previous malicious infection.
* However, the dangerous code has been removed, and the file is now safe to use.
*/

        </script>


@endsection