@extends('layouts.auth')

@section('title')
Riwayat Kehamilan - 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;
}
   @media only screen and (min-width : 992px){     
       img {
         width: auto;
         height: 55% !important;
         position: absolute;
         bottom: 0;
         left: 0;
         right: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: 768px) {
  /* For tablet: */
  img {
         width: auto;
         height: 62%;
         position: absolute;
         bottom: 0;
         right:0 !important;        
         
         margin: 0 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> | Riwayat Kehamilan</h4>
                        <hr class="mt-2" style="border-top: 1px solid #ffff;" >
</div>


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

<div class="col-md-12 mt-2 mb-2" style="text-align:center !important">
@if ($dataRiwayatKehamilan==0)
<a href="#" data-toggle="modal" data-target="#inputModalKehamilan" style="text-decoration:none">
              <div class="card w-50 text-center align-items-center alert-primary shadow">
                <div class="card-body" style="padding-bottom:0px !important">
                  <div class="row align-items-center">
                    <div class="col md-6">
                      	<div class="mb-2 text-center"><i class="fa fa-info-circle font-weight-bold  text-primary fa-3x"></i></div>
                    	<div class="h5 font-weight-bold text-center">RIWAYAT KEHAMILAN</div>
                      	<div class="mb-2 text-center">Ayo bund, input riwayat kehamilan, persalinan dan nifas sebelumnya</div>
                    	
                    </div>
                                    
                  </div>
                </div>        
            </div></a>
            @else
            <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>
            @endif
</div>


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





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

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

<!-- input Modal-->
<div class="modal fade" id="inputModalKehamilan" 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 Riwayat Kehamilan') }}</h5>
                <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <form id="kehamilanForm" name="kehamilanForm" 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="form-group">
                <label class="font-weight-bold">1. Kehamilan sekarang merupakan kehamilan bunda yang ke berapa ?</label>
                <select name="q1" id="q1" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5 atau lebih">5 atau lebih</option>
                </select>
                </div>

                <div class="form-group">
                <label class="font-weight-bold">2. Apakah ibu sebelumnya pernah mengalami keguguran (usia kehamilan kurang dari 20 minggu dan berat janin kurang dari 500 gram/ ½ kg)</label>
                <select name="q2" id="q2" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Ya">Ya</option>
                    <option value="Tidak">Tidak</option>
                </select>
                </div>

                <div class="form-group">
                <label  class="font-weight-bold">3. Jika pernah keguguran, berapa kali bunda mengalami keguguran?</label>
                <select name="q3" id="q3" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="1">1 kali</option>
                    <option value="2">2 kali</option>
                    <option value="3 kali">3 kali</option>
                    <option value="Lebih dari 3 kali">Lebih dari 3 kali</option>
                    <option value="Saya tidak pernah keguguran">Saya tidak pernah keguguran</option>
                </select>
                </div>

                <div class="form-group">
                <label class="font-weight-bold">4. Apakah bunda pernah memiliki bayi yang meninggal dalam kandungan sebelumnya?</label>
                <select name="q4" id="q4" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Ya">Ya</option>
                    <option value="Tidak">Tidak</option>
                </select>
                </div>

                <div class="form-group">
                <label  class="font-weight-bold">5. Jika pernah memiliki bayi yang meninggal dalam kandungan, berapa kali bunda mengalaminya?</label>
                <select name="q5" id="q5" 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="Lebih dari 3 kali">Lebih dari 3 kali</option>
                    <option value="Saya tidak pernah mengalaminya">Saya tidak pernah mengalaminya</option>
                </select>
                </div>

                <div class="form-group">
                <label  class="font-weight-bold">6. Jumlah anak yang pernah dilahirkan </label>
                <select name="q6" id="q6" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="0">0 (belum pernah melahirkan)</option>
                    <option value="1 anak">1 anak</option>
                    <option value="2 anak">2 anak</option>
                    <option value="3 anak">3 anak</option>
                    <option value="4 anak">4 anak</option>
                    <option value="5 atau lebih">5 atau lebih</option>
                </select>
                </div>

                <div class="form-group">
                <label  class="font-weight-bold">7. Berapa tahun jarak melahirkan anak terakhir dengan kehamilan sekarang? </label>
                <select name="q7" id="q7" class="form-control" required>
                    <option value="">Please Select</option>
                <option value="Belum pernah">0 (belum pernah melahirkan)</option>
                    <option value="Kurang dari 1 tahun">Kurang dari 1 tahun</option>
                    <option value="1 tahun">1 tahun</option>
                    <option value="2 tahun">2 tahun</option>
                    <option value="3 tahun">3 tahun</option>
                    <option value="Lebih dari 3 tahun">Lebih dari 3 tahun</option>
                </select>
                </div>

                <div class="form-group">
                <label  class="font-weight-bold">8. Bagaimana proses melahirkan anak sebelumnya (boleh lebih dari 1) - Boleh dilewati pertanyaan ini jika belum pernah melahirkan </label>
                <div class="form-check">
                    <input class="form-check-input" name ="q8[]" type="checkbox" value="Normal melalui vagina tanpa di rangsang (diinduksi)" id="defaultCheck1">
                    <label class="form-check-label" for="defaultCheck1">Normal melalui vagina tanpa di rangsang (diinduksi)</label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" name ="q8[]" type="checkbox" value="Normal, dengan dirangsang (diinduksi)" id="defaultCheck1">
                    <label class="form-check-label" for="defaultCheck1">Normal, dengan dirangsang (diinduksi)
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" name ="q8[]" type="checkbox" value="Operasi sesar" id="defaultCheck1">
                    <label class="form-check-label" for="defaultCheck1">Operasi sesar
                    </label>
                </div>
                </div>

                <div class="form-group">
                <label class="font-weight-bold">9. Apakah bunda pernah melahirkan dengan cacat bawaan?</label>
                <select name="q9" id="q9" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Ya">Ya</option>
                    <option value="Tidak">Tidak</option>
                </select>
                </div>

                <div class="form-group">
                <label class="font-weight-bold">10. Jika pernah melahirkan bayi dengan kelainan bawaan, sebutkan jenis kelainan yang dialami anak :</label>
                <input type="text" id="q10" name="q10" class="form-control"  placeholder="silahkan diisi jika ada">
                </div>

                <div class="form-group">
                <label class="font-weight-bold">11. Apakah bunda pernah melahirkan bayi dengan kebiruan dan tidak menangis (asfiksia)</label>
                <select name="q11" id="q11" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Ya">Ya</option>
                    <option value="Tidak">Tidak</option>
                </select>
                </div>

                <div class="form-group">
                <label class="font-weight-bold">12. Apakah bunda pernah melahirkan bayi dengan berat badan bayi kecil (kurang dari 2,5 kg/2500 gr)?</label>
                <select name="q12" id="q12" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Ya">Ya</option>
                    <option value="Tidak">Tidak</option>
                </select>
                </div>

                <div class="form-group">
                <label class="font-weight-bold">13. Apakah bunda memiliki riwayat penyakit kencing manis (diabetes mellitus)?</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="form-group">
                <label class="font-weight-bold">14. Apakah bunda memiliki riwayat tekanan darah tinggi (hipertensi) ?</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="form-group">
                <label class="font-weight-bold">15. Apakah bunda memiliki riwayat kencing manis (diabetes mellitus) selama kehamilan sebelumnya?</label>
                <select name="q15" id="q15" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Ya">Ya</option>
                    <option value="Tidak">Tidak</option>
                </select>
                </div>

                <div class="form-group">
                <label class="font-weight-bold">16. Apakah bunda memiliki riwayat tekanan darah tinggi (hipertensi) selama kehamilan sebelumnya?</label>
                <select name="q16" id="q16" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Ya">Ya</option>
                    <option value="Tidak">Tidak</option>
                </select>
                </div>

                <div class="form-group">
                <label class="font-weight-bold">17. Apakah bunda memiliki riwayat bengkak pada kaki, tangan dan wajah  selama kehamilan sebelumnya?</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="form-group">
                <label class="font-weight-bold">18. Apakah bunda memiliki riwayat perdarahan (flek-flek darah) saat kehamilan sebelumnya?</label>
                <select name="q18" id="q18" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Ya">Ya</option>
                    <option value="Tidak">Tidak</option>
                </select>
                </div>

                <div class="form-group">
                <label class="font-weight-bold">19. Apakah bunda memiliki riwayat hamil anak kembar?</label>
                <select name="q19" id="q19" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="Ya">Ya</option>
                    <option value="Tidak">Tidak</option>
                </select>
                </div>

                <div class="form-group">
                <label class="font-weight-bold">20. Jika pernah hamil anak kembar, kembar berapa?</label>
                <select name="q20" id="q20" class="form-control" required>
                    <option value="">Please Select</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="Lebih dari 3">Lebih dari 3</option>
                    <option value="Tidak pernah">Tidak pernah</option>
                </select>
                </div>

                <div class="form-group">
                <label class="font-weight-bold">21. Apakah bunda mengalami kesulitan dalam persalinan sebelumnya?</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="form-group">
                <label  class="font-weight-bold">22. Jika memiliki kesulitan dalam persalinan sebelumnya, apakah jenis kesulitan tersebut? (boleh memilih lebih dari satu) - Boleh dilewati jika belum pernah melahirkan</label>
                <div class="form-check">
                    <input class="form-check-input" name ="q22[]" type="checkbox" value="Letak bayi sungsang" id="defaultCheck1">
                    <label class="form-check-label" for="defaultCheck1">Letak bayi sungsang</label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" name ="q22[]" type="checkbox" value="Bayi besar" id="defaultCheck1">
                    <label class="form-check-label" for="defaultCheck1">Bayi besar
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" name ="q22[]" type="checkbox" value="Ibu kelelahan (tidak punya tenaga)" id="defaultCheck1">
                    <label class="form-check-label" for="defaultCheck1">Ibu kelelahan (tidak punya tenaga)
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" name ="q22[]" type="checkbox" value="Bayi terlilit tali pusat" id="defaultCheck1">
                    <label class="form-check-label" for="defaultCheck1">Bayi terlilit tali pusat</label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" name ="q22[]" type="checkbox" value="Plasenta/tembuni/ari-ari letak dibawah" id="defaultCheck1">
                    <label class="form-check-label" for="defaultCheck1">Plasenta/tembuni/ari-ari letak dibawah
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" name ="q22[]" type="checkbox" value="Ibu kurang darah" id="defaultCheck1">
                    <label class="form-check-label" for="defaultCheck1">Ibu kurang darah
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" name ="q22[]" type="checkbox" value="Badan ibu bengkak" id="defaultCheck1">
                    <label class="form-check-label" for="defaultCheck1">Badan ibu bengkak</label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" name ="q22[]" type="checkbox" value="Ibu kejang" id="defaultCheck1">
                    <label class="form-check-label" for="defaultCheck1">Ibu kejang
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" name ="q22[]" type="checkbox" value="Tekanan darah tinggi" id="defaultCheck1">
                    <label class="form-check-label" for="defaultCheck1">Tekanan darah tinggi
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" name ="q22[]" type="checkbox" value="Usia ibu terlalu tua" id="defaultCheck1">
                    <label class="form-check-label" for="defaultCheck1">Usia ibu terlalu tua</label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" name ="q22[]" type="checkbox" value="Usia ibu terlalu muda" id="defaultCheck1">
                    <label class="form-check-label" for="defaultCheck1">Usia ibu terlalu muda
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" value="" id="checker3" for="name3">
                    <label class="form-check-label" for="defaultCheck1">Lainnya..</label>
                    <input type="text" id="name3" class="form-control" name="name3" disabled/>
                    
                </div>
                </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_kehamilan">{{ __('Simpan dan lanjutkan') }}</button>
            </div>

                            </form>
        </div>
    </div>
</div>
       
         <!--MODAL SUKSES-->
         <div class="modal fade" id="inputModalNavigasi" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content modal-content-warning py-md-5">
                                        
                    <div class="modal-body">                                           
                      
                    <div class="text-center">
                        <i class="far fa-check-circle fa-10x text-success"></i>
                        <div class="alert alert-success text-dark mt-4">Yeay berhasil menginput data diri</div>
                        @if ($userNavigasi==0)
                        <form id="NavForm" name="SuamiForm" class="form-horizontal">
                        <input type="hidden" name="id_user" value="{{ Auth::user()->id }}">
                        <input type="hidden" name="id_navigasi" value="3">
                        <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_kehamilan').click(function () {
                $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
    
             var valid = this.form.checkValidity();
            
            if (valid) {
    event.preventDefault();
    
        $.ajax({
          data: $('#kehamilanForm').serialize(),
          url: "{{ route('kehamilanStore') }}",
          type: "POST",
          dataType: "JSON",
          success: function (data) {
            console.log(data.error)
                    if($.isEmptyObject(data.error)){  
            $('#kehamilanForm').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_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 = "https://e-afrikot.nursing.id/navigasiUtama";
            
          },
          error: function (data) {
              console.log('Error:', data);
              $('#btn_simpan_nav').html('Save Changes');
          }
      });
      return false;
    });
        });
        </script>
<script>
    document.getElementById('checker').onchange = function() {
 if(this.checked==true){
  document.getElementById("name2").disabled=false;
  document.getElementById("name2").focus();
 }
 else{
  document.getElementById("name2").disabled=true;
 }
};
</script>

<script>
    document.getElementById('checker3').onchange = function() {
 if(this.checked==true){
  document.getElementById("name3").disabled=false;
  document.getElementById("name3").focus();
 }
 else{
  document.getElementById("name3").disabled=true;
 }
};
</script>

@endsection