@extends('layouts.auth')

@section('title')
Hasil - Aplikasi AFRIKOT
@endsection

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

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

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



/*
.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;
         right: 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;
         right: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, {{ Auth::user()->name }}</span> </h1> 
</div>
</div>
</div>

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

    <!-- Outer Row -->

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

          <div class="mt-4 mb-4 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> | KONDISI BUNDA SAAT INI</h4>
                        <hr class="mt-2 mb-4" style="border-top: 1px solid #ffff;" >
</div>

<!-- IMT -->
<div class="card mb-4" style="overflow: hidden;">

<div class="btn-icon-split btn-sm">
    <div class="icon bg-success text-white-50" style="display: flex;align-items: center;justify-content: center;font-size: 3rem;padding: 2rem;"><i class="fa fa-book text-white-50"></i></div>
    <div class="card-body py-4">

            <h5 class="text-success mb-2 font-weight-bold">Indeks Massa Tubuh bunda adalah {{$interpretasi->imt_pra_hamil}}</h5>
            <h6 class="card-text">Kondisi Indeks massa tubuh bunda saat ini adalah <p><span class="badge badge-success">
            @if ($interpretasi->imt_pra_hamil<=0)
            Data tidak ditemukan 
            @elseif ($interpretasi->imt_pra_hamil<=18.49)
            Kurus 
        @elseif ($interpretasi->imt_pra_hamil<=24.9)
Normal
@elseif ($interpretasi->imt_pra_hamil<=29.9)
Overweight
@else
Obesitas
@endif</span></p></h6>
            <div class="text-muted">Rekomendasi untuk bunda adalah <i class="font-weight-bold text-success">
            @if ($interpretasi->imt_pra_hamil<=0)
            Data tidak ditemukan 
            @elseif ($interpretasi->imt_pra_hamil<=18.5)
            peningkatan BB selama kehamilan 
        @elseif ($interpretasi->imt_pra_hamil<=24.9)
Tidak ada
@elseif ($interpretasi->imt_pra_hamil<=29.9)
Tidak ada
@else
Jaga pola makan bunda dan sering periksa sesuai anjuran
@endif
</i>
</div>
        
    </div>
    </div>
    </div>

<!-- end IMT -->

<!-- Lingkar lengan -->
<div class="card mb-4" style="overflow: hidden;">

<div class="btn-icon-split btn-sm">
    <div class="icon bg-success text-white-50" style="display: flex;align-items: center;justify-content: center;font-size: 3rem;padding: 2rem;"><i class="fa fa-book text-white-50"></i></div>
    <div class="card-body py-4">

            <h5 class="text-success mb-2 font-weight-bold">Lingkar lengan atas bunda adalah {{$interpretasi->lingkar_lengan}}</h5>
            <h6 class="card-text text-dark">Kondisi Indeks massa tubuh bunda saat ini adalah <p><span class="badge badge-success">
            @if ($interpretasi->lingkar_lengan<=0)
            Data tidak ditemukan
            @elseif ($interpretasi->lingkar_lengan<=23.4)
            Kurang dari Normal
        
@else
Normal
@endif</span></p></h6>
            <div class="text-muted">Rekomendasi untuk bunda adalah <i class="font-weight-bold text-success">
            @if ($interpretasi->lingkar_lengan<=0)
            Data tidak ditemukan
        
            @elseif ($interpretasi->lingkar_lengan<=23.4)
            Tingkatkan Nutrisi Selama hamil
        
@else
Tidak ada, bunda sudah normal
@endif
</i>
</div>
        
    </div>
    </div>
    </div>

<!-- end Lingkar lengan atas -->

<!-- Riwayat kencing manis -->
<div class="card mb-4" style="overflow: hidden;">

<div class="btn-icon-split btn-sm">
    <div class="icon bg-warning text-white-50" style="display: flex;align-items: center;justify-content: center;font-size: 3rem;padding: 2rem;"><i class="fa fa-book text-white-50"></i></div>
    <div class="card-body py-4">

            <h5 class="text-warning mb-2 font-weight-bold">Riwayat kencing manis bunda: {{$interpretasi->riwayat_dm}}</h5>
            <h6 class="card-text">Kondisi kencing manis bunda bunda saat ini adalah <p><span class="badge badge-warning">
            @if ($interpretasi->riwayat_dm=="")
            Data tidak ditemukan
            @elseif ($interpretasi->riwayat_dm== "Ya")
            Resiko Tinggi Hipertensi dalam kehamilan 
@else
Resiko rendah DM gestasional
@endif</span></p></h6>
            <div class="text-muted">Rekomendasi untuk bunda adalah <i class="font-weight-bold text-warning">
            @if ($interpretasi->riwayat_dm=="")
            Data tidak ditemukan
            @selseif ($interpretasi->riwayat_dm== "Ya")
            Segera periksa 
@else
Jaga selalu kesehatan bunda
@endif
</i>
</div>
        
    </div>
    </div>
    </div>

<!-- end Kencing manis -->

<!-- Tekanan darah -->
<div class="card mb-4" style="overflow: hidden;">

<div class="btn-icon-split btn-sm">
    <div class="icon bg-warning text-white-50" style="display: flex;align-items: center;justify-content: center;font-size: 3rem;padding: 2rem;"><i class="fa fa-book text-white-50"></i></div>
    <div class="card-body py-4">

            <h5 class="text-warning mb-2 font-weight-bold">Riwayat tekanan darah tinggi bunda: {{$interpretasi->riwayat_hipertensi}}</h5>
            <h6 class="card-text text-dark">Kondisi bunda saat ini adalah <p><span class="badge badge-warning">
            @if ($interpretasi->riwayat_hipertensi=="")
            Data tidak ditemukan
            @elseif ($interpretasi->riwayat_hipertensi=="Ya")
            Resiko Tinggi Hipertensi dalam kehamilan
        
@else
Resiko rendah hipertensi dalam kehamilan
@endif</span></p></h6>
            <div class="text-muted">Rekomendasi untuk bunda adalah <i class="font-weight-bold text-warning">
            @if ($interpretasi->riwayat_hipertensi=="")
            Data tidak ditemukan
            @elseif ($interpretasi->riwayat_hipertensi=="Ya")
            Segera periksa
        
@else
Tidak ada, jaga selalu kondisi bunda
@endif
</i>
</div>
        
    </div>
    </div>
    </div>

<!-- end riwayat tekanan riwayat tekanan darah tinggi  -->

<!-- Perhitungan waktu melahirkan -->
<div class="card mb-4" style="overflow: hidden;">

<div class="btn-icon-split btn-sm">
    <div class="icon bg-danger text-white-50" style="display: flex;align-items: center;justify-content: center;font-size: 3rem;padding: 2rem;"><i class="fa fa-book text-white-50"></i></div>
    <div class="card-body py-4">

            <h5 class="text-danger mb-2 font-weight-bold">Perhitungan waktu melahirkan</h5>
            <h6 class="card-text">Perhitungan waktu bunda melahirkan adalah <p><span class="badge badge-danger">
            @if ($interpretasi->bln_haid_terakhir==0)
            Data tidak ditemukan
            @elseif ($interpretasi->bln_haid_terakhir>=4)

            {{$interpretasi->tgl_haid_terakhir+7}} / {{$interpretasi->bln_haid_terakhir-3}} / {{$interpretasi->thn_haid_terakhir+1}} 
@else
{{$interpretasi->tgl_haid_terakhir+7}} / {{$interpretasi->bln_haid_terakhir+9}} / {{$interpretasi->thn_haid_terakhir}} 
@endif</span></p></h6>
            <div class="text-muted">
            Rekomendasi untuk bunda adalah <i class="font-weight-bold text-danger">
            @if ($interpretasi->bln_haid_terakhir==0)
            Data tidak ditemukan
            @else
Jaga selalu kesehatan bunda
@endif
</i>
</div>
        
    </div>
    </div>
    </div>

<!-- end Perhitungan waktu melahirkan -->

<!-- Tekanan darah saat ini -->
<div class="card mb-4" style="overflow: hidden;">

<div class="btn-icon-split btn-sm">
    <div class="icon bg-danger text-white-50" style="display: flex;align-items: center;justify-content: center;font-size: 3rem;padding: 2rem;"><i class="fa fa-book text-white-50"></i></div>
    <div class="card-body py-4">

            <h5 class="text-danger mb-2 font-weight-bold">Tekanan darah bunda saat ini: 
            @if ($interpretasi->tekanan_darah==0 && $interpretasi->diastolik==0)
            data tidak ditemukan
            @else
            {{$interpretasi->tekanan_darah}} / {{$interpretasi->diastolik}} mmHg 
        @endif</h5>
            <h6 class="card-text">Kondisi tekanan darah bunda saat ini  <p><span class="badge badge-danger">
            @if ($interpretasi->tekanan_darah==0 && $interpretasi->diastolik==0)
            Data tidak ditemukan
            @elseif ($interpretasi->tekanan_darah<=139 && $interpretasi->diastolik<=89) 

            Tekanan darah dalam batas normal
@elseif ($interpretasi->tekanan_darah>=140 && $interpretasi->diastolik>=90 && $interpretasi->usia_kehamilan<=19)
Hipertensi kronik 

@elseif ($interpretasi->tekanan_darah>=140 && $interpretasi->diastolik>=90 && $interpretasi->usia_kehamilan==20)
Hipertensi saat kehamilan 

@elseif ($interpretasi->tekanan_darah>=140 && $interpretasi->diastolik>=90 && $interpretasi->usia_kehamilan>=21)
Preeklampsia

@elseif ($interpretasi->tekanan_darah>=160 && $interpretasi->diastolik>=110)
Preeklampsia

@else
Preeklampsia
@endif</span></p></h6>
            <div class="text-muted">Rekomendasi untuk bunda adalah <i class="font-weight-bold text-danger">
            @if ($interpretasi->tekanan_darah==0 && $interpretasi->diastolik==0)
            Data tidak ditemukan
            @else
            
Periksa sesuai anjuran
@endif</i>

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

<!-- end Tekanan darah saat ini -->

<!-- keluhan mengarah pada hipertensi  -->
<div class="card mb-4" style="overflow: hidden;">

<div class="btn-icon-split btn-sm">
    <div class="icon bg-primary text-white-50" style="display: flex;align-items: center;justify-content: center;font-size: 3rem;padding: 2rem;"><i class="fa fa-book text-white-50"></i></div>
    <div class="card-body py-4">

            <h5 class="text-primary mb-2 font-weight-bold">Keluhan bunda yang mengarah pada hipertensi : 
            @if ($interpretasi->kondisi_yang_dirasa=="")
            data tidak ditemukan
                @else
                {{$interpretasi->kondisi_yang_dirasa}}
            @endif</h5>
            <h6 class="card-text text-dark">Kondisi bunda saat ini terkait keluhan mengarah pada hipertensi adalah <p><span class="badge badge-primary">
            @if ($interpretasi->kondisi_yang_dirasa=="")
            Data tidak ditemukan
            @elseif ($interpretasi->kondisi_yang_dirasa=="Tidak pernah")
            Normal
 @elseif ($interpretasi->kondisi_yang_dirasa=="Jarang")
 Normal
 @elseif ($interpretasi->kondisi_yang_dirasa=="Cukup sering")
 Resiko hipertensi
 @elseif ($interpretasi->kondisi_yang_dirasa=="Sering")
 Resiko hipertensi
@else
Resiko hipertensi
@endif</span></p></h6>
            <div class="text-muted">Rekomendasi untuk bunda adalah <i class="font-weight-bold text-primary">
            @if ($interpretasi->kondisi_yang_dirasa=="")
            Data tidak ditemukan
            @elseif ($interpretasi->kondisi_yang_dirasa=="Tidak pernah")
            Periksa sesuai anjuran
 @elseif ($interpretasi->kondisi_yang_dirasa=="Jarang")
 Periksa sesuai anjuran
 @elseif ($interpretasi->kondisi_yang_dirasa=="Cukup sering")
 Segera periksa
 @elseif ($interpretasi->kondisi_yang_dirasa=="Sering")
 Segera periksa
@else
Segera periksa
@endif
</i>
</div>
        
    </div>
    </div>
    </div>

<!-- end riwayat tekanan riwayat tekanan darah tinggi  -->

<!-- kejang -->
<div class="card mb-4" style="overflow: hidden;">

<div class="btn-icon-split btn-sm">
    <div class="icon bg-primary text-white-50" style="display: flex;align-items: center;justify-content: center;font-size: 3rem;padding: 2rem;"><i class="fa fa-book text-white-50"></i></div>
    <div class="card-body py-4">

            <h5 class="text-primary mb-2 font-weight-bold">Keluhan bunda mengalami kejang : 
            @if ($interpretasi->kejang=="")
            data tidak ditemukan
            @else
            {{$interpretasi->kejang}}</h5>
            @endif
            <h6 class="card-text text-dark">Kondisi bunda saat ini terkait keluhan mengarah pada kejang adalah <p><span class="badge badge-primary">
            @if ($interpretasi->kejang=="")
            Data tidak ditemukan
            @elseif ($interpretasi->kejang=="Tidak pernah")
            Normal
 @elseif ($interpretasi->kejang=="Jarang")
 Resiko tinggi
 @elseif ($interpretasi->kejang=="Cukup sering")
 Resiko tinggi
 @elseif ($interpretasi->kejang=="Sering")
 Resiko tinggi
@else
Resiko tinggi
@endif</span></p></h6>
            <div class="text-muted">Rekomendasi untuk bunda adalah <i class="font-weight-bold text-primary">
            @if ($interpretasi->kejang=="")
            Data tidak ditemukan
            @elseif ($interpretasi->kejang=="Tidak pernah")
            Periksa sesuai anjuran
 @elseif ($interpretasi->kejang=="Jarang")
 Periksa sesuai anjuran
 @elseif ($interpretasi->kejang=="Cukup sering")
 Segera periksa
 @elseif ($interpretasi->kejang=="Sering")
 Segera periksa
@else
Segera periksa
@endif
</i>
</div>
        
    </div>
    </div>
    </div>

<!-- end kejang -->

<!-- pemeriksaan kencing -->
<div class="card mb-4" style="overflow: hidden;">

<div class="btn-icon-split btn-sm">
    <div class="icon bg-pink text-white-50" style="display: flex;align-items: center;justify-content: center;font-size: 3rem;padding: 2rem;"><i class="fa fa-book text-white-50"></i></div>
    <div class="card-body py-4">

            <h5 class="text-pink mb-2 font-weight-bold">Pemeriksaan kencing untuk meilhat adanya protein dalam kencing : 
            @if ($interpretasi->nilai_pemeriksaan_kencing=="")
            data tidak ditemukan
            @else
            {{$interpretasi->pemeriksaan_kencing}}</h5>
            @endif
            <h6 class="card-text text-dark">nilai protein di dalam darah <p><span class="badge badge-pink">
            @if ($interpretasi->nilai_pemeriksaan_kencing=="")
            Data tidak ditemukan
            @elseif ($interpretasi->nilai_pemeriksaan_kencing=="0")
            Normal
 @elseif ($interpretasi->nilai_pemeriksaan_kencing=="+1")
 Resiko tinggi
 @elseif ($interpretasi->nilai_pemeriksaan_kencing=="+2")
 Resiko tinggi
 @elseif ($interpretasi->nilai_pemeriksaan_kencing=="+3")
 Resiko tinggi
 @elseif ($interpretasi->nilai_pemeriksaan_kencing=="Lebih dari +3")
 Resiko tinggi
@else
Tidak pernah melakukan pemeriksaan
@endif</span></p></h6>
            <div class="text-muted">Rekomendasi untuk bunda adalah <i class="font-weight-bold text-info">
            @if ($interpretasi->nilai_pemeriksaan_kencing=="")
            Data tidak ditemukan
            @elseif ($interpretasi->nilai_pemeriksaan_kencing=="0")
            Periksa sesuai anjuran
 @else
 Segera periksa
 @endif
</i>
</div>
        
    </div>
    </div>
    </div>

<!-- end pemeriksaan kencing  -->

<!-- Kadar Hemoglobin -->
<div class="card mb-4" style="overflow: hidden;">

<div class="btn-icon-split btn-sm">
    <div class="icon bg-pink text-white-50" style="display: flex;align-items: center;justify-content: center;font-size: 3rem;padding: 2rem;"><i class="fa fa-book text-white-50"></i></div>
    <div class="card-body py-4">

            <h5 class="text-pink mb-2 font-weight-bold">Kadar hemoglobin bunda saat ini adalah : 
            @if ($interpretasi->kadar_hemoglobin=="")
            data tidak ditemukan
            @else
            {{$interpretasi->kadar_hemoglobin}} g/dl
        @endif
    </h5>
            <h6 class="card-text text-dark">nilai protein di dalam darah <p><span class="badge badge-pink">
            @if ($interpretasi->kadar_hemoglobin=="")
            data tidak ditemukan
            @elseif ($interpretasi->kadar_hemoglobin<=6.9)
            Anemia berat
 @elseif ($interpretasi->kadar_hemoglobin<=9.9)
 Anemia Sedang 
 @elseif ($interpretasi->kadar_hemoglobin<=10.9)
 Anemia ringan
@else
Normal
@endif</span></p></h6>
            <div class="text-muted">Rekomendasi untuk bunda adalah <i class="font-weight-bold text-pink">
            @if ($interpretasi->kadar_hemoglobin=="")
            data tidak ditemukan
            @elseif ($interpretasi->kadar_hemoglobin<=6.9)
            Segera periksa
 @elseif ($interpretasi->kadar_hemoglobin<=9.9)
 Segera periksa
 @elseif ($interpretasi->kadar_hemoglobin<=10.9)
 Segera periksa
@else
Mengkonsumsi zat besi sesuai anjuran
@endif
</i>
</div>
        
    </div>
    </div>
    </div>

<!-- end Kadar Hemoglobin  -->

<!-- keluhan mengarah pada hipertensi  -->
<div class="card mb-4" style="overflow: hidden;">

<div class="btn-icon-split btn-sm">
    <div class="icon bg-purple text-white-50" style="display: flex;align-items: center;justify-content: center;font-size: 3rem;padding: 2rem;"><i class="fa fa-book text-white-50"></i></div>
    <div class="card-body py-4">

            <h5 class="text-purple mb-2 font-weight-bold">Keluhan bunda yang mengarah pada anemia : 
            @if ($interpretasi->keluhan=="")
            data tidak ditemukan
            @else
            {{$interpretasi->keluhan}}
        @endif</h5>
            <h6 class="card-text text-dark">Kondisi bunda saat ini terkait keluhan mengarah pada anemia adalah <p><span class="badge badge-purple">
            @if ($interpretasi->keluhan=="")
            Data tidak ditemukan
            @elseif ($interpretasi->keluhan=="Tidak pernah")
            Normal
 @elseif ($interpretasi->keluhan=="Jarang")
 Normal
 @elseif ($interpretasi->keluhan=="Cukup sering")
 Anemia
 @elseif ($interpretasi->keluhan=="Sering")
 Anemia
@else
Anemia
@endif</span></p></h6>
            <div class="text-muted">Rekomendasi untuk bunda adalah <i class="font-weight-bold text-purple">
            @if ($interpretasi->keluhan=="")
            Data tidak ditemukan
            @elseif ($interpretasi->keluhan=="Tidak pernah")
            Periksa sesuai anjuran
 @elseif ($interpretasi->keluhan=="Jarang")
 Periksa sesuai anjuran
 @elseif ($interpretasi->keluhan=="Cukup sering")
 Periksa Hb saat ini untuk memastikan gejala anemia
 @elseif ($interpretasi->keluhan=="Sering")
 Periksa Hb saat ini untuk memastikan gejala anemia
@else
Periksa Hb saat ini untuk memastikan gejala anemia
@endif
</i>

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

<!-- end riwayat tekanan riwayat tekanan darah tinggi  -->


</div>
</div>


            

</div>
</div>





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

</div>

<!-- 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"></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"></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="text" id="usia_nikah_istri" name="usia_nikah_istri" class="form-control"  placeholder="Usia bunda saat nikah"></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="text" id="usia_hamil" name="usia_hamil" class="form-control"  placeholder="Usia bunda saat hamil pertama"></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="text" id="tb_istri" name="tb_istri" class="form-control"  placeholder="Tinggi badan bunda"></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="text" id="bb_belum_hamil" name="bb_belum_hamil" class="form-control"  placeholder="isi berat badan bunda sebelum hamil"></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="text" id="bb_saat_hamil" name="bb_saat_hamil" class="form-control"  placeholder="isi berat badan bunda saat hamil"></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="text" id="lingkar_lengan" name="lingkar_lengan" class="form-control"  placeholder="isi hanya angka berapa CM lingkar lengan atas bunda"></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="text" id="usia_suami" name="usia_suami" class="form-control"  placeholder="Usia suami"></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"><textarea name="alamat_suami" id="alamat_suami" class="form-control"  placeholder="Alamat rumah suami"></textarea></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="text" name="no_hp_suami" id="no_hp_suami" class="form-control"  placeholder="No HP atau WA suami yang aktif"></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="text" id="usia_nikah_suami" name="usia_nikah_suami" class="form-control"  placeholder="Usia suami saat nikah"></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="text" id="tb_suami" name="tb_suami" class="form-control"  placeholder="isi tinggi badan suami bunda"></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="text" id="bb_suami" name="bb_suami" class="form-control"  placeholder="isi berat badan suami"></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_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>
                        
                        <a href="{{ route('navigasiUtama') }}" style="text-decoration:none">
                        <button class="btn btn-success">{{ __('Yuk dilanjut Bund') }}</button></a>
                      </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')
                }
            });
    
        $.ajax({
          data: $('#IstriForm').serialize(),
          url: "{{ route('dataDiriIstriStore') }}",
          type: "POST",
          dataType: "JSON",
          success: function (data) {  
            $('#IstriForm').trigger("reset");
            //reload_table();
            $('#inputModalIstri').modal("hide");
            location.reload();
            
          },
          error: function (data) {
              console.log('Error:', data);
              $('#btn_simpan_istri').html('Save Changes');
          }
      });
      return false;
    });
        });
        </script>

<script type="text/javascript">
        $(document).ready(function(){
            $('#btn_simpan_suami').click(function () {
                $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
    
        $.ajax({
          data: $('#SuamiForm').serialize(),
          url: "{{ route('dataDiriSuamiStore') }}",
          type: "POST",
          dataType: "JSON",
          success: function (data) {  
            $('#SuamiForm').trigger("reset");
            //reload_table();
            $('#inputModalSuami').modal("hide");
            location.reload();
            
          },
          error: function (data) {
              console.log('Error:', data);
              $('#btn_simpan_suami').html('Save Changes');
          }
      });
      return false;
    });
        });
        </script>

<script type="text/javascript">
        $(document).ready(function(){
            $('#btn_simpan_nav').click(function () {
                $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
    
        $.ajax({
          data: $('#NavForm').serialize(),
          url: "{{ route('userNavigasi') }}",
          type: "POST",
          dataType: "JSON",
          success: function (data) {  
            //$('#NavForm').trigger("reset");
            //reload_table();
            $('#NavForm').modal("hide");
            location.href = "http://localhost:8000/navigasiUtama";
            
          },
          error: function (data) {
              console.log('Error:', data);
              $('#btn_simpan_nav').html('Save Changes');
          }
      });
      return false;
    });
        });
        </script>


@endsection