Peler

: / var / www / html / wp-content / themes / bayisihat-jurnal /
Filename : tpl-alat-berat-kehamilan.php
back
<?php
/* Template Name: Alat — Kalkulator Berat Kehamilan */
if (!defined('ABSPATH')) exit; get_header(); ?>
<?php echo bs_breadcrumbs_html(); ?>
<header class="wrap tool-hero">
  <p class="eyebrow">Alat percuma</p>
  <h1>Kalkulator Kenaikan Berat Masa Hamil</h1>
  <p>Kalkulator kenaikan berat masa hamil ini bantu anda kira berapa banyak kenaikan berat badan yang sihat sepanjang kehamilan, berdasarkan BMI anda sebelum hamil. Masukkan berat dan tinggi, kami tunjukkan julat sasaran ikut garis panduan yang biasa dirujuk doktor.</p>
</header>
<div class="wrap">
  <div class="tool-box reveal">
    <form class="tool-form" id="bk-form" onsubmit="return false">
      <div class="tool-field" style="max-width:220px">
        <label for="bk-weight">Berat sebelum hamil (kg)</label>
        <input type="number" id="bk-weight" min="30" max="200" step="0.1" placeholder="cth: 55" required>
      </div>
      <div class="tool-field" style="max-width:220px">
        <label for="bk-height">Tinggi (cm)</label>
        <input type="number" id="bk-height" min="120" max="210" step="0.1" placeholder="cth: 160" required>
      </div>
      <div class="tool-field" style="max-width:220px">
        <label for="bk-week">Minggu kehamilan semasa</label>
        <input type="number" id="bk-week" min="1" max="42" step="1" placeholder="cth: 24" required>
      </div>
      <div class="tool-field" style="max-width:260px">
        <label for="bk-now">Berat semasa (kg) <span style="font-weight:400;color:var(--muted)">— pilihan</span></label>
        <input type="number" id="bk-now" min="30" max="220" step="0.1" placeholder="kosongkan jika tak pasti">
      </div>
      <button class="btn btn--primary" id="bk-btn" type="submit">Kira Julat Sihat</button>
    </form>
    <div class="tool-result" id="bk-result" aria-live="polite">
      <p class="eyebrow" style="margin-bottom:.2rem">Jumlah kenaikan berat disyorkan (sepanjang kehamilan)</p>
      <div class="tool-result__big" id="bk-total">—</div>
      <p id="bk-note" style="color:var(--muted);font-size:.98rem"></p>
      <div class="tool-result__grid">
        <div class="tool-stat"><b id="bk-bmi">—</b><span>BMI sebelum hamil</span></div>
        <div class="tool-stat"><b id="bk-cat">—</b><span>Kategori berat</span></div>
        <div class="tool-stat"><b id="bk-expect">—</b><span>Anggaran naik setakat minggu ini</span></div>
      </div>
      <p id="bk-status" style="margin-top:1rem;font-family:var(--font-ui);font-weight:600"></p>
    </div>
  </div>
  <p class="tool-note"><strong>Bagaimana ia dikira?</strong> Kami kira dahulu BMI anda sebelum hamil dengan formula berat (kg) dibahagi tinggi (meter) kuasa dua, kemudian padankan dengan julat cadangan Institute of Medicine (IOM). Ibu yang kurang berat (BMI bawah 18.5) disaran naik 12.5 hingga 18 kg, berat normal (18.5 hingga 24.9) naik 11.5 hingga 16 kg, berlebihan berat (25 hingga 29.9) naik 7 hingga 11.5 kg, dan obes (30 ke atas) naik 5 hingga 9 kg. Kebiasaannya trimester pertama naik sedikit sahaja, dalam 0.5 hingga 2 kg, kemudian kira-kira 0.35 hingga 0.5 kg seminggu pada trimester kedua dan ketiga. Ingat, angka ini anggaran umum sahaja dan setiap kehamilan berbeza. Sila rujuk doktor atau klinik kesihatan untuk pemantauan berat yang sesuai dengan keadaan anda.</p>
