Peler

: / var / www / html / wp-content / themes / bayisihat-jurnal /
Filename : tpl-alat-kuantiti-susu.php
back
<?php
/* Template Name: Alat — Kuantiti Susu Bayi */
if (!defined('ABSPATH')) exit; get_header(); ?>
<?php echo bs_breadcrumbs_html(); ?>
<header class="wrap tool-hero">
  <p class="eyebrow">Alat percuma</p>
  <h1>Kalkulator Kuantiti Susu Bayi</h1>
  <p>Alat ini bantu anda anggarkan berapa ml susu formula bayi perlu setiap hari dan setiap kali menyusu, ikut berat badan dan umurnya. Sesuai untuk ibu bapa yang beri susu formula dan nak pastikan bayi cukup kenyang tanpa terlebih atau terkurang.</p>
</header>
<div class="wrap">
  <div class="tool-box reveal">
    <form class="tool-form" id="ks-form" onsubmit="return false">
      <div class="tool-field" style="max-width:220px">
        <label for="ks-weight">Berat bayi (kg)</label>
        <input type="number" id="ks-weight" min="1.5" max="15" step="0.1" placeholder="cth: 5.0" required>
      </div>
      <div class="tool-field" style="max-width:240px">
        <label for="ks-age">Umur bayi</label>
        <select id="ks-age">
          <option value="0">Baru lahir (bawah 1 bulan)</option>
          <option value="1.5" selected>1 hingga 2 bulan</option>
          <option value="3">2 hingga 4 bulan</option>
          <option value="5">4 hingga 6 bulan</option>
          <option value="7">6 bulan ke atas</option>
        </select>
      </div>
      <button class="btn btn--primary" id="ks-btn" type="submit">Kira Kuantiti Susu</button>
    </form>
    <div class="tool-result" id="ks-result" aria-live="polite">
      <p class="eyebrow" style="margin-bottom:.2rem">Anggaran susu formula setiap kali menyusu</p>
      <div class="tool-result__big" id="ks-perfeed">—</div>
      <p id="ks-note" style="color:var(--muted);font-size:.98rem"></p>
      <div class="tool-result__grid">
        <div class="tool-stat"><b id="ks-total">—</b><span>Jumlah sehari (anggaran)</span></div>
        <div class="tool-stat"><b id="ks-feeds">—</b><span>Bilangan kali menyusu</span></div>
        <div class="tool-stat"><b id="ks-range">—</b><span>Julat sehari (120–180 ml/kg)</span></div>
      </div>
      <p id="ks-extra" style="margin-top:1rem;font-family:var(--font-ui);font-size:.95rem;color:var(--forest-deep)"></p>
    </div>
  </div>
  <p class="tool-note"><strong>Bagaimana ia dikira?</strong> Kiraan ini guna panduan umum kira-kira 150 ml susu formula bagi setiap kilogram berat badan bayi sehari (julat biasa 120 hingga 180 ml/kg) untuk bayi susu formula 0 hingga 6 bulan. Jumlah sehari itu kemudian dibahagikan dengan bilangan kali menyusu. Ambil perhatian, angka ini anggaran sahaja kerana setiap bayi berbeza selera dan tumbesaran. Bayi yang menyusu badan pula menyusu atas permintaan, jadi tak perlu diukur dalam ml. Kalau bayi nampak tak cukup susu, berat badan tak naik, atau anda risau, sila rujuk doktor atau klinik kesihatan.</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(); ?></section>
<script>
(function(){
  var form=document.getElementById('ks-form');
  form.addEventListener('submit',function(){
    var w=parseFloat(document.getElementById('ks-weight').value);
    var age=parseFloat(document.getElementById('ks-age').value);
    if(!w){return;}
    var mid=w*150, lo=w*120, hi=w*180;
    var capped=false;
    if(mid>960){mid=960;capped=true;} if(hi>1000){hi=1000;}
    var feeds;
    if(age<1)feeds=9; else if(age<2)feeds=8; else if(age<4)feeds=7; else if(age<6)feeds=6; else feeds=5;
    var perFeed=Math.round(mid/feeds/5)*5;
    var r=function(x){return Math.round(x/5)*5;};
    document.getElementById('ks-perfeed').textContent='± '+perFeed+' ml';
    document.getElementById('ks-total').textContent=r(mid)+' ml';
    document.getElementById('ks-feeds').textContent=feeds+' kali';
    document.getElementById('ks-range').textContent=r(lo)+' – '+r(hi)+' ml';
    document.getElementById('ks-note').textContent='Anggaran untuk bayi seberat '+w+' kg. Bahagikan '+r(mid)+' ml kepada '+feeds+' kali menyusu sehari.';
    var extra=document.getElementById('ks-extra');
    if(age>=7){extra.textContent='Bayi 6 bulan ke atas sudah mula makanan pejal, jadi kuantiti susu akan berkurang sedikit demi sedikit. Susu masih penting sehingga umur setahun.';}
    else if(capped){extra.textContent='Bayi anda agak besar, jadi jumlah dihadkan pada anggaran maksimum harian. Ikut isyarat lapar & kenyang bayi.';}
    else{extra.textContent='Ini panduan sahaja. Ikut isyarat lapar & kenyang bayi, jangan paksa habiskan botol.';}
    document.getElementById('ks-result').classList.add('show');
  });
})();
</script>
<?php get_footer(); ?>