Peler

: / var / www / html / wp-content / themes / bayisihat-jurnal /
Filename : tpl-alat-kos-bersalin.php
back
<?php
/* Template Name: Alat — Kos Bersalin */
if (!defined('ABSPATH')) exit; get_header(); ?>
<?php echo bs_breadcrumbs_html(); ?>
<header class="wrap tool-hero">
  <p class="eyebrow">Alat percuma</p>
  <h1>Kalkulator Anggaran Kos Bersalin</h1>
  <p>Alat percuma untuk anggar kos bersalin anda ikut jenis kelahiran (normal atau pembedahan czer) dan kemudahan (hospital kerajaan atau swasta). Dapat gambaran kasar bajet sebelum tarikh due tiba, supaya anda boleh rancang duit lebih awal.</p>
</header>
<div class="wrap">
  <div class="tool-box reveal">
    <form class="tool-form" id="kb-form" onsubmit="return false">
      <div class="tool-field" style="max-width:260px">
        <label for="kb-type">Jenis kelahiran</label>
        <select id="kb-type">
          <option value="normal">Bersalin normal</option>
          <option value="czer">Pembedahan (czer)</option>
        </select>
      </div>
      <div class="tool-field" style="max-width:260px">
        <label for="kb-fac">Kemudahan</label>
        <select id="kb-fac">
          <option value="kerajaan">Hospital kerajaan (warganegara)</option>
          <option value="swasta">Hospital swasta</option>
        </select>
      </div>
      <button class="btn btn--primary" id="kb-btn" type="submit">Kira Anggaran Kos</button>
    </form>
    <div class="tool-result" id="kb-result" aria-live="polite">
      <p class="eyebrow" style="margin-bottom:.2rem">Anggaran kos bersalin anda</p>
      <div class="tool-result__big" id="kb-range">—</div>
      <p id="kb-note" style="color:var(--muted);font-size:.98rem"></p>
      <p id="kb-tip" 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> Kalkulator ini mengira anggaran berdasarkan dua pilihan anda: jenis kelahiran dan kemudahan. Untuk warganegara di hospital kerajaan yang disubsidi, kelahiran normal biasanya sekitar RM10 hingga RM100 dan czer sekitar RM100 hingga RM500. Di hospital swasta pula, normal lazimnya RM3,500 hingga RM8,000 manakala czer RM7,000 hingga RM16,000, bergantung pakej, jenis bilik dan hospital. Semua nombor ini anggaran umum sahaja, bukan harga muktamad. Sahkan harga terus dengan hospital pilihan 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('Bersedia untuk bersalin?', 'Langgan & dapatkan checklist beg hospital + jadual imunisasi (PDF percuma).'); ?></section>
<script>
(function(){
  var DATA={
    'kerajaan-normal':{lo:10,hi:100,note:'Kelahiran normal di hospital kerajaan sangat disubsidi untuk warganegara Malaysia.',tip:'Bawa Buku Merah & kad pengenalan. Kos rendah ini termasuk penjagaan asas semasa bersalin.'},
    'kerajaan-czer':{lo:100,hi:500,note:'Pembedahan czer di hospital kerajaan masih jauh lebih murah berbanding swasta kerana disubsidi.',tip:'Czer melibatkan bilik bedah & wad lebih lama, jadi kosnya lebih tinggi sedikit dari normal.'},
    'swasta-normal':{lo:3500,hi:8000,note:'Kos bersalin normal di hospital swasta bergantung pakej, jenis bilik & tempoh wad.',tip:'Minta sebut harga pakej bersalin bertulis awal-awal, dan tanya apa yang termasuk & tak termasuk.'},
    'swasta-czer':{lo:7000,hi:16000,note:'Pembedahan czer di hospital swasta paling tinggi kerana melibatkan pakar, bilik bedah & wad lebih lama.',tip:'Sediakan deposit (biasanya beberapa ribu) semasa daftar masuk. Semak sama ada insurans/takaful boleh tolong.'}
  };
  var form=document.getElementById('kb-form');
  form.addEventListener('submit',function(){
    var t=document.getElementById('kb-type').value;
    var f=document.getElementById('kb-fac').value;
    var d=DATA[f+'-'+t]; if(!d)return;
    var fmt=function(x){return 'RM'+x.toLocaleString('en-MY');};
    document.getElementById('kb-range').textContent=fmt(d.lo)+' – '+fmt(d.hi);
    document.getElementById('kb-note').textContent=d.note;
    document.getElementById('kb-tip').textContent='💡 '+d.tip;
    document.getElementById('kb-result').classList.add('show');
  });
})();
</script>
<?php get_footer(); ?>