@extends('layouts.auth')
@section('title')
Daftar Survey - Aplikasi AFRIKOT
@endsection

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

<style>
    .btn-xs
{
    padding: 1px 5px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
}
       
       img {
         width: auto;
         height: 50%;
         position: absolute;
         bottom: 0;
         left: 0;
         
         margin: auto;
         
       }

       .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, {{ 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-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> | Daftar Surey</h4>
                        <hr class="mt-2" style="border-top: 1px solid #ffff;" >
</div>

            <div class="row mt-4 mb-4">

            @if ($anemiaKehamilan==0)
          <div class="col-md-4 mt-2 mb-2">
          @if ($nutrisiIbu==0)
            <a href="#" data-toggle="modal" data-target="#inputModalNutrisi" 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-stethoscope fa-3x"></i></div>
                    	<div class="h5 font-weight-bold text-center">Nutrisi Ibu Hamil 
                        </div>
                      	<div class="mb-2 text-center">Klik disini untuk mengisi data</div>
                    	
                    </div>
                                    
                  </div>
                </div>        
               
            </div></a>
            @else 
            
              <div class="card 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-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">anda sudah mengisi survei</div>
                    	
                    </div>
                                    
                  </div>
                </div>        
               
            </div>
                    @endif
           
</div>

          <div class="col-md-4 mt-2 mb-2">
          @if ($nutrisiIbu==0)
          <a href="#" data-toggle="modal" data-target="#notifBukuKia" 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">Buku KIA</div>
                      	<div class="mb-2 text-center">Klik disini untuk mengisi data</div>
                    	
                    </div>
                                    
                  </div>
                </div>        
            </div></a>
          @else
          @if ($bukuKIA==0) 
          <a href="#" data-toggle="modal" data-target="#inputModalBukuKia" 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">Buku KIA</div>
                      	<div class="mb-2 text-center">Klik disini untuk mengisi data</div>
                    	
                    </div>
                                    
                  </div>
                </div>        
            </div></a>
            @else 
            
              <div class="card 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-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">anda sudah mengisi survei</div>
                    	
                    </div>
                                    
                  </div>
                </div>        
               
            </div>
                    @endif
            @endif
</div>

<div class="col-md-4 mt-2 mb-2">
          @if ($bukuKIA==0)
          <a href="#" data-toggle="modal" data-target="#notifAnemia" 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-ambulance fa-3x"></i></div>
                    	<div class="h5 font-weight-bold text-center">Anemia dalam kehamilan</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="#inputModalAnemia" 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-ambulance fa-3x"></i></div>
                    	<div class="h5 font-weight-bold text-center">Anemia dalam kehamilan</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="inputModalNutrisi" 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">{{ __('Survei Nutrisi Ibu Hamil') }}</h5>
                <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <form id="NutrisiForm" name="NutrisiForm" class="form-horizontal">
            <div class="row">
                    <div class="col-md-10 offset-md-1">
            <input type="hidden" name="id_user" value="{{ Auth::user()->id }}">
            <div class="modal-body">
                <div class="row form-group">
                <label class="font-weight-bold">1. Berapa kali ibu makan dalam sehari?</label>
                <select name="q1" id="q1" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="1 Kali sehari">1 Kali sehari</option>
                    <option value="2 kali sehari">2 kali sehari</option>
                    <option value="3 kali sehari">3 kali sehari</option>
                    <option value="4 kali sehari">4 kali sehari</option>
                    <option value="Lebih dari 4 kali sehari">Lebih dari 4 kali sehari</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">2. Berapa kali ibu minum teh dalam sehari?</label>
                <select name="q2" id="q2" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Tidak pernah">Tidak pernah</option>
                    <option value="1 kali sehari">1 kali sehari</option>
                    <option value="2 kali sehari">2 kali sehari</option>
                    <option value="3 kali sehari">3 kali sehari</option>
                    <option value="4 kali sehari">4 kali sehari</option>
                    <option value="Lebih dari 4 kali sehari">Lebih dari 4 kali sehari</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">3. Teh jenis apa yang ibu minum setiap hari?</label>
                <select name="q3" id="q3" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Tidak pernah">Saya tidak pernah minum teh dalam sehari</option>
                    <option value="Teh tawar tidak pekat">Teh tawar tidak pekat</option>
                    <option value="Teh tawar pekat">Teh tawar pekat</option>
                    <option value="Teh manis tidak pekat">Teh manis tidak pekat</option>
                    <option value="Teh manis pekat">Teh manis pekat</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">4. Berapa kali ibu minum kopi dalam sehari?</label>
                <select name="q4" id="q4" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Tidak pernah">Tidak pernah</option>
                    <option value="1 kali sehari">1 kali sehari</option>
                    <option value="2 kali sehari">2 kali sehari</option>
                    <option value="3 kali sehari">3 kali sehari</option>
                    <option value="4 kali sehari">4 kali sehari</option>
                    <option value="Lebih dari 4 kali sehari">Lebih dari 4 kali sehari</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">5. Berapa kali ibu minum susu dalam sehari?</label>
                <select name="q5" id="q5" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Tidak pernah">Tidak pernah</option>
                    <option value="1 kali sehari">1 kali sehari</option>
                    <option value="2 kali sehari">2 kali sehari</option>
                    <option value="3 kali sehari">3 kali sehari</option>
                    <option value="4 kali sehari">4 kali sehari</option>
                    <option value="Lebih dari 4 kali sehari">Lebih dari 4 kali sehari</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">6. Seberapa sering ibu mengkonsumsi buah selama kehamilan ini dalam seminggu?</label>
                <select name="q6" id="q6" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Tidak pernah">Tidak pernah</option>
                    <option value="Jarang">Jarang</option>
                    <option value="Cukup sering">Cukup sering</option>
                    <option value="Sering">Sering</option>
                    <option value="Sangat sering">Sangat sering</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">7. Sebutkan jenis buah yang sering ibu konsumsi</label>
                <input type="text" id="q7" name="q7" class="form-control"  placeholder="Jenis buah yang dikonsumsi">
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">8. Seberapa sering ibu mengkonsumsi sayur selama kehamilan ini dalam seminggu?</label>
                <select name="q8" id="q8" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Tidak pernah">Tidak pernah</option>
                    <option value="Jarang">Jarang</option>
                    <option value="Cukup sering">Cukup sering</option>
                    <option value="Sering">Sering</option>
                    <option value="Sangat sering">Sangat sering</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">9. Sebutkan jenis sayur yang sering ibu konsumsi?</label>
                <input type="text" id="q9" name="q9" class="form-control"  placeholder="Jenis sayur yang dikonsumsi">
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">10. Bagaimana kebiasaan makan ibu selama kehamilan ini?</label>
                <select name="q10" id="q10" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Seperti sebelum hamil">Seperti sebelum hamil</option>
                    <option value="Kurang dari sebelum hamil">Kurang dari sebelum hamil</option>
                    <option value="Lebih dari sebelum hamil">Lebih dari sebelum hamil</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">Berapa jam dalam sehari ibu tidur?</label>
                <label class="col-sm-8 col-form-label">11. Berapa jam dalam tidur siang </label>
                <div class="col-sm-4"><input type="number" id="q11" name="q11" class="form-control"  placeholder="Tidur siang" required></div>
                <label class="col-sm-8 col-form-label">12. Berapa jam dalam tidur malam </label>
                <div class="col-sm-4"><input type="number" id="q12" name="q12" class="form-control"  placeholder="Tidur malam" required></div>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">13. Apakah ibu merokok <u>sebelum</u> hamil?</label>
                <select name="q13" id="q13" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Ya">Ya</option>
                    <option value="Tidak">Tidak</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">14. Apakah ibu merokok <u>selama</u> hamil?</label>
                <select name="q14" id="q14" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Ya">Ya</option>
                    <option value="Tidak">Tidak</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">15. Jika merokok, Berapa batang rata-rata merokok dalam sehari (boleh dikosongi jika tidak merokok)</label>
                <input type="number" id="q15" name="q15" class="form-control"  placeholder="Jumlah batang rokok">
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">16. Apa jenis rokoknya?</label>
                <select name="q16" id="q16" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Tidak merokok">Maaf, saya tidak merokok</option>
                    <option value="Kretek">Kretek</option>
                    <option value="Filter">Filter</option>
                    <option value="Vape">Vape</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">17. Apakah suami ibu merokok</label>
                <select name="q17" id="q17" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Ya">Ya</option>
                    <option value="Tidak">Tidak</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">18. Jika merokok, Berapa batang rata-rata suami anda merokok dalam sehari (boleh dikosongi jika tidak merokok)</label>
                <input type="number" id="q18" name="q18" class="form-control"  placeholder="Jumlah batang rokok">
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">19. Apa jenis rokok suami anda?</label>
                <select name="q19" id="q19" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Tidak merokok">Maaf, suami saya tidak merokok</option>
                    <option value="Kretek">Kretek</option>
                    <option value="Filter">Filter</option>
                    <option value="Vape">Vape</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">20. Apakah suami ibu sering merokok di dekat ibu?</label>
                <select name="q20" id="q20" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Tidak pernah">Tidak pernah</option>
                    <option value="Jarang">Jarang</option>
                    <option value="Cukup sering">Cukup sering</option>
                    <option value="Sering">Sering</option>
                    <option value="Sangat sering">Sangat sering</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">21. Apakah ibu minum minuman bersoda selama kehamilan ini?</label>
                <select name="q21" id="q21" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Ya">Ya</option>
                    <option value="Tidak">Tidak</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">22. Jika ya, berapa kaleng/gelas minum bersoda per hari (boleh dikosongi jika tidak minum minuman bersoda)</label>
                <input type="number" id="q22" name="q22" class="form-control"  placeholder="Hanya angka saja">
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">23. Apakah ibu minum jamu sebelum kehamilan ini?</label>
                <select name="q23" id="q23" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Ya">Ya</option>
                    <option value="Tidak">Tidak</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">24. Jika iya, sebutkan jamu apa yang ibu minum (boleh dikosongi jika tidak minum jamu)</label>
                <input type="text" id="q24" name="q24" class="form-control"  placeholder="Jenis jamu">
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">25. Apakah ibu minum obat tanpa resep dokter <b>sebelum</b> kehamilan ini?</label>
                <select name="q25" id="q25" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Ya">Ya</option>
                    <option value="Tidak">Tidak</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">26. Jika iya, obat apa yang ibu minum  (boleh dikosongi jika tidak minum obat tanpa resep dokter <i>sebelum</i> kehamilan)</label>
                <input type="text" id="q26" name="q26" class="form-control"  placeholder="Nama obat">
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">27. Apakah ibu minum obat tanpa resep dokter <b>selama</b> kehamilan ini?</label>
                <select name="q27" id="q27" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Ya">Ya</option>
                    <option value="Tidak">Tidak</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">28. Jika iya, obat apa yang ibu minum  (boleh dikosongi jika tidak minum obat tanpa resep dokter <i>selama</i> kehamilan)</label>
                <input type="text" id="q28" name="q28" class="form-control"  placeholder="Nama obat">
                </div>
            
            </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_nutrisi">{{ __('Simpan dan lanjutkan') }}</button>
            </div>
                            </form>
        </div>
    </div>
</div>


<!-- input Modal-->
<div class="modal fade" id="inputModalBukuKia" 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">{{ __('Survei Buku KIA') }}</h5>
                <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <form id="BukuKiaForm" name="BukuKiaForm" class="form-horizontal">
            <div class="row">
                    <div class="col-md-10 offset-md-1">
            <input type="hidden" name="id_user" value="{{ Auth::user()->id }}">
            <div class="modal-body">
                <div class="row form-group">
                <label class="font-weight-bold">1. Apakah ibu sudah membaca buku KIA yang ibu miliki?</label>
                <select name="p1" id="p1" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Belum membaca">Belum membaca</option>
                    <option value="Membaca Sebagian kecil">Membaca Sebagian kecil</option>
                    <option value="Membaca Sebagian besar">Membaca Sebagian besar</option>
                    <option value="Membaca keseluruhan buku KIA">Membaca keseluruhan buku KIA</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">2. Apakah ibu memahami isi buku KIA?</label>
                <select name="p2" id="p2" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Tidak memahami">Tidak memahami</option>
                    <option value="Memahami Sebagian kecil">Memahami Sebagian kecil</option>
                    <option value="Memahami Sebagian besar">Memahami Sebagian besar</option>
                    <option value="Memahami keseluruhan isi buku KIA">Memahami keseluruhan isi buku KIA</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">3. Apakah ibu pernah menanyakan isi buku KIA yang tidak/kurang difahami?</label>
                <select name="p3" id="p3" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Ya">Ya</option>
                    <option value="Tidak ">Tidak </option>
                    <option value="Paham">Maaf, Saya paham isi Buku KIA </option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">4. Apakah penyebab ibu tidak menanyakan isi buku KIA yang tidak ibu fahami?</label>
                <select name="p4" id="p4" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Paham">Maaf, Saya paham isi Buku KIA</option>
                    <option value="Malu">Malu</option>
                    <option value="Saya terburu-buru">Saya terburu-buru</option>
                    <option value="Petugas tampak sibuk">Petugas tampak sibuk</option>
                    <option value="Tidak mau dianggap bodoh">Tidak mau dianggap bodoh</option>
                    <option value="Alasan lainnya">Alasan lainnya</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">5. Menurut ibu, berapa kali ibu hamil minimal melakukan pemeriksaan kehamilan berapa kali selama kehamilan</label>
                <select name="p5" id="p5" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="1 kali">1 kali</option>
                    <option value="2 kali">2 kali</option>
                    <option value="3 kali">3 kali</option>
                    <option value="4 kali">4 kali</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">6. Di dalam buku KIA, menjelaskan tentang aktivitas yang bisa dilakukan ibu hamil berdasarkan usia kehamilannya?</label>
                <select name="p6" id="p6" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Ya">Ya</option>
                    <option value="Tidak">Tidak</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">7. Keluar air (ketuban) dari kemaluan yang tidak bisa ditahan merupakan tanda bahaya kehamilan?</label>
                <select name="p7" id="p7" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Ya">Ya</option>
                    <option value="Tidak">Tidak</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">8. Keluar darah dari kemaluan merupakan tanda bahaya kehamilan?</label>
                <select name="p8" id="p8" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Ya">Ya</option>
                    <option value="Tidak">Tidak</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">9. Sakit kepala hebat merupakan tanda bahaya dalam kehamilan?</label>
                <select name="p9" id="p9" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Ya">Ya</option>
                    <option value="Tidak">Tidak</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">10. Pandangan ganda dan atau kabur merupakan tanda bahaya kehamilan?</label>
                <select name="p10" id="p10" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Ya">Ya</option>
                    <option value="Tidak">Tidak</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">11. Kejang merupakan tanda bahaya kehamilan?</label>
                <select name="p11" id="p11" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Ya">Ya</option>
                    <option value="Tidak">Tidak</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">12. Tanda awal ibu hamil akan melahirkan yaitu perut mulas teratur, semakin sering dan semakin lama</label>
                <select name="p12" id="p12" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Benar">Benar</option>
                    <option value="Salah">Salah</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">13. Keluar lendir bercampur darah dari jalan lahir adalah tanda awal persalinan</label>
                <select name="p13" id="p13" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Benar">Benar</option>
                    <option value="Salah">Salah</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">14. Saya mengetahui tanggal perkiraan saya melahirkan</label>
                <select name="p14" id="p14" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Ya">Ya</option>
                    <option value="Tidak">Tidak</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">15. Saya mengetahui orang yang memiliki golongan darah yang sama dengan saya dan bersedia menjadi pendonor jika diperlukan</label>
                <select name="p15" id="p15" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Ya">Ya</option>
                    <option value="Tidak">Tidak</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">16. Saya dan keluarga menetapkan tempat untuk melahirkan</label>
                <select name="p16" id="p16" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Sudah">Sudah</option>
                    <option value="Belum">Belum</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">17. Saya telah menyiapkan KTP dan KK dan keperluan ibu dan bayi sebelum melahirkan</label>
                <select name="p17" id="p17" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Sudah">Sudah</option>
                    <option value="Belum">Belum</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">18. Kami memiliki tabungan yang cukup untuk persiapan persalinan</label>
                <select name="p18" id="p18" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Sudah">Sudah</option>
                    <option value="Belum">Belum</option>
                </select>
                </div>

            
            </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_bukukia">{{ __('Simpan dan lanjutkan') }}</button>
            </div>
                            </form>
        </div>
    </div>
</div>


<!-- input Modal-->
<div class="modal fade" id="inputModalAnemia" 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">{{ __('Survei Anemia Dalam Kehamilan') }}</h5>
                <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <form id="AnemiaForm" name="AnemiaForm" class="form-horizontal">
            <div class="row">
                    <div class="col-md-10 offset-md-1">
            <input type="hidden" name="id_user" value="{{ Auth::user()->id }}">
            <div class="modal-body">
                <div class="row form-group">
                <label class="font-weight-bold">1. Kurang darah bisa menyebabkan keguguran</label>
                <select name="j1" id="j1" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Benar">Benar</option>
                    <option value="Salah">Salah</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">2. Kekurangan  darah bisa menyebabkan kelahiran premature</label>
                <select name="j2" id="j2" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Benar">Benar</option>
                    <option value="Salah">Salah</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">3. Kekurangan darah bisa menyebabkan perdarahan saat melahirkan</label>
                <select name="j3" id="j3" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Benar">Benar</option>
                    <option value="Salah">Salah</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">4. Kekurangan darah dapat menyebabkan kesulitan dalam persalinan</label>
                <select name="j4" id="j4" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Benar">Benar</option>
                    <option value="Salah">Salah</option>
                </select>
                </div>

                <div class="row form-group">
                <label class="font-weight-bold">5. Kekurangan darah dapat menyebabkan berat badan bayi rendah</label>
                <select name="j5" id="j5" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Benar">Benar</option>
                    <option value="Salah">Salah</option>
                </select>
                </div>

            </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_anemia">{{ __('Simpan dan lanjutkan') }}</button>
            </div>
                            </form>
        </div>
    </div>
</div>
       
<!-- Notif Modal-->
<div class="modal fade" id="notifBukuKia" 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 survei Nutrisi Ibu Hamil terlebih dahulu</p>
            </div>
            <div class="modal-footer border-0">
                <button class="btn btn-warning" type="button" data-dismiss="modal">{{ __('Close') }}</button>
                
                
            </div>
        </div>
    </div>
</div>

<!-- Notif Modal-->
<div class="modal fade" id="notifAnemia" 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 survei Pengetahuan tentang Buku KIA</p>
            </div>
            <div class="modal-footer border-0">
                <button class="btn btn-warning" type="button" data-dismiss="modal">{{ __('Close') }}</button>
                
                
            </div>
        </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 ($surveyCompleted==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="5">
                        <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-->
          
  <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_nutrisi').click(function () {
                $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            
             var valid = this.form.checkValidity();
            
            if (valid) {
    event.preventDefault();
    
    
        $.ajax({
          data: $('#NutrisiForm').serialize(),
          url: "{{ route('nutrisiStore') }}",
          type: "POST",
          dataType: "JSON",
          success: function (data) {  
            console.log(data.error)
                    if($.isEmptyObject(data.error)){  
            $('#NutrisiForm').trigger("reset");
            //reload_table();
            //$('#kehamilanForm').modal("hide");
            location.reload();
                    }else{
                        printErrorMsg(data.error);
                    }
            
          //},
          //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_bukukia').click(function () {
                $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
    
             var valid = this.form.checkValidity();
            
            if (valid) {
    event.preventDefault();
    
        $.ajax({
          data: $('#BukuKiaForm').serialize(),
          url: "{{ route('bukuKiaStore') }}",
          type: "POST",
          dataType: "JSON",
          success: function (data) {  
            console.log(data.error)
                    if($.isEmptyObject(data.error)){  
            $('#BukuKiaForm').trigger("reset");
            //reload_table();
            //$('#kehamilanForm').modal("hide");
            location.reload();
                    }else{
                        printErrorMsg(data.error);
                    }
            
          //},
          //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_anemia').click(function () {
                $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            
             var valid = this.form.checkValidity();
            
            if (valid) {
    event.preventDefault();
    
    
        $.ajax({
          data: $('#AnemiaForm').serialize(),
          url: "{{ route('anemiaKehamilanStore') }}",
          type: "POST",
          dataType: "JSON",
          success: function (data) {  
            console.log(data.error)
                    if($.isEmptyObject(data.error)){  
            $('#AnemiaForm').trigger("reset");
            //reload_table();
            //$('#kehamilanForm').modal("hide");
            location.reload();
                    }else{
                        printErrorMsg(data.error);
                    }
            
          //},
          //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_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 = "https://e-afrikot.nursing.id/navigasiUtama";
            
          },
          error: function (data) {
              console.log('Error:', data);
              $('#btn_simpan_nav').html('Save Changes');
          }
      });
      return false;
    });
        });
        </script>


@endsection