{"id":1507,"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\/uk\/support\/","title":{"rendered":"Support"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1507\" class=\"elementor elementor-1507\">\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<\/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-1507","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mutuallife.africa\/uk\/wp-json\/wp\/v2\/pages\/1507","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mutuallife.africa\/uk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mutuallife.africa\/uk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mutuallife.africa\/uk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mutuallife.africa\/uk\/wp-json\/wp\/v2\/comments?post=1507"}],"version-history":[{"count":0,"href":"https:\/\/mutuallife.africa\/uk\/wp-json\/wp\/v2\/pages\/1507\/revisions"}],"wp:attachment":[{"href":"https:\/\/mutuallife.africa\/uk\/wp-json\/wp\/v2\/media?parent=1507"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}