{"id":10977,"date":"2023-11-02T20:59:13","date_gmt":"2023-11-02T20:59:13","guid":{"rendered":"https:\/\/alpha.awstreams.com\/%d9%86%d9%85%d9%88%d8%b0%d8%ac-%d8%ae%d8%af%d9%85%d8%a9-%d8%a7%d9%84%d8%b9%d9%85%d9%84%d8%a7%d8%a1\/"},"modified":"2024-02-07T06:51:37","modified_gmt":"2024-02-07T06:51:37","slug":"%d9%86%d9%85%d9%88%d8%b0%d8%ac-%d8%ae%d8%af%d9%85%d8%a9-%d8%a7%d9%84%d8%b9%d9%85%d9%84%d8%a7%d8%a1","status":"publish","type":"page","link":"https:\/\/alpha.awstreams.com\/en\/%d9%86%d9%85%d9%88%d8%b0%d8%ac-%d8%ae%d8%af%d9%85%d8%a9-%d8%a7%d9%84%d8%b9%d9%85%d9%84%d8%a7%d8%a1\/","title":{"rendered":"Customer service form"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10977\" class=\"elementor elementor-10977 elementor-8012\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ad2745 e-con-full e-flex e-con e-parent\" data-id=\"7ad2745\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;content_width&quot;:&quot;full&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0cd4b8 elementor-absolute elementor-widget elementor-widget-image\" data-id=\"d0cd4b8\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.19.0 - 29-01-2024 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"483\" height=\"544\" src=\"https:\/\/alpha.awstreams.com\/wp-content\/uploads\/2024\/01\/\u0646\u0645\u0648\u0630\u062c-\u062e\u062f\u0645\u0629-\u0627\u0644\u0639\u0645\u0644\u0627\u0621_02.png\" class=\"attachment-full size-full wp-image-10708\" alt=\"\" srcset=\"https:\/\/alpha.awstreams.com\/wp-content\/uploads\/2024\/01\/\u0646\u0645\u0648\u0630\u062c-\u062e\u062f\u0645\u0629-\u0627\u0644\u0639\u0645\u0644\u0627\u0621_02.png 483w, https:\/\/alpha.awstreams.com\/wp-content\/uploads\/2024\/01\/\u0646\u0645\u0648\u0630\u062c-\u062e\u062f\u0645\u0629-\u0627\u0644\u0639\u0645\u0644\u0627\u0621_02-266x300.png 266w\" sizes=\"(max-width: 483px) 100vw, 483px\" \/>\t\t\t\t\t\t\t\t\t\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-08e0475 e-flex e-con-boxed e-con e-parent\" data-id=\"08e0475\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60f96ba elementor-widget elementor-widget-heading\" data-id=\"60f96ba\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.19.0 - 29-01-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">Customer Service Form<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6612ed9 e-flex e-con-boxed e-con e-parent\" data-id=\"6612ed9\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b33a2ec elementor-widget elementor-widget-heading\" data-id=\"b33a2ec\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\"><script src=\"https:\/\/code.jquery.com\/jquery-3.5.1.min.js\"><\/script>\n<script>\n  var translations = {\n    \"Please Select\": \"\u0645\u0646 \u0641\u0636\u0644\u0643 \u0627\u062e\u062a\u0631\",\n    \"loading\": '\u062c\u0627\u0631\u0650\u0627\u0644\u062a\u062d\u0645\u064a\u0644',\n    \"Error in loading the data\": '\u062e\u0637\u0623 \u0641\u064a \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a',\n    'Please type the title': '\u0645\u0646 \u0641\u0636\u0644\u0643 \u0627\u062f\u062e\u0644 \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0637\u0644\u0628',\n    'Please type the ticket Description': '\u0645\u0646 \u0641\u0636\u0644\u0643 \u0627\u062f\u062e\u0644 \u0648\u0635\u0641 \u0644\u0644\u0637\u0644\u0628',\n    'Please select the Case Type': '\u0645\u0646 \u0641\u0636\u0644\u0643 \u0627\u062e\u062a\u0631 \u0646\u0648\u0639 \u0627\u0644\u062d\u0627\u0644\u0629',\n    'Please select the Product Type': '\u0645\u0646 \u0641\u0636\u0644\u0643 \u0627\u062e\u062a\u0631 \u0646\u0648\u0639 \u0627\u0644\u0645\u0646\u062a\u062c',\n    'Please select the Main topic': '\u0645\u0646 \u0641\u0636\u0644\u0643 \u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u0648\u0636\u0648\u0639 \u0627\u0644\u0631\u0626\u064a\u0633\u064a',\n    'Please select the Sub Topic': '\u0645\u0646 \u0641\u0636\u0644\u0643 \u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u0648\u0636\u0648\u0639 \u0627\u0644\u0641\u0631\u0639\u064a',\n    'Please type the first name': '\u0645\u0646 \u0641\u0636\u0644\u0643 \u0627\u062f\u062e\u0644 \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0627\u0648\u0644 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d',\n    'Please type the last name': '\u0645\u0646 \u0641\u0636\u0644\u0643 \u0627\u062f\u062e\u0644 \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0627\u062e\u064a\u0631 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d',\n    'Please type your correct national id': '\u0645\u0646 \u0641\u0636\u0644\u0643 \u0627\u062f\u062e\u0644 \u0631\u0642\u0645 \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0648 \u0627\u0644\u0627\u0642\u0627\u0645\u0629 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d \u0648\u062d\u0631\u0648\u0641 \u0627\u0646\u062c\u0644\u064a\u0632\u064a\u0629',\n    'Please type correct mobile number without': '\u0645\u0646 \u0641\u0636\u0644\u0643 \u0627\u062f\u062e\u0644 \u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d',\n    'Please type correct email address': '\u0645\u0646 \u0641\u0636\u0644\u0643 \u0627\u062f\u062e\u0644 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0627\u0644\u0643\u062a\u0631\u0648\u0646\u064a',\n  }\n<\/script>\n\n<style>\n  .justify-content-center {\n    text-align: left;\n    color: #E9631D;\n  }\n\n  .custom-form-container {\n    background-color: #fff;\n    padding: 20px;\n    margin-top: 20px;\n    border-radius: 5px;\n    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n  }\n\n  .custom-form-container .form-group {\n    margin-bottom: 15px;\n  }\n\n  .custom-form-container .form-group label {\n    font-size: 24px;\n    font-weight: 900;\n  }\n\n  .custom-form-container .form-group input {\n    font-size: 20px;\n    font-weight: 500;\n    color: #333438;\n    border: 1px #CBCACB solid;\n    border-radius: 5px;\n    padding: 10px;\n  }\n\n  .custom-form-container .form-group select {\n    font-size: 20px;\n    font-weight: 500;\n    color: #333438;\n    border: 1px #CBCACB solid;\n    border-radius: 5px;\n    padding: 10px;\n  }\n\n  .custom-form-container .form-group textarea {\n    font-size: 20px;\n    font-weight: 500;\n    color: #333438;\n    border: 1px #CBCACB solid;\n    border-radius: 5px;\n    padding: 7px;\n  }\n\n\n  .custom-form-container .btn-primary {\n    background-color: #e64a19;\n    border-color: #e64a19;\n    width: 100%;\n    padding: 10px;\n    font-size: 20px;\n  }\n\n  .custom-form-container .btn-primary:hover {\n    background-color: #333438;\n    border-color: #333438;\n  }\n\n  \/* Responsive adjustments *\/\n  @media (max-width: 576px) {\n    .custom-form-container {\n      padding: 10px;\n    }\n  }\n<\/style>\n\n\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"display: none;\">\n  <symbol id=\"check-circle-fill\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\n    <path\n      d=\"M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z\">\n    <\/path>\n  <\/symbol>\n  <symbol id=\"info-fill\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\n    <path\n      d=\"M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z\">\n    <\/path>\n  <\/symbol>\n  <symbol id=\"exclamation-triangle-fill\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\n    <path\n      d=\"M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z\">\n    <\/path>\n  <\/symbol>\n<\/svg>\n\n<div class=\"container\">\n  <div class=\"row justify-content-center\">\n    <div class=\"col-md-8\" style=\"width:100%\">\n      <div class=\"custom-form-container\">\n\n        <div class=\"alert alert-success\" style=\"display: none;\" id=\"successAlert\">\n          <svg class=\"bi flex-shrink-0 me-2\" width=\"24\" height=\"24\" role=\"img\" aria-label=\"Success:\">\n            <use xlink:href=\"#check-circle-fill\"><\/use>\n          <\/svg>\n          A new ticket has been opened for you with number: <span id=\"ticketNumber\"><\/span>\n        <\/div>\n        <div id=\"theForm\">\n          <div class=\"form-group\">\n            <label for=\"title\">Request Title:<\/label>\n            <input type=\"text\" minlength=\"5\" class=\"form-custom-control\" id=\"title\" name=\"title\">\n          <\/div>\n\n\n          <!-- Case Type Dropdown -->\n          <div class=\"form-group\">\n            <label for=\"case_type\">Status Type:<\/label>\n            <select class=\"form-custom-control\" id=\"case_type\" name=\"case_type\">\n              <option value=\"\">-<\/option>\n              <option value=\"1\">Services<\/option>\n              <option value=\"2\">Complains<\/option>\n            <\/select>\n          <\/div>\n\n          <!-- Product Type Dropdown -->\n          <div class=\"form-group\">\n            <label for=\"product_type\">Product Type:<\/label>\n            <select class=\"form-custom-control\" id=\"product_type\" name=\"product_type\">\n              <option value=\"\">-<\/option>\n            <\/select>\n          <\/div>\n\n\n          <!-- Main Topic Dropdown -->\n          <div class=\"form-group\">\n            <label for=\"main_topic\">Main Subject:<\/label>\n            <select class=\"form-custom-control\" id=\"main_topic\" name=\"main_topic\">\n              <option value=\"\">-<\/option>\n            <\/select>\n          <\/div>\n\n          <div class=\"form-group\" id=\"sub_topic_div\">\n            <label for=\"sub_topic\">Subtopic:<\/label>\n            <select class=\"form-custom-control\" id=\"sub_topic\" name=\"sub_topic\">\n              <option value=\"\">-<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"form-group\">\n            <label for=\"description\">Request Description:<\/label>\n            <textarea class=\"form-custom-control\" minlength=\"5\" id=\"description\" name=\"description\" rows=\"3\"><\/textarea>\n          <\/div>\n\n          <div class=\"form-group\">\n            <label for=\"first_name\">First Name:<\/label>\n            <input type=\"text\" class=\"form-custom-control\" id=\"first_name\" name=\"first_name\">\n          <\/div>\n          <div class=\"form-group\">\n            <label for=\"last_name\">Last Name:<\/label>\n            <input type=\"text\" class=\"form-custom-control\" id=\"last_name\" name=\"last_name\">\n          <\/div>\n\n          <div class=\"form-group\">\n            <label for=\"id_number\">ID Number:<\/label>\n            <input type=\"number\" class=\"form-custom-control\" id=\"id_number\" name=\"id_number\">\n          <\/div>\n\n          <div class=\"form-group\">\n            <label for=\"mobile\">Phone:<\/label>\n            <input type=\"text\" class=\"form-custom-control\" id=\"mobile\" name=\"mobile\" pattern=\"^[0-9]*$\">\n          <\/div>\n\n          <div class=\"form-group\">\n            <label for=\"email\">Email:<\/label>\n            <input type=\"email\" class=\"form-custom-control\" id=\"email\" name=\"email\">\n          <\/div>\n          <div class=\"form-group\" id=\"attachmentdiv\">\n            <label for=\"attachment\">Attachment:<\/label>\n            <input type=\"file\" class=\"form-custom-control\" accept=\"image\/*,*.pdf\" id=\"attachment\" name=\"attachment\" \/>\n          <\/div>\n\n          <!-- Submit Button -->\n          <button type=\"button\" id=\"submitBtn\" onclick=\"submitTicket()\" class=\"btn btn-primary\">Send<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  function trans(value, lang = 'en') {\n    if (lang == 'ar') {\n      return translations[value] ? translations[value] : value;\n    }\n    return value;\n  }\n  function validateEmail(mail) {\n    if (\/^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$\/.test(mail)) {\n      return (true)\n    }\n    return (false)\n  }\n  function getProducts(castType, callback) {\n    $.ajax({\n      url: \"https:\/\/prod-185.westeurope.logic.azure.com\/workflows\/a89d0f7b9cac4e069f205c711e3c2cc6\/triggers\/manual\/paths\/invoke\/case_type_id\/\" + castType + \"?api-version=2016-06-01&sp=%2Ftriggers%2Fmanual%2Frun&sv=1.0&sig=ZDPPfJynT9AS25zsW8_7l2PTlB6BYtgaf1jYmlP375Q\",\n      method: \"GET\",\n      success: function (data) {\n        callback(data);\n        \/*\n        [\n            {\n                \"name\": \"\u0634\u0643\u0627\u0648\u0649 \u0627\u0644\u062a\u0645\u0648\u064a\u0644 \u0627\u0644\u062a\u0623\u062c\u064a\u0631\u064a\",\n                \"id\": 5\n            },\n            {\n                \"name\": \"\u0623\u062e\u0631\u0649\",\n                \"id\": 1\n            }\n        ]\n        *\/\n      },\n      error: function (err) {\n        callback(false);\n        alert(trans('Error in loading the data'));\n      }\n    });\n  }\n  function getMainTopics(productId, callback) {\n    $.ajax({\n      url: \"https:\/\/prod-23.westeurope.logic.azure.com\/workflows\/374f0913aa8c467aa7ab85df7615e229\/triggers\/manual\/paths\/invoke\/product_type_id\/\" + productId + \"?api-version=2016-06-01&sp=%2Ftriggers%2Fmanual%2Frun&sv=1.0&sig=saudGYQqN2jGQIZGCuVzO0D5SpeQr61fUh1pA-CoGBc\",\n      method: \"GET\",\n      success: function (data) {\n        callback(data);\n      }, error: function (err) {\n        callback(false);\n        alert(trans('Error in loading the data'));\n      }\n    });\n  }\n\n  function getSubTopics(mainId, callback) {\n    $.ajax({\n      url: \"https:\/\/prod-207.westeurope.logic.azure.com\/workflows\/795e7d753dca4b04a7bf4ab277733d3e\/triggers\/manual\/paths\/invoke\/main_id\/\" + mainId + \"?api-version=2016-06-01&sp=%2Ftriggers%2Fmanual%2Frun&sv=1.0&sig=Oy0UaSFzcfUgIoN75KoxXyHYtPBdErvs_rl7ftdHYGg\",\n      method: \"GET\",\n      success: function (data) {\n        callback(data);\n      },\n      error: function (err) {\n        callback(false);\n        alert(trans('Error in loading the data'));\n      }\n    });\n  }\n\n  const toBase64 = file => new Promise((resolve, reject) => {\n    const reader = new FileReader();\n    reader.readAsDataURL(file);\n    reader.onload = () => resolve(reader.result);\n    reader.onerror = reject;\n  });\n\n  async function createTicket(ticket, callback) {\n    const file = document.querySelector('#attachment').files[0];\n    let ticketData = { ...ticket };\n    if (file) {\n      try {\n        let fileBase64 = await toBase64(file);\n        let base64Arr = fileBase64.split('base64,');\n        let base64Str = fileBase64;\n        if (base64Arr.length > 1) {\n          base64Str = base64Arr[1];\n        }\n        let extradata = { file_data: base64Str, file_type: file.type };\n        ticketData = { ...ticket, ...extradata }\n        console.log('base', ticketData);\n      } catch (err) {\n        console.error('err', err);\n      }\n    }\n    $.ajax({\n      url: \"https:\/\/prod-210.westeurope.logic.azure.com:443\/workflows\/d59b5db1f394490582a003532d03746f\/triggers\/manual\/paths\/invoke?api-version=2016-06-01&sp=%2Ftriggers%2Fmanual%2Frun&sv=1.0&sig=_ge6eYOfms3yVqdM2fYharxBQzPjZFZy826QMP6AXP8\",\n      method: \"POST\",\n      data: JSON.stringify(ticketData),\n      contentType: \"application\/json\",\n      dataType: 'json',\n      success: function (data) {\n        callback(data.ticket_number);\n      },\n      error: function (err) {\n        callback(false);\n        alert(trans('Error in loading the data'));\n      }\n    });\n  }\n\n  function submitTicket() {\n    let title = $('#title').val();\n    let description = $('#description').val();\n    let case_type = $('#case_type').val();\n    let product_type = $('#product_type').val();\n    let main_topic = $('#main_topic').val();\n\n    let sub_topic = $('#sub_topic').val();\n    let first_name = $('#first_name').val();\n    let last_name = $('#last_name').val();\n    let id_number = $('#id_number').val();\n    let mobile = $('#mobile').val().replaceAll(' ', '');\n    if (mobile.substring(0, 5) == '00966') {\n      mobile = mobile.substring(5);\n    }\n    if (mobile.substring(0, 4) == '+966') {\n      mobile = mobile.substring(4);\n    }\n    if (mobile.substring(0, 1) == '0') {\n      mobile = mobile.substring(1);\n    }\n    mobile = '00966' + mobile;\n    let email = $('#email').val();\n\n    if (title.trim().length === 0) {\n      alert(trans('Please type the title'));\n      return false;\n    }\n    if (description.trim().length === 0) {\n      alert(trans('Please type the ticket Description'));\n      return false;\n    }\n    if (case_type == \"\") {\n      alert(trans('Please select the Case Type'));\n      return false;\n    }\n    if (product_type == \"\") {\n      alert(trans('Please select the Product Type'));\n      return false;\n    }\n    if (main_topic == \"\") {\n      alert(trans('Please select the Main topic'));\n      return false;\n    }\n    if ($('#sub_topic option').length > 0 && !sub_topic) {\n      alert(trans('Please select the Sub Topic'));\n      return false;\n    }\n    if (first_name.trim().length < 2) {\n      alert(trans('Please type the first name'));\n      return false;\n    }\n    if (last_name.trim().length < 2) {\n      alert(trans('Please type the last name'));\n      return false;\n    }\n    if (id_number.trim().length < 10 || id_number.trim().length > 10) {\n      alert(trans('Please type your correct national id'));\n      return false;\n    }\n    if (mobile.trim().length != 14) {\n      alert(trans('Please type correct mobile number without'));\n      return false;\n    }\n    if (email.trim().length === 0 || !validateEmail(email)) {\n      alert(trans('Please type correct email address'));\n      return false;\n    }\n    $('#submitBtn').attr('disabled', 'disabled');\n    $('#submitBtn').html(trans('loading'));\n    let ticketData = {\n      \"title\": title,\n      \"ticket_type\": parseInt(case_type),\n      \"product_type\": parseInt(product_type),\n      \"main_topic\": parseInt(main_topic),\n      \"sub_topic\": sub_topic ? parseInt(sub_topic) : undefined,\n      \"description\": description,\n      \"first_name\": first_name,\n      \"last_name\": last_name,\n      \"id_number\": id_number,\n      \"nationality\": \"Saudi Arabia\",\n      \"mobile\": mobile,\n      \"email\": email\n    };\n    localStorage.setItem('ticketData', JSON.stringify(ticketData));\n    createTicket(ticketData, function (ticket_number) {\n      if (ticket_number) {\n        $('#submitBtn').html('Send').removeAttr('disabled');\n        $('#successAlert').show();\n        $('#ticketNumber').html(ticket_number);\n        $('#theForm').hide();\n      }\n    });\n  }\n\n\n\n  $(document).ready(function () {\n    $('#attachmentdiv').hide();\n    let ticketData = localStorage.getItem('ticketData');\n    if (ticketData) {\n      ticketData = JSON.parse(ticketData);\n      $('#first_name').val(ticketData.first_name);\n      $('#last_name').val(ticketData.last_name);\n      $('#id_number').val(ticketData.id_number);\n      $('#first_name').val(ticketData.first_name);\n      $('#mobile').val(ticketData.mobile);\n      $('#email').val(ticketData.email);\n    }\n    $('#case_type').change(function () {\n      let theId = $(this).val();\n      $('#product_type').empty().append(new Option(trans('loading'), \"\")).attr('disabled', 'disabled');\n      getProducts(theId, function (data) {\n        $('#product_type').empty().append(new Option(trans('Please Select'), \"\")).removeAttr('disabled');\n        data.forEach(function (type) {\n          $('#product_type').append(new Option(type.name_en, type.id));\n        });\n      });\n    });\n\n    $('#product_type').change(function () {\n      let theId = $(this).val();\n      $('#main_topic').empty().append(new Option(trans('loading'), \"\")).attr('disabled', 'disabled');\n      getMainTopics(theId, function (data) {\n        $('#main_topic').empty().append(new Option(trans('Please Select'), \"\")).removeAttr('disabled');\n        data.forEach(function (type) {\n          $('#main_topic').append(new Option(type.name_en, type.id));\n        });\n      })\n    });\n\n    $('#main_topic').change(function () {\n      var theId = $(this).val();\n      \/\/ Get the selected option\n      var selectedOption = $(this).find('option:selected');\n      if (selectedOption.attr('attachment_required') == 'true') {\n        $('#attachmentdiv').show();\n      } else {\n        $('#attachmentdiv').hide();\n      }\n      $('#sub_topic').empty().append(new Option(trans('loading'), \"\")).attr('disabled', 'disabled');\n      getSubTopics(theId, function (data) {\n        if (!data || data.length == 0) {\n          \/\/ $('#sub_topic_div').hide();\n          $('#sub_topic').empty().attr('disabled', 'disabled');\n        } else {\n          $('#sub_topic').empty().append(new Option(trans('Please Select'), \"\")).removeAttr('disabled');\n        }\n        data.forEach(function (type) {\n          var option = new Option(type.name_en, type.id);\n          if (type.attachment_required) {\n            $(option).attr('attachment_required', 'true');\n          }\n          $('#sub_topic').append(option);\n        });\n      })\n    });\n\n    $('#sub_topic').change(function () {\n      var theId = $(this).val();\n      var selectedOption = $(this).find('option:selected');\n      if (selectedOption.attr('attachment_required') == 'true') {\n        $('#attachmentdiv').show();\n      } else {\n        $('#attachmentdiv').hide();\n      }\n    });\n\n  });\n\n\n<\/script>\n<script src=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.5.2\/js\/bootstrap.min.js\"><\/script><\/h5>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>Customer Service Form A new ticket has been opened for you with number: Request Title: Status Type: &#8211;ServicesComplains Product Type: &#8211; Main Subject: &#8211; Subtopic: &#8211; Request Description: First Name: Last Name: ID Number: Phone: Email: Attachment: Send<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-10977","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alpha.awstreams.com\/en\/wp-json\/wp\/v2\/pages\/10977","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alpha.awstreams.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alpha.awstreams.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alpha.awstreams.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alpha.awstreams.com\/en\/wp-json\/wp\/v2\/comments?post=10977"}],"version-history":[{"count":145,"href":"https:\/\/alpha.awstreams.com\/en\/wp-json\/wp\/v2\/pages\/10977\/revisions"}],"predecessor-version":[{"id":12643,"href":"https:\/\/alpha.awstreams.com\/en\/wp-json\/wp\/v2\/pages\/10977\/revisions\/12643"}],"wp:attachment":[{"href":"https:\/\/alpha.awstreams.com\/en\/wp-json\/wp\/v2\/media?parent=10977"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}