</div>
<?php $faq = bs_faq(); if ($faq): ?>
<section class="wrap section"><div class="faq" style="max-width:760px;margin:0 auto"><h2>Soalan Lazim</h2>
<?php foreach ($faq as $f): if(empty($f['q'])||empty($f['a'])) continue; ?>
  <details class="faq__item"><summary><?php echo esc_html($f['q']); ?></summary><div class="faq__a"><?php echo esc_html($f['a']); ?></div></details>
<?php endforeach; ?></div></section>
<?php endif; ?>
<section class="wrap section reveal"><?php echo bs_newsletter_form('Hamil? Dapatkan panduan mingguan percuma', 'Langgan & dapatkan checklist hospital bag + jadual imunisasi (PDF percuma).'); ?></section>
<script>
(function(){
  var form=document.getElementById('bk-form');
  form.addEventListener('submit',function(){
    var w=parseFloat(document.getElementById('bk-weight').value);
    var h=parseFloat(document.getElementById('bk-height').value);
    var wk=parseInt(document.getElementById('bk-week').value,10);
    var now=parseFloat(document.getElementById('bk-now').value);
    if(!w||!h||!wk){return;}
    var m=h/100, bmi=w/(m*m);
    var cat,lo,hi,t1,wkLo,wkHi;
    if(bmi<18.5){cat='Kurang berat';lo=12.5;hi=18;t1=2.0;wkLo=0.44;wkHi=0.58;}
    else if(bmi<25){cat='Normal';lo=11.5;hi=16;t1=1.5;wkLo=0.35;wkHi=0.50;}
    else if(bmi<30){cat='Berlebihan berat';lo=7;hi=11.5;t1=1.0;wkLo=0.23;wkHi=0.33;}
    else {cat='Obes';lo=5;hi=9;t1=0.5;wkLo=0.17;wkHi=0.27;}
    var eLo,eHi;
    if(wk<=13){ eLo=Math.max(0,(wk/13)*0.5); eHi=(wk/13)*t1+ (wk/13)*1.0; }
    else { eLo=t1+(wk-13)*wkLo; eHi=t1+(wk-13)*wkHi; }
    var f1=function(x){return (Math.round(x*10)/10).toFixed(1);};
    document.getElementById('bk-total').textContent=f1(lo)+' – '+f1(hi)+' kg';
    document.getElementById('bk-bmi').textContent=(Math.round(bmi*10)/10).toFixed(1);
    document.getElementById('bk-cat').textContent=cat;
    document.getElementById('bk-expect').textContent=f1(eLo)+' – '+f1(eHi)+' kg';
    document.getElementById('bk-note').textContent='Berdasarkan BMI sebelum hamil anda ('+cat.toLowerCase()+'), ini julat kenaikan berat yang sihat untuk seluruh kehamilan.';
    var st=document.getElementById('bk-status');
    if(now&&now>=w){
      var gain=now-w;
      var msg,col;
      if(gain<eLo-1){msg='Kenaikan anda ('+f1(gain)+' kg) sedikit di bawah anggaran. Tak semestinya bermasalah, tapi elok bincang dengan doktor pada lawatan seterusnya.';col='var(--clay-deep)';}
      else if(gain>eHi+1.5){msg='Kenaikan anda ('+f1(gain)+' kg) sedikit di atas anggaran. Doktor boleh bantu semak pemakanan & aktiviti anda.';col='var(--clay-deep)';}
      else{msg='Kenaikan anda ('+f1(gain)+' kg) berada dalam julat dijangka. Bagus! Teruskan pemakanan seimbang.';col='var(--forest)';}
      st.textContent=msg; st.style.color=col;
    } else { st.textContent=''; }
    document.getElementById('bk-result').classList.add('show');
  });
})();
</script>
<?php get_footer(); ?>