{"id":84,"date":"2025-04-17T16:54:23","date_gmt":"2025-04-17T16:54:23","guid":{"rendered":"https:\/\/abatablaster.xyz\/?page_id=84"},"modified":"2025-07-21T08:19:32","modified_gmt":"2025-07-21T08:19:32","slug":"auto-follow-up","status":"publish","type":"page","link":"https:\/\/abatablaster.xyz\/index.php\/auto-follow-up\/","title":{"rendered":"Auto Follow UP"},"content":{"rendered":"\n<!-- Firebase SDK WAJIB dahulu -->\n<script src=\"https:\/\/www.gstatic.com\/firebasejs\/9.22.2\/firebase-app-compat.js\"><\/script>\n<script src=\"https:\/\/www.gstatic.com\/firebasejs\/9.22.2\/firebase-auth-compat.js\"><\/script>\n<script src=\"https:\/\/www.gstatic.com\/firebasejs\/9.22.2\/firebase-firestore-compat.js\"><\/script>\n<script src=\"https:\/\/www.gstatic.com\/firebasejs\/9.22.2\/firebase-storage-compat.js\"><\/script>\n\n<!-- Shared Status Header Logic -->\n<script src=\"https:\/\/abatablaster.xyz\/js\/shared-status.js\"><\/script>\n\n<!-- \u2705 STATUS HEADER -->\n  <div id=\"topUserStatus\" style=\"background: #f1f8e9; border: 1px solid #c5e1a5; padding: 15px; border-radius: 10px; margin-bottom: 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px; font-size: 14px;\">\n    <div>\n      <div>\ud83d\udce7 <strong>Email:<\/strong> <span id=\"userEmail\">\u2013<\/span><\/div>\n      <div>\ud83d\udcbc <strong>Pakej:<\/strong> <span id=\"infoPakej\">\u2013<\/span><\/div>\n      <div>\ud83d\udce4 <strong>Mesej Baki:<\/strong> <span id=\"infoMesej\">\u2013<\/span> (<span id=\"infoHari\">\u2013<\/span> hari)<\/div>\n      <div>\ud83d\udcf1 <strong>WhatsApp Aktif:<\/strong> <span id=\"infoNombor\">\u2013<\/span><\/div>\n    <\/div>\n    <div style=\"margin-left: auto; align-self: center;\">\n      <button onclick=\"logout()\" style=\"background: #d32f2f; color: white; padding: 6px 15px; border-radius: 6px; border: none;\">\ud83d\udeaa Log Keluar<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- \u26a0\ufe0f AMARAN LANGGANAN TAMAT -->\n  <div id=\"amaranLangganan\" style=\"display: none; background: #ffebee; border: 1px solid #f44336; color: #b71c1c; padding: 12px; border-radius: 10px; margin-bottom: 20px; font-weight: bold; text-align: center; animation: blink 1s step-end infinite;\">\n    \u26a0\ufe0f Langganan anda telah tamat atau mesej telah habis. Sila upgrade untuk terus gunakan sistem ini.\n  <\/div>\n\n  <style>\n  @keyframes blink {\n    50% { opacity: 0; }\n  }\n  <\/style>\n<!-- \ud83c\udf1f Logo Abata Blaster -->\n<div style=\"text-align: center; margin-bottom: 20px;\">\n  <img decoding=\"async\" src=\"https:\/\/abatablaster.xyz\/wp-content\/uploads\/2025\/05\/photo_2024-05-16_15-47-59.jpg\" \n       alt=\"Abata Blaster Logo\"\n       style=\"width: 160px; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.3);\" \/>\n<\/div>\n\n<!-- \ud83c\udf31 Tajuk -->\n<h2 style=\"text-align: center; color: #1b5e20; font-weight: bold;\">\u2699\ufe0f Auto Follow-Up WhatsApp<\/h2>\n<p style=\"text-align: center; color: #2e7d32;\">Aktifkan fungsi follow-up automatik jika pelanggan tidak membalas selepas 12-48 jam.<\/p>\n\n<!-- \ud83d\udd12 Seksyen untuk pengguna login -->\n<div id=\"followupSection\" class=\"card\" style=\"display: none;\">\n\n  <h3 style=\"color:#2e7d32;\">\u2699\ufe0f Auto Follow-Up WhatsApp<\/h3>\n  <p style=\"margin-top: -10px; margin-bottom: 20px; font-size: 14px; color: #388e3c;\">\n    Aktifkan fungsi follow-up automatik jika pelanggan tidak membalas selepas 12-48 jam.\n  <\/p>\n\n  <label for=\"phoneSelector\">\ud83d\udcf1 Pilih Nombor WhatsApp:<\/label>\n  <select id=\"phoneSelector\" onchange=\"loadFollowupSettings();\">\n    <option value=\"\">&#8212; Sila pilih &#8212;<\/option>\n  <\/select>\n\n  <!-- \ud83d\udfe9 Checkbox utama -->\n<div style=\"margin-top: 15px; display: flex; align-items: center; gap: 10px;\">\n  <input type=\"checkbox\" id=\"toggleFollowup\" onchange=\"toggleFollowupFields()\" \/>\n  <label for=\"toggleFollowup\" style=\"font-weight: bold; color: #1b5e20; margin: 0;\">\n    Aktifkan Auto Follow-Up (Manual)\n  <\/label>\n<\/div>\n\n<!-- \u2705 Butang simpan dipindah keluar -->\n<div style=\"display: flex; flex-wrap: wrap; gap: 10px; margin-top: 15px;\">\n  <button onclick=\"simpanFollowup()\">\ud83d\udcbe Simpan Setting<\/button>\n  <button onclick=\"resetFollowupCount()\" style=\"background-color: #d32f2f;\">\ud83d\udd04 Reset Pelanggan<\/button>\n<\/div>\n\n<!-- Ruangan setting followup -->\n<div id=\"followupFields\" style=\"display: none; margin-top: 25px;\">\n  <h4 style=\"color:#33691e;\">\ud83d\udcdd Senarai Mesej Follow-Up<\/h4>\n  <p style=\"font-size: 13px; color:#555;\">Contoh: Follow-up selepas 12 jam, 24 jam, 36 jam dan sebagainya.<\/p>\n\n  <div id=\"customFollowupContainer\"><\/div>\n\n  <div style=\"display: flex; flex-wrap: wrap; gap: 10px; margin-top: 15px;\">\n    <button onclick=\"addFollowupRow()\">\u2795 Tambah Follow-Up<\/button>\n  <\/div>\n<\/div>\n<\/div>\n\n<script src=\"\/js\/auto-followup.js\"><\/script>\n\n<!-- \ud83c\udfa8 Styling -->\n<style>\n\/* \ud83c\udf3f Umum *\/\ntextarea, select, input[type=\"text\"], input[type=\"number\"] {\n  width: 100%;\n  padding: 10px;\n  font-size: 16px;\n  font-family: 'Poppins', sans-serif;\n  border-radius: 6px;\n  border: 1px solid #c8e6c9;\n  box-sizing: border-box;\n  margin-bottom: 15px;\n  resize: vertical;\n}\n\ninput[type=\"checkbox\"] {\n  margin-top: 5px;\n  margin-bottom: 15px;\n}\n\nbutton {\n  background-color: #43a047;\n  color: white;\n  padding: 10px 15px;\n  border: none;\n  border-radius: 6px;\n  cursor: pointer;\n  font-weight: bold;\n  transition: background-color 0.2s ease-in-out;\n}\n\nbutton:hover {\n  background-color: #2e7d32;\n}\n\n\/* \ud83c\udf31 Layout Kad *\/\n.card {\n  background: white;\n  padding: 20px;\n  border-radius: 12px;\n  box-shadow: 0 8px 25px rgba(0,0,0,0.05);\n  max-width: 700px;\n  margin: 15px auto;\n}\n\n\/* \ud83d\udd01 Blok Follow-Up *\/\n.followupRow {\n  position: relative;\n  margin-bottom: 20px;\n  border: 1px solid #c8e6c9;\n  border-radius: 8px;\n  padding: 15px;\n  background: #f9fbe7;\n}\n\n.followupLabel {\n  display: block;\n  font-weight: bold;\n  color: #33691e;\n  margin-bottom: 8px;\n}\n\n.jamInput {\n  width: 100px;\n  padding: 6px 10px;\n  font-size: 16px;\n}\n\n.msgInput {\n  width: 100%;\n  padding: 10px;\n  font-size: 16px;\n  margin-top: 10px;\n  border: 1px solid #c8e6c9;\n  border-radius: 6px;\n}\n\n\/* \u274c Butang Padam *\/\n.padamBtn {\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  background-color: #d32f2f;\n  color: white;\n  border: none;\n  border-radius: 6px;\n  padding: 4px 10px;\n  cursor: pointer;\n  font-weight: bold;\n  font-size: 14px;\n}\n\n\/* \ud83d\udce2 Status Header & Notis *\/\n#topUserStatus {\n  background: #f1f8e9;\n  border: 1px solid #c5e1a5;\n  padding: 15px;\n  border-radius: 10px;\n  margin-bottom: 30px;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  gap: 30px;\n  font-size: 14px;\n}\n\n#amaranLangganan {\n  background: #ffebee;\n  border: 1px solid #f44336;\n  color: #b71c1c;\n  padding: 12px;\n  border-radius: 10px;\n  margin-bottom: 20px;\n  font-weight: bold;\n  text-align: center;\n  animation: blink 1s step-end infinite;\n}\n\n@keyframes blink {\n  50% { opacity: 0; }\n}\n\n\/* \ud83d\udfe2 Tajuk *\/\nh2, h3, h4 {\n  font-size: 20px;\n  text-align: center;\n}\n\n\/* \ud83d\udcf1 Responsif Mobile *\/\n@media (max-width: 768px) {\n  #topUserStatus {\n    flex-direction: column;\n    gap: 10px;\n    font-size: 13px;\n    padding: 15px 10px;\n  }\n\n  .card {\n    padding: 20px;\n    margin: 10px;\n  }\n\nbutton:not(.padamBtn) {\n  width: 100%;\n  margin-top: 8px;\n}\n\n  .padamBtn {\n    font-size: 13px;\n    padding: 4px 8px;\n    top: 6px;\n    right: 6px;\n  }\n\n  .jamInput {\n    width: 100%;\n    display: block;\n    margin-top: 10px;\n  }\n\n  .msgInput {\n    font-size: 16px;\n  }\n\n  #customFollowupContainer > div {\n    margin-bottom: 15px;\n    padding: 15px;\n    background-color: #f1f8e9;\n    border-radius: 8px;\n  }\n\n  #followupFields button {\n    font-size: 15px;\n    padding: 10px 15px;\n  }\n\n  #amaranLangganan {\n    font-size: 14px;\n    padding: 10px;\n  }\n}\n<\/style>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udce7 Email: \u2013 \ud83d\udcbc Pakej: \u2013 \ud83d\udce4 Mesej Baki: \u2013 (\u2013 hari) \ud83d\udcf1 WhatsApp Aktif: \u2013 \ud83d\udeaa Log Keluar \u26a0\ufe0f Langganan anda telah tamat atau mesej telah habis. Sila upgrade untuk terus gunakan sistem ini. \u2699\ufe0f Auto Follow-Up WhatsApp Aktifkan fungsi follow-up automatik jika pelanggan tidak membalas selepas 12-48 jam. \u2699\ufe0f Auto Follow-Up WhatsApp Aktifkan [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-84","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/pages\/84","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/comments?post=84"}],"version-history":[{"count":37,"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/pages\/84\/revisions"}],"predecessor-version":[{"id":843,"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/pages\/84\/revisions\/843"}],"wp:attachment":[{"href":"https:\/\/abatablaster.xyz\/index.php\/wp-json\/wp\/v2\/media?parent=84"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}