{"id":29725,"date":"2025-11-10T19:34:57","date_gmt":"2025-11-10T19:34:57","guid":{"rendered":"https:\/\/eadmais.online\/?page_id=29725"},"modified":"2025-11-11T21:05:40","modified_gmt":"2025-11-11T21:05:40","slug":"coles-australia-hiring-now-step-2-of-4","status":"publish","type":"page","link":"https:\/\/eadmais.online\/es\/coles-australia-hiring-now-step-2-of-4\/","title":{"rendered":"Coles Australia \u2014 Hiring Now | Step 2 of 4"},"content":{"rendered":"<div class='code-block code-block-2' style='margin: 8px auto; text-align: center; display: block; clear: both;'>\n<div style=\"position: sticky; top: 15px;\">\n<div class=\"code-block-label\">anuncios<\/div>\n<script>\n   window.googletag = window.googletag || {cmd: []};\n   googletag.cmd.push(function() {\n     googletag.defineSlot(\"\/22883653243\/eadmais.online\/eadmais.online_mw_content2_02032023\", [[250, 250], [336, 280], [300, 250]], \"div-gpt-ad-1606164528122-0\").addService(googletag.pubads());\n         googletag.pubads().enableLazyLoad({\n                    fetchMarginPercent: 20,\n                    renderMarginPercent: 10,\n                    mobileScaling: 2.0\n                });\n     googletag.enableServices();\n   });\n<\/script>\n<div id=\"div-gpt-ad-1606164528122-0\">\n   <script>\n      googletag.cmd.push(function() { googletag.display(\"div-gpt-ad-1606164528122-0\"); });\n   <\/script>\n<\/div><\/div>\n<div style=\" height: 150px;\"><\/div>\n<\/div>\n\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;800&#038;display=swap\" rel=\"stylesheet\" \/>\n<style>\n  :root{\n    --blue:#0B63E5; --ink:#0b1220; --muted:#667085;\n    --bg:#F6F8FC; --card:#fff; --border:#E6EAF2;\n    --green-dark:#1B5E20; \/* cor do bot\u00e3o *\/\n  }\n  *{box-sizing:border-box}\n  html,body{height:100%;margin:0}\n  body{\n    background:var(--bg); color:var(--ink);\n    font-family:\"Inter\",system-ui,Arial,sans-serif;\n    display:flex; flex-direction:column; min-height:100dvh;\n  }\n\n  main{ flex:1 0 auto; display:grid; place-items:start center; padding:16px 12px; min-height:calc(100svh - 64px); }\n  .card{ width:100%; max-width:840px; background:var(--card); border:1px solid var(--border); border-radius:14px; padding:18px; box-shadow:0 6px 16px rgba(8,20,51,.06); }\n  h1{margin:8px 0 12px; color:#0A3FB0; font-size:1.35rem; text-align:center}\n\n  form{display:grid; gap:14px; max-width:760px; margin:0 auto; text-align:center}\n  label{font-weight:700; margin-bottom:6px; display:block}\n  input{\n    width:100%; padding:14px 12px; border:2px solid #e2e8f0; border-radius:10px;\n    font-size:16px; background:#fff; line-height:1.25;\n  }\n  input:focus{outline:none; border-color:var(--blue); box-shadow:0 0 0 3px rgba(11,99,229,.15)}\n  .row{display:grid; gap:12px}\n  @media(min-width:560px){ .row.two{grid-template-columns:1fr 1fr} }\n\n  \/* Shift (radio list) *\/\n  .shift-group{ text-align:left }\n  .shift-list{ display:flex; flex-direction:column; gap:8px; padding:10px 12px; border:2px solid #e2e8f0; border-radius:10px; background:#fff }\n  .shift-item{ display:flex; align-items:flex-start; gap:10px; font-size:16px }\n  .shift-item input{ width:auto; accent-color:var(--blue) }\n\n  .error{display:none; color:#dc2626; font-size:.92rem; margin-top:6px}\n  .ad{margin:6px 0 2px; text-align:center}\n\n  .actions{display:grid; gap:10px}\n  .btn{\n    background:var(--green-dark); border:none; border-radius:10px;\n    padding:12px 16px; font-weight:800; text-decoration:none;\n    display:inline-flex; align-items:center; justify-content:center;\n    color:#fff !important;\n  }\n  .btn:link,.btn:visited,.btn:hover,.btn:active{color:#fff !important}\n  .btn[disabled]{opacity:.55}\n  @media(min-width:560px){ .actions{grid-template-columns:180px 1fr} }\n\n  footer{ flex:0 0 auto; padding:18px 12px; text-align:center; font-size:.95rem; color:#5b6473 }\n  footer a{color:#405acc; text-decoration:none}\n  footer a:hover{text-decoration:underline}\n<\/style>\n\n<main>\n  <section class=\"card\" aria-labelledby=\"title\">\n    <h1 id=\"title\">Tell us how to contact you<\/h1>\n\n    <form id=\"f\" novalidate action=\"\">\n      <!-- linha 1: nome + email -->\n      <div class=\"row two\">\n        <div>\n          <label for=\"name\">Full name<\/label>\n          <input id=\"name\" name=\"name\" placeholder=\"e.g., Jordan Lee\" autocomplete=\"name\" required \/>\n          <div id=\"e_name\" class=\"error\">Please enter your name.<\/div>\n        <\/div>\n        <div>\n          <label for=\"email\">Email<\/label>\n          <input id=\"email\" name=\"email\" type=\"email\" inputmode=\"email\" placeholder=\"you@email.com\" autocomplete=\"email\" required \/>\n          <div id=\"e_email\" class=\"error\">Please enter a valid email.<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- linha 2: city sozinho -->\n      <div class=\"row\">\n        <div>\n          <label for=\"city\">City<\/label>\n          <input id=\"city\" name=\"city\" placeholder=\"e.g., Sydney\" autocomplete=\"address-level2\" required \/>\n          <div id=\"e_city\" class=\"error\">Please provide your city.<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- novo campo: shift -->\n      <div class=\"shift-group\">\n        <label>Preferred shift<\/label>\n        <div class=\"shift-list\" role=\"group\" aria-labelledby=\"shift\">\n          <label class=\"shift-item\"><input type=\"radio\" name=\"shift\" value=\"Day shift\" \/> <span>Day shift<\/span><\/label>\n          <label class=\"shift-item\"><input type=\"radio\" name=\"shift\" value=\"Afternoon\/evening shift\" \/> <span>Afternoon\/evening shift<\/span><\/label>\n          <label class=\"shift-item\"><input type=\"radio\" name=\"shift\" value=\"Night shift\" \/> <span>Night shift<\/span><\/label>\n        <\/div>\n        <div id=\"e_shift\" class=\"error\">Please select a preferred shift.<\/div>\n      <\/div>\n\n      <div class=\"actions\">\n        <a class=\"btn\" href=\"https:\/\/eadmais.online\/es\/coles-australia-hiring-now-step-1-of-4\/\">Back<\/a>\n        <button id=\"next\" class=\"btn\" type=\"submit\" disabled>Continue \u279c<\/button>\n      <\/div>\n    <input type=\"hidden\" name=\"trp-form-language\" value=\"es\"\/><\/form>\n  <\/section>\n<\/main>\n\n<footer>\n  <a href=\"\/es\/sobre\/\">Acerca de Eadmais<\/a> \u00b7\n  <a href=\"\/es\/politica-de-publicidade\/\">Pol\u00edtica publicitaria<\/a> \u00b7\n  <a href=\"\/es\/contato\/\">Contacto<\/a>\n<\/footer>\n\n<script>\n  const f = document.getElementById('f');\n  const fields = {\n    name:document.getElementById('name'),\n    email:document.getElementById('email'),\n    city:document.getElementById('city'),\n    shift:() => document.querySelector('input[name=\"shift\"]:checked')\n  };\n  const errs = {\n    name:document.getElementById('e_name'),\n    email:document.getElementById('e_email'),\n    city:document.getElementById('e_city'),\n    shift:document.getElementById('e_shift')\n  };\n  const next = document.getElementById('next');\n\n  const okEmail = v => \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(v);\n\n  function validate(){\n    let good = true;\n    if(!fields.name.value.trim()){ errs.name.style.display='block'; good=false } else errs.name.style.display='none';\n    if(!okEmail(fields.email.value.trim())){ errs.email.style.display='block'; good=false } else errs.email.style.display='none';\n    if(!fields.city.value.trim()){ errs.city.style.display='block'; good=false } else errs.city.style.display='none';\n    if(!fields.shift()){ errs.shift.style.display='block'; good=false } else errs.shift.style.display='none';\n    next.disabled = !good;\n    return good;\n  }\n\n  ['input','change'].forEach(evt=>{\n    fields.name.addEventListener(evt==='input'?'input':'change', validate);\n    fields.email.addEventListener(evt==='input'?'input':'change', validate);\n    fields.city.addEventListener(evt==='input'?'input':'change', validate);\n  });\n  document.querySelectorAll('input[name=\"shift\"]').forEach(r=>r.addEventListener('change', validate));\n\n  \/\/ --- Envio para ActiveCampaign via JSONP + timeout (iOS-safe) ---\n  function acSubmit(contact, onDone){\n    const base = 'https:\/\/ifchat15916.activehosted.com\/proc.php';\n    const params = new URLSearchParams({\n      u:'3', f:'3', s:'', c:'0', m:'0', act:'sub', v:'2',\n      or:'3735dfc2-d89f-48ad-9aa1-d961a7ce7b5f',\n      email: contact.email,\n      fullname: contact.name,\n      'field[2]': contact.city,   \/\/ City\n      'field[3]': contact.shift   \/\/ Shift\n    });\n\n    const s = document.createElement('script');\n    s.async = true;\n    s.src = `${base}?${params.toString()}&jsonp=true`;\n\n    \/\/ Considera OK quando o script carrega\n    s.onload = () => { try{ onDone && onDone('loaded'); }finally{ cleanup(); } };\n    \/\/ Se der erro, seguimos para n\u00e3o travar o funil\n    s.onerror = () => { try{ onDone && onDone('error'); }finally{ cleanup(); } };\n\n    \/\/ Watchdog: se iOS cancelar, seguimos ap\u00f3s 700ms\n    const t = setTimeout(() => { try{ onDone && onDone('timeout'); }finally{ cleanup(); } }, 700);\n\n    function cleanup(){\n      clearTimeout(t);\n      \/\/ opcional: remover o script injetado\n      \/\/ s.remove();\n    }\n\n    document.head.appendChild(s);\n  }\n\n  f.addEventListener('submit',(e)=>{\n    e.preventDefault();\n    if(!validate()) return;\n\n    const data = {\n      name:fields.name.value.trim(),\n      email:fields.email.value.trim(),\n      city:fields.city.value.trim(),\n      shift:fields.shift().value\n    };\n\n    \/\/ Guarda local (caso usu\u00e1rio volte \/ para Step 4)\n    localStorage.setItem('au_coles_applicant', JSON.stringify(data));\n\n    \/\/ Pr\u00f3xima etapa do funil\n    const nextURL = 'https:\/\/eadmais.online\/coles-australia-hiring-now-step-3-of-4\/';\n\n    \/\/ Dispara o AC e navega ao concluir (ou no timeout)\n    acSubmit(data, () => { window.location.href = nextURL; });\n  });\n<\/script>\n\n\n\n<p><!-- \/wp:post-content --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p><!-- \/wp:paragraph --><\/p>","protected":false},"excerpt":{"rendered":"<p>Tell us how to contact you Full name Please enter your name. Email Please enter a valid email. City Please provide your city. Preferred shift Day shift Afternoon\/evening shift Night shift Please select a preferred shift. Back Continue \u279c Sobre o Eadmais \u00b7 Pol\u00edtica de Publicidade \u00b7 Contato<\/p>","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-29725","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"gabrieljosiaqui","author_link":"https:\/\/eadmais.online\/es\/author\/gabrieljosiaqui\/"},"uagb_comment_info":0,"uagb_excerpt":"Tell us how to contact you Full name Please enter your name. Email Please enter a valid email. City Please provide your city. Preferred shift Day shift Afternoon\/evening shift Night shift Please select a preferred shift. Back Continue \u279c Sobre o Eadmais \u00b7 Pol\u00edtica de Publicidade \u00b7 Contato","_links":{"self":[{"href":"https:\/\/eadmais.online\/es\/wp-json\/wp\/v2\/pages\/29725","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eadmais.online\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eadmais.online\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eadmais.online\/es\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/eadmais.online\/es\/wp-json\/wp\/v2\/comments?post=29725"}],"version-history":[{"count":5,"href":"https:\/\/eadmais.online\/es\/wp-json\/wp\/v2\/pages\/29725\/revisions"}],"predecessor-version":[{"id":29797,"href":"https:\/\/eadmais.online\/es\/wp-json\/wp\/v2\/pages\/29725\/revisions\/29797"}],"wp:attachment":[{"href":"https:\/\/eadmais.online\/es\/wp-json\/wp\/v2\/media?parent=29725"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}