{"id":1501,"date":"2025-12-19T21:11:25","date_gmt":"2025-12-19T19:11:25","guid":{"rendered":"https:\/\/demosites.royal-elementor-addons.com\/logistic-v1\/?page_id=11"},"modified":"2025-12-19T21:11:25","modified_gmt":"2025-12-19T19:11:25","slug":"support","status":"publish","type":"page","link":"https:\/\/mutuallife.africa\/za\/support\/","title":{"rendered":"Support"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1501\" class=\"elementor elementor-1501\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45cf79a e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"45cf79a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-a4a3c81 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"a4a3c81\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-c5640e4 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"c5640e4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-12c0dce elementor-widget elementor-widget-heading\" data-id=\"12c0dce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Contact<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fb90b05 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"fb90b05\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47ac5ff elementor-widget elementor-widget-html\" data-id=\"47ac5ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600&family=Philosopher:ital,wght@0,400;1,400&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n#mla-tk *{box-sizing:border-box;margin:0;padding:0}\r\n#mla-tk{font-family:'Philosopher',serif;background:#1A237E;padding:4rem 2rem;width:100%}\r\n#mla-tk .tk-inner{max-width:640px;margin:0 auto}\r\n#mla-tk .tk-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.5rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(201,168,76,0.3)}\r\n#mla-tk .tk-logo{font-family:'Syne',sans-serif;font-size:15px;font-weight:600;color:#fff;letter-spacing:-0.5px}\r\n#mla-tk .tk-logo span{color:#C9A84C}\r\n#mla-tk .tk-toggle{display:flex;gap:8px}\r\n#mla-tk .tk-toggle-btn{font-family:'Syne',sans-serif;font-size:11px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;padding:7px 16px;border-radius:2px;border:1.5px solid rgba(255,255,255,0.2);background:transparent;color:rgba(255,255,255,0.5);cursor:pointer;transition:all 0.2s}\r\n#mla-tk .tk-toggle-btn.active{background:#C9A84C;color:#1A237E;border-color:#C9A84C}\r\n#mla-tk .tk-card{background:#fff;border:1.5px solid #C9A84C;border-radius:20px;padding:2.5rem;box-shadow:0 8px 48px rgba(0,0,0,0.3)}\r\n#mla-tk .tk-view{display:none}\r\n#mla-tk .tk-view.active{display:block;animation:tkFade 0.3s ease}\r\n@keyframes tkFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}\r\n#mla-tk .tk-eyebrow{font-family:'Syne',sans-serif;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.12em;color:#C9A84C;margin-bottom:6px}\r\n#mla-tk .tk-title{font-family:'Syne',sans-serif;font-size:22px;font-weight:600;color:#000;line-height:1.2;margin-bottom:6px}\r\n#mla-tk .tk-sub{font-family:'Philosopher',serif;font-size:14px;color:#666;line-height:1.65;margin-bottom:28px}\r\n#mla-tk .tk-field{margin-bottom:18px}\r\n#mla-tk .tk-field label{font-family:'Syne',sans-serif;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:#888;display:block;margin-bottom:7px}\r\n#mla-tk .tk-field input,#mla-tk .tk-field select,#mla-tk .tk-field textarea{width:100%;font-family:'Philosopher',serif;font-size:15px;color:#000;background:#fff;border:1.5px solid #e0e0e0;border-radius:8px;padding:11px 14px;transition:border-color 0.2s;outline:none;appearance:none;-webkit-appearance:none}\r\n#mla-tk .tk-field input:focus,#mla-tk .tk-field select:focus,#mla-tk .tk-field textarea:focus{border-color:#1A237E}\r\n#mla-tk .tk-field textarea{resize:vertical;min-height:110px;line-height:1.65}\r\n#mla-tk .tk-field select{background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round'\/%3E%3C\/svg%3E\");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer}\r\n#mla-tk .tk-field select:disabled{color:#bbb;background-color:#f9f9f9;cursor:not-allowed}\r\n#mla-tk .tk-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}\r\n#mla-tk .tk-optional{font-family:'Philosopher',serif;font-size:11px;color:#aaa;font-style:italic;margin-left:4px}\r\n#mla-tk .tk-btn{width:100%;padding:13px;background:#1A237E;color:#fff;border:none;border-radius:8px;font-family:'Syne',sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:opacity 0.2s;letter-spacing:0.04em;margin-top:8px;min-height:48px}\r\n#mla-tk .tk-btn:hover{opacity:0.88}\r\n#mla-tk .tk-btn:disabled{opacity:0.35;cursor:not-allowed}\r\n#mla-tk .tk-btn.gold{background:#C9A84C;color:#1A237E}\r\n#mla-tk .tk-divider{border:none;border-top:1px solid #f0f0f0;margin:24px 0}\r\n#mla-tk .tk-success{text-align:center;padding:16px 0}\r\n#mla-tk .tk-success-icon{width:56px;height:56px;background:#f0f4ff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}\r\n#mla-tk .tk-success-icon svg{width:24px;height:24px;stroke:#1A237E;fill:none;stroke-width:2}\r\n#mla-tk .tk-ref{font-family:'Syne',sans-serif;font-size:28px;font-weight:600;color:#1A237E;margin:12px 0 6px;letter-spacing:0.04em}\r\n#mla-tk .tk-success-note{font-family:'Philosopher',serif;font-size:14px;color:#666;line-height:1.7;margin-bottom:24px}\r\n#mla-tk .tk-new-btn{font-family:'Syne',sans-serif;font-size:12px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;background:none;border:none;color:#C9A84C;cursor:pointer;padding:8px;text-decoration:underline}\r\n#mla-tk .tk-track-result{background:#f7f7f7;border-radius:8px;padding:20px;margin-top:20px}\r\n#mla-tk .tk-tr-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #ebebeb;gap:12px}\r\n#mla-tk .tk-tr-row:last-child{border-bottom:none}\r\n#mla-tk .tk-tr-key{font-family:'Philosopher',serif;font-size:13px;color:#888;flex-shrink:0}\r\n#mla-tk .tk-tr-val{font-family:'Syne',sans-serif;font-size:13px;font-weight:600;color:#000;text-align:right}\r\n#mla-tk .tk-badge{display:inline-block;padding:3px 10px;border-radius:100px;font-family:'Syne',sans-serif;font-size:11px;font-weight:600}\r\n#mla-tk .tk-badge.open{background:#e8f0fe;color:#1A237E}\r\n#mla-tk .tk-badge.progress{background:#fff3e0;color:#e65100}\r\n#mla-tk .tk-badge.resolved{background:#e8f5e9;color:#2e7d32}\r\n#mla-tk .tk-badge.closed{background:#f5f5f5;color:#666}\r\n#mla-tk .tk-error{font-family:'Philosopher',serif;font-size:13px;color:#c62828;font-style:italic;margin-top:12px;text-align:center}\r\n#mla-tk .tk-log-toggle{font-family:'Syne',sans-serif;font-size:10px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#bbb;background:none;border:none;cursor:pointer;padding:12px 0 0;display:block;width:100%}\r\n#mla-tk .tk-log-toggle:hover{color:#888}\r\n#mla-tk .tk-log-panel{display:none;margin-top:12px;background:#0a0a0a;border-radius:6px;padding:14px;position:relative}\r\n#mla-tk .tk-log-output{font-family:monospace;font-size:11px;color:#00ff88;line-height:1.6;white-space:pre-wrap;word-break:break-all;max-height:180px;overflow-y:auto;background:none;border:none;outline:none;width:100%}\r\n#mla-tk .tk-log-actions{display:flex;gap:8px;margin-top:8px;border-top:1px solid #222;padding-top:8px}\r\n#mla-tk .tk-log-btn{font-family:'Syne',sans-serif;font-size:10px;font-weight:600;letter-spacing:0.06em;padding:4px 10px;border-radius:2px;border:1px solid #333;background:none;color:#888;cursor:pointer}\r\n#mla-tk .tk-log-btn:hover{border-color:#666;color:#ccc}\r\n#mla-tk .tk-char{font-family:'Philosopher',serif;font-size:11px;color:#bbb;text-align:right;margin-top:4px}\r\n@media(max-width:600px){\r\n  #mla-tk{padding:1.5rem 1rem}\r\n  #mla-tk .tk-card{padding:1.5rem 1.125rem;border-radius:16px}\r\n  #mla-tk .tk-row{grid-template-columns:1fr}\r\n  #mla-tk .tk-title{font-size:18px}\r\n  #mla-tk .tk-toggle-btn{font-size:10px;padding:6px 12px}\r\n}\r\n<\/style>\r\n\r\n<div id=\"mla-tk\">\r\n  <div class=\"tk-inner\">\r\n    <div class=\"tk-header\">\r\n      <div class=\"tk-logo\">Mutual Life <span>Africa<\/span><\/div>\r\n      <div class=\"tk-toggle\">\r\n        <button class=\"tk-toggle-btn active\" onclick=\"tkSwitch('submit',this)\">Submit Ticket<\/button>\r\n        <button class=\"tk-toggle-btn\" onclick=\"tkSwitch('track',this)\">Track Ticket<\/button>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"tk-card\">\r\n\r\n      <!-- SUBMIT VIEW -->\r\n      <div class=\"tk-view active\" id=\"tk-submit\">\r\n        <div class=\"tk-eyebrow\">Support<\/div>\r\n        <div class=\"tk-title\">How can we help you?<\/div>\r\n        <p class=\"tk-sub\">Fill in the form below and we will get back to you within 1\u20132 business days.<\/p>\r\n\r\n        <div class=\"tk-row\">\r\n          <div class=\"tk-field\">\r\n            <label>Division<\/label>\r\n            <select id=\"tk-division\" onchange=\"tkUpdateProducts()\">\r\n              <option value=\"\">Select division<\/option>\r\n              <option>Insurance<\/option>\r\n              <option>Credit<\/option>\r\n              <option>Commercial<\/option>\r\n            <\/select>\r\n          <\/div>\r\n          <div class=\"tk-field\">\r\n            <label>Product<\/label>\r\n            <select id=\"tk-product\" disabled>\r\n              <option value=\"\">Select product<\/option>\r\n            <\/select>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tk-field\">\r\n          <label>Category<\/label>\r\n          <select id=\"tk-category\">\r\n            <option value=\"\">Select category<\/option>\r\n            <option>Claims<\/option>\r\n            <option>Complaints<\/option>\r\n            <option>General Enquiry<\/option>\r\n            <option>Policy Support<\/option>\r\n            <option>Billing<\/option>\r\n          <\/select>\r\n        <\/div>\r\n\r\n        <div class=\"tk-row\">\r\n          <div class=\"tk-field\">\r\n            <label>Email Address<\/label>\r\n            <input type=\"email\" id=\"tk-email\" placeholder=\"you@example.com\">\r\n          <\/div>\r\n          <div class=\"tk-field\">\r\n            <label>Policy Number <span class=\"tk-optional\">optional<\/span><\/label>\r\n            <input type=\"text\" id=\"tk-policy\" placeholder=\"e.g. MLA-123456\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tk-field\">\r\n          <label>Subject<\/label>\r\n          <input type=\"text\" id=\"tk-subject\" placeholder=\"Brief description of your issue\" maxlength=\"120\">\r\n        <\/div>\r\n\r\n        <div class=\"tk-field\">\r\n          <label>Message<\/label>\r\n          <textarea id=\"tk-message\" placeholder=\"Please describe your issue in as much detail as possible...\" maxlength=\"2000\" oninput=\"tkCharCount()\"><\/textarea>\r\n          <div class=\"tk-char\" id=\"tk-char\">0 \/ 2000<\/div>\r\n        <\/div>\r\n\r\n        <button class=\"tk-btn gold\" id=\"tk-submit-btn\" onclick=\"tkSubmit()\">Submit Ticket<\/button>\r\n        <div class=\"tk-error\" id=\"tk-submit-err\"><\/div>\r\n        <button class=\"tk-log-toggle\" onclick=\"tkToggleLog()\">\u25b8 Debug Log<\/button>\r\n        <div class=\"tk-log-panel\" id=\"tk-log-panel\">\r\n          <div class=\"tk-log-output\" id=\"tk-log-output\">No activity yet. Submit a ticket to see logs.<\/div>\r\n          <div class=\"tk-log-actions\">\r\n            <button class=\"tk-log-btn\" id=\"tk-copy-btn\" onclick=\"tkCopyLog()\">Copy Log<\/button>\r\n            <button class=\"tk-log-btn\" onclick=\"document.getElementById('tk-log-output').textContent='';tkLogs=[]\">Clear<\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- SUCCESS VIEW -->\r\n      <div class=\"tk-view\" id=\"tk-success\">\r\n        <div class=\"tk-success\">\r\n          <div class=\"tk-success-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"tk-eyebrow\">Ticket Submitted<\/div>\r\n          <div class=\"tk-ref\" id=\"tk-ref-display\">MLA-T-0000<\/div>\r\n          <p class=\"tk-success-note\">Your ticket has been received. A confirmation has been sent to your email address. Our team will respond within 1\u20132 business days.<br><br>Please save your ticket reference number.<\/p>\r\n          <button class=\"tk-new-btn\" onclick=\"tkReset()\">Submit another ticket<\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- TRACK VIEW -->\r\n      <div class=\"tk-view\" id=\"tk-track\">\r\n        <div class=\"tk-eyebrow\">Track<\/div>\r\n        <div class=\"tk-title\">Track your ticket<\/div>\r\n        <p class=\"tk-sub\">Enter your email and ticket reference to check the status of your request.<\/p>\r\n\r\n        <div class=\"tk-field\">\r\n          <label>Email Address<\/label>\r\n          <input type=\"email\" id=\"tk-track-email\" placeholder=\"you@example.com\">\r\n        <\/div>\r\n        <div class=\"tk-field\">\r\n          <label>Ticket Reference<\/label>\r\n          <input type=\"text\" id=\"tk-track-ref\" placeholder=\"MLA-T-XXXX\" style=\"text-transform:uppercase\" oninput=\"this.value=this.value.toUpperCase()\">\r\n        <\/div>\r\n\r\n        <button class=\"tk-btn\" onclick=\"tkTrack()\">Find My Ticket<\/button>\r\n        <div class=\"tk-error\" id=\"tk-track-err\"><\/div>\r\n        <div id=\"tk-track-result\"><\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var SUPABASE_URL='https:\/\/oenvfyuaryptrtjamcjo.supabase.co';\r\n  var SUPABASE_ANON='eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Im9lbnZmeXVhcnlwdHJ0amFtY2pvIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NzMwNTQ3MDcsImV4cCI6MjA4ODYzMDcwN30.dMNfvvU0jog5y-bkCgGbS9rYDgbxFddO2j4fXysppYY';\r\n  var EDGE_URL=SUPABASE_URL+'\/functions\/v1\/Submit-ticket';\r\n  var tkLogs=[];\r\n\r\n  var tkProducts={\r\n    Insurance:['Funeral Cover','Life Cover','Group Cover'],\r\n    Credit:['Personal Loan','Car Loan','Home Loan','Business Loan','Short-Term Loan'],\r\n    Commercial:['Business Cover','Trade Credit','Cross-Border Insurance']\r\n  };\r\n\r\n  window.tkSwitch=function(view,btn){\r\n    document.querySelectorAll('#mla-tk .tk-view').forEach(function(v){v.classList.remove('active')});\r\n    document.querySelectorAll('#mla-tk .tk-toggle-btn').forEach(function(b){b.classList.remove('active')});\r\n    document.getElementById('tk-'+view).classList.add('active');\r\n    btn.classList.add('active');\r\n  };\r\n\r\n  window.tkUpdateProducts=function(){\r\n    var div=document.getElementById('tk-division').value;\r\n    var sel=document.getElementById('tk-product');\r\n    sel.innerHTML='<option value=\"\">Select product<\/option>';\r\n    if(div && tkProducts[div]){\r\n      tkProducts[div].forEach(function(p){\r\n        var o=document.createElement('option');o.value=p;o.textContent=p;sel.appendChild(o);\r\n      });\r\n      sel.disabled=false;\r\n    } else {\r\n      sel.disabled=true;\r\n    }\r\n  };\r\n\r\n  window.tkCharCount=function(){\r\n    var len=document.getElementById('tk-message').value.length;\r\n    document.getElementById('tk-char').textContent=len+' \/ 2000';\r\n  };\r\n\r\n  function tkLog(type,msg){\r\n    var ts=new Date().toISOString().substr(11,12);\r\n    tkLogs.push('['+ts+'] ['+type+'] '+msg);\r\n    var el=document.getElementById('tk-log-output');\r\n    if(el){el.textContent=tkLogs.join('\\n');el.scrollTop=el.scrollHeight;}\r\n  }\r\n\r\n  window.tkToggleLog=function(){\r\n    var el=document.getElementById('tk-log-panel');\r\n    el.style.display=el.style.display==='none'?'block':'none';\r\n  };\r\n\r\n  window.tkCopyLog=function(){\r\n    navigator.clipboard.writeText(tkLogs.join('\\n')).then(function(){\r\n      document.getElementById('tk-copy-btn').textContent='Copied!';\r\n      setTimeout(function(){document.getElementById('tk-copy-btn').textContent='Copy Log';},2000);\r\n    });\r\n  };\r\n\r\n  window.tkSubmit=async function(){\r\n    var division=document.getElementById('tk-division').value;\r\n    var product=document.getElementById('tk-product').value;\r\n    var category=document.getElementById('tk-category').value;\r\n    var email=document.getElementById('tk-email').value.trim();\r\n    var policy=document.getElementById('tk-policy').value.trim();\r\n    var subject=document.getElementById('tk-subject').value.trim();\r\n    var message=document.getElementById('tk-message').value.trim();\r\n    var errEl=document.getElementById('tk-submit-err');\r\n    errEl.textContent='';\r\n\r\n    if(!division||!product||!category||!email||!subject||!message){\r\n      errEl.textContent='Please fill in all required fields.';return;\r\n    }\r\n    if(!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email)){\r\n      errEl.textContent='Please enter a valid email address.';return;\r\n    }\r\n\r\n    var btn=document.getElementById('tk-submit-btn');\r\n    btn.disabled=true;btn.textContent='Submitting...';\r\n\r\n    var payload={division,product,category,email,policy_number:policy||null,subject,message};\r\n    tkLog('INFO','Submit started');\r\n    tkLog('INFO','Endpoint: '+EDGE_URL);\r\n    tkLog('INFO','Payload: '+JSON.stringify(payload));\r\n\r\n    try{\r\n      tkLog('INFO','Sending fetch request...');\r\n      var res=await fetch(EDGE_URL,{\r\n        method:'POST',\r\n        headers:{'Content-Type':'application\/json','apikey':SUPABASE_ANON,'Authorization':'Bearer '+SUPABASE_ANON},\r\n        body:JSON.stringify(payload)\r\n      });\r\n      tkLog('INFO','Response status: '+res.status+' '+res.statusText);\r\n      var rawText=await res.text();\r\n      tkLog('INFO','Raw response: '+rawText);\r\n      var data;\r\n      try{data=JSON.parse(rawText);}catch(pe){throw new Error('Non-JSON response: '+rawText);}\r\n      if(!res.ok||data.error) throw new Error('HTTP '+res.status+': '+(data.error||data.message||rawText));\r\n      tkLog('SUCCESS','Ticket created: '+data.ticket_ref);\r\n      document.getElementById('tk-ref-display').textContent=data.ticket_ref;\r\n      document.querySelectorAll('#mla-tk .tk-view').forEach(function(v){v.classList.remove('active')});\r\n      document.getElementById('tk-success').classList.add('active');\r\n    }catch(e){\r\n      tkLog('ERROR',e.message);\r\n      errEl.textContent=e.message||'Something went wrong. Please try again.';\r\n      btn.disabled=false;btn.textContent='Submit Ticket';\r\n    }\r\n  };\r\n\r\n  window.tkReset=function(){\r\n    ['tk-division','tk-category','tk-email','tk-policy','tk-subject','tk-message'].forEach(function(id){\r\n      document.getElementById(id).value='';\r\n    });\r\n    document.getElementById('tk-product').innerHTML='<option value=\"\">Select product<\/option>';\r\n    document.getElementById('tk-product').disabled=true;\r\n    document.getElementById('tk-char').textContent='0 \/ 2000';\r\n    document.getElementById('tk-submit-err').textContent='';\r\n    document.getElementById('tk-submit-btn').disabled=false;\r\n    document.getElementById('tk-submit-btn').textContent='Submit Ticket';\r\n    document.querySelectorAll('#mla-tk .tk-view').forEach(function(v){v.classList.remove('active')});\r\n    document.getElementById('tk-submit').classList.add('active');\r\n    document.querySelectorAll('#mla-tk .tk-toggle-btn').forEach(function(b,i){b.classList.toggle('active',i===0)});\r\n  };\r\n\r\n  window.tkTrack=async function(){\r\n    var email=document.getElementById('tk-track-email').value.trim();\r\n    var ref=document.getElementById('tk-track-ref').value.trim().toUpperCase();\r\n    var errEl=document.getElementById('tk-track-err');\r\n    var resEl=document.getElementById('tk-track-result');\r\n    errEl.textContent='';resEl.innerHTML='';\r\n\r\n    if(!email||!ref){errEl.textContent='Please enter your email and ticket reference.';return;}\r\n\r\n    var btn=event.target;btn.disabled=true;btn.textContent='Searching...';\r\n\r\n    try{\r\n      var res=await fetch(\r\n        SUPABASE_URL+'\/rest\/v1\/tickets?ticket_ref=eq.'+encodeURIComponent(ref)+'&email=eq.'+encodeURIComponent(email)+'&select=ticket_ref,division,product,category,subject,status,created_at',\r\n        {headers:{'apikey':SUPABASE_ANON,'Authorization':'Bearer '+SUPABASE_ANON}}\r\n      );\r\n      var data=await res.json();\r\n      if(!data||!data.length){errEl.textContent='No ticket found. Please check your email and reference number.';return;}\r\n      var t=data[0];\r\n      var badgeClass={Open:'open','In Progress':'progress',Resolved:'resolved',Closed:'closed'}[t.status]||'open';\r\n      var date=new Date(t.created_at).toLocaleDateString('en-GB',{day:'numeric',month:'long',year:'numeric'});\r\n      resEl.innerHTML='<div class=\"tk-track-result\">'+\r\n        '<div class=\"tk-tr-row\"><span class=\"tk-tr-key\">Reference<\/span><span class=\"tk-tr-val\" style=\"color:#1A237E\">'+t.ticket_ref+'<\/span><\/div>'+\r\n        '<div class=\"tk-tr-row\"><span class=\"tk-tr-key\">Status<\/span><span class=\"tk-tr-val\"><span class=\"tk-badge '+badgeClass+'\">'+t.status+'<\/span><\/span><\/div>'+\r\n        '<div class=\"tk-tr-row\"><span class=\"tk-tr-key\">Division<\/span><span class=\"tk-tr-val\">'+t.division+'<\/span><\/div>'+\r\n        '<div class=\"tk-tr-row\"><span class=\"tk-tr-key\">Product<\/span><span class=\"tk-tr-val\">'+t.product+'<\/span><\/div>'+\r\n        '<div class=\"tk-tr-row\"><span class=\"tk-tr-key\">Category<\/span><span class=\"tk-tr-val\">'+t.category+'<\/span><\/div>'+\r\n        '<div class=\"tk-tr-row\"><span class=\"tk-tr-key\">Subject<\/span><span class=\"tk-tr-val\" style=\"max-width:200px;word-break:break-word\">'+t.subject+'<\/span><\/div>'+\r\n        '<div class=\"tk-tr-row\"><span class=\"tk-tr-key\">Submitted<\/span><span class=\"tk-tr-val\">'+date+'<\/span><\/div>'+\r\n        '<\/div>';\r\n    }catch(e){\r\n      errEl.textContent='Something went wrong. Please try again.';\r\n    }finally{\r\n      btn.disabled=false;btn.textContent='Find My Ticket';\r\n    }\r\n  };\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bf59517 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"bf59517\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d4c68ce e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"d4c68ce\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5222e5e elementor-widget elementor-widget-icon-box\" data-id=\"5222e5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tNorth America (GMT-4)\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tMon - Friday 08:00 - 17:00\n<br>Sat: 08:00 - 14:00\n<br>Tel: +1-667-317-7991\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f06dffd e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"f06dffd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b63275 elementor-widget elementor-widget-icon-box\" data-id=\"0b63275\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tEurope (GMT+1)\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tMon - Friday 08:00 - 17:00\n<br>Sat: 08:00 - 14:00\n<br>Tel: +44-740-362-7022\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1fd7780 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"1fd7780\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92acaaa elementor-widget elementor-widget-icon-box\" data-id=\"92acaaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tAfrica (GMT+2)\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tMon - Friday 08:00 - 17:00\n<br>Sat: 08:00 - 14:00\n<br>Tel: +27-87-265-8885\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact #mla-tk *{box-sizing:border-box;margin:0;padding:0} #mla-tk{font-family:&#8217;Philosopher&#8217;,serif;background:#1A237E;padding:4rem 2rem;width:100%} #mla-tk .tk-inner{max-width:640px;margin:0 auto} #mla-tk .tk-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.5rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(201,168,76,0.3)} #mla-tk .tk-logo{font-family:&#8217;Syne&#8217;,sans-serif;font-size:15px;font-weight:600;color:#fff;letter-spacing:-0.5px} #mla-tk .tk-logo span{color:#C9A84C} #mla-tk .tk-toggle{display:flex;gap:8px} #mla-tk .tk-toggle-btn{font-family:&#8217;Syne&#8217;,sans-serif;font-size:11px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;padding:7px 16px;border-radius:2px;border:1.5px solid rgba(255,255,255,0.2);background:transparent;color:rgba(255,255,255,0.5);cursor:pointer;transition:all 0.2s} #mla-tk .tk-toggle-btn.active{background:#C9A84C;color:#1A237E;border-color:#C9A84C} #mla-tk .tk-card{background:#fff;border:1.5px solid #C9A84C;border-radius:20px;padding:2.5rem;box-shadow:0 8px 48px rgba(0,0,0,0.3)} #mla-tk .tk-view{display:none} #mla-tk .tk-view.active{display:block;animation:tkFade 0.3s ease} @keyframes tkFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}} #mla-tk .tk-eyebrow{font-family:&#8217;Syne&#8217;,sans-serif;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.12em;color:#C9A84C;margin-bottom:6px} #mla-tk .tk-title{font-family:&#8217;Syne&#8217;,sans-serif;font-size:22px;font-weight:600;color:#000;line-height:1.2;margin-bottom:6px} #mla-tk .tk-sub{font-family:&#8217;Philosopher&#8217;,serif;font-size:14px;color:#666;line-height:1.65;margin-bottom:28px} #mla-tk .tk-field{margin-bottom:18px} #mla-tk .tk-field label{font-family:&#8217;Syne&#8217;,sans-serif;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:#888;display:block;margin-bottom:7px} #mla-tk .tk-field input,#mla-tk .tk-field select,#mla-tk .tk-field textarea{width:100%;font-family:&#8217;Philosopher&#8217;,serif;font-size:15px;color:#000;background:#fff;border:1.5px solid #e0e0e0;border-radius:8px;padding:11px 14px;transition:border-color 0.2s;outline:none;appearance:none;-webkit-appearance:none} #mla-tk .tk-field input:focus,#mla-tk .tk-field select:focus,#mla-tk .tk-field textarea:focus{border-color:#1A237E} #mla-tk .tk-field textarea{resize:vertical;min-height:110px;line-height:1.65} #mla-tk .tk-field select{background-image:url(&#8220;data:image\/svg+xml,%3Csvg xmlns=&#8217;http:\/\/www.w3.org\/2000\/svg&#8217; width=&#8217;12&#8217; height=&#8217;12&#8217; viewBox=&#8217;0 0 12 12&#8217;%3E%3Cpath d=&#8217;M2 4l4 4 4-4&#8242; stroke=&#8217;%23888&#8242; stroke-width=&#8217;1.5&#8242; fill=&#8217;none&#8217; stroke-linecap=&#8217;round&#8217;\/%3E%3C\/svg%3E&#8221;);background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer} #mla-tk .tk-field select:disabled{color:#bbb;background-color:#f9f9f9;cursor:not-allowed} #mla-tk .tk-row{display:grid;grid-template-columns:1fr 1fr;gap:16px} #mla-tk .tk-optional{font-family:&#8217;Philosopher&#8217;,serif;font-size:11px;color:#aaa;font-style:italic;margin-left:4px} #mla-tk .tk-btn{width:100%;padding:13px;background:#1A237E;color:#fff;border:none;border-radius:8px;font-family:&#8217;Syne&#8217;,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:opacity 0.2s;letter-spacing:0.04em;margin-top:8px;min-height:48px} #mla-tk .tk-btn:hover{opacity:0.88} #mla-tk .tk-btn:disabled{opacity:0.35;cursor:not-allowed} #mla-tk .tk-btn.gold{background:#C9A84C;color:#1A237E} #mla-tk .tk-divider{border:none;border-top:1px solid #f0f0f0;margin:24px 0} #mla-tk .tk-success{text-align:center;padding:16px 0} #mla-tk .tk-success-icon{width:56px;height:56px;background:#f0f4ff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px} #mla-tk .tk-success-icon svg{width:24px;height:24px;stroke:#1A237E;fill:none;stroke-width:2} #mla-tk .tk-ref{font-family:&#8217;Syne&#8217;,sans-serif;font-size:28px;font-weight:600;color:#1A237E;margin:12px 0 6px;letter-spacing:0.04em} #mla-tk .tk-success-note{font-family:&#8217;Philosopher&#8217;,serif;font-size:14px;color:#666;line-height:1.7;margin-bottom:24px} #mla-tk .tk-new-btn{font-family:&#8217;Syne&#8217;,sans-serif;font-size:12px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;background:none;border:none;color:#C9A84C;cursor:pointer;padding:8px;text-decoration:underline} #mla-tk .tk-track-result{background:#f7f7f7;border-radius:8px;padding:20px;margin-top:20px} #mla-tk .tk-tr-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #ebebeb;gap:12px} #mla-tk .tk-tr-row:last-child{border-bottom:none} #mla-tk .tk-tr-key{font-family:&#8217;Philosopher&#8217;,serif;font-size:13px;color:#888;flex-shrink:0} #mla-tk .tk-tr-val{font-family:&#8217;Syne&#8217;,sans-serif;font-size:13px;font-weight:600;color:#000;text-align:right} #mla-tk .tk-badge{display:inline-block;padding:3px 10px;border-radius:100px;font-family:&#8217;Syne&#8217;,sans-serif;font-size:11px;font-weight:600} #mla-tk .tk-badge.open{background:#e8f0fe;color:#1A237E} #mla-tk .tk-badge.progress{background:#fff3e0;color:#e65100} #mla-tk .tk-badge.resolved{background:#e8f5e9;color:#2e7d32} #mla-tk .tk-badge.closed{background:#f5f5f5;color:#666} #mla-tk .tk-error{font-family:&#8217;Philosopher&#8217;,serif;font-size:13px;color:#c62828;font-style:italic;margin-top:12px;text-align:center} #mla-tk .tk-log-toggle{font-family:&#8217;Syne&#8217;,sans-serif;font-size:10px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#bbb;background:none;border:none;cursor:pointer;padding:12px 0 0;display:block;width:100%} #mla-tk .tk-log-toggle:hover{color:#888} #mla-tk .tk-log-panel{display:none;margin-top:12px;background:#0a0a0a;border-radius:6px;padding:14px;position:relative} #mla-tk .tk-log-output{font-family:monospace;font-size:11px;color:#00ff88;line-height:1.6;white-space:pre-wrap;word-break:break-all;max-height:180px;overflow-y:auto;background:none;border:none;outline:none;width:100%} #mla-tk .tk-log-actions{display:flex;gap:8px;margin-top:8px;border-top:1px solid #222;padding-top:8px} #mla-tk .tk-log-btn{font-family:&#8217;Syne&#8217;,sans-serif;font-size:10px;font-weight:600;letter-spacing:0.06em;padding:4px 10px;border-radius:2px;border:1px solid #333;background:none;color:#888;cursor:pointer} #mla-tk .tk-log-btn:hover{border-color:#666;color:#ccc} #mla-tk .tk-char{font-family:&#8217;Philosopher&#8217;,serif;font-size:11px;color:#bbb;text-align:right;margin-top:4px} @media(max-width:600px){ #mla-tk{padding:1.5rem 1rem} #mla-tk .tk-card{padding:1.5rem 1.125rem;border-radius:16px} #mla-tk .tk-row{grid-template-columns:1fr} #mla-tk .tk-title{font-size:18px} #mla-tk .tk-toggle-btn{font-size:10px;padding:6px 12px} } Mutual Life Africa Submit Ticket Track Ticket Support How can we help you? Fill in the form below and we will get back to you within 1\u20132 business days. Division Select division Insurance Credit Commercial Product Select product Category Select category Claims Complaints General Enquiry Policy Support Billing Email Address Policy Number optional Subject Message 0 \/ 2000 Submit Ticket \u25b8 Debug Log No activity yet. Submit a ticket to see logs. Copy Log Clear Ticket Submitted MLA-T-0000 Your ticket has been received. A confirmation has been sent to your email address. Our team will respond within 1\u20132 business days. Please save your ticket reference number. Submit another ticket Track Track your ticket Enter your email and ticket reference to check the status of your request. Email Address Ticket Reference Find My Ticket North America (GMT-4) Mon &#8211; Friday 08:00 &#8211; 17:00 Sat: 08:00 &#8211; 14:00 Tel: +1-667-317-7991 Europe (GMT+1) Mon &#8211; Friday 08:00 &#8211; 17:00 Sat: 08:00 &#8211; 14:00 Tel: +44-740-362-7022 Africa (GMT+2) Mon &#8211; Friday 08:00 &#8211; 17:00 Sat: 08:00 &#8211; 14:00 Tel: +27-87-265-8885<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1501","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mutuallife.africa\/za\/wp-json\/wp\/v2\/pages\/1501","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mutuallife.africa\/za\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mutuallife.africa\/za\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mutuallife.africa\/za\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mutuallife.africa\/za\/wp-json\/wp\/v2\/comments?post=1501"}],"version-history":[{"count":0,"href":"https:\/\/mutuallife.africa\/za\/wp-json\/wp\/v2\/pages\/1501\/revisions"}],"wp:attachment":[{"href":"https:\/\/mutuallife.africa\/za\/wp-json\/wp\/v2\/media?parent=1501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}