{"id":182,"date":"2025-10-28T06:53:01","date_gmt":"2025-10-28T06:53:01","guid":{"rendered":"https:\/\/alphaunitedllc.com\/?page_id=182"},"modified":"2025-10-28T09:47:45","modified_gmt":"2025-10-28T09:47:45","slug":"career","status":"publish","type":"page","link":"https:\/\/alphaunitedllc.com\/?page_id=182&lang=en","title":{"rendered":"CAREER"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"182\" class=\"elementor elementor-182\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d40f22 e-flex e-con-boxed e-con e-parent\" data-id=\"7d40f22\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-debc6e2 elementor-widget elementor-widget-html\" data-id=\"debc6e2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Alpha United \u2014 Career (public) -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&family=Tajawal:wght@400;700&display=swap\" rel=\"stylesheet\">\n<style>\n:root{--gold:#c7a440;--dark:#172b36;--muted:#6b7280;--max-w:1200px}\nbody.au-career{font-family:Inter,Tajawal,Arial,sans-serif;margin:0;color:var(--dark);background:#f6f7f9}\n.wrap{max-width:var(--max-w);margin:20px auto;padding:18px}\n.hero{background:#172b36;color:#fff;padding:28px;border-radius:10px;margin-bottom:16px}\n.hero h1{margin:0;font-size:24px}\n.jobs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}\n.job-card{background:#fff;padding:12px;border-radius:10px;border:1px solid #eef2f6}\n.job-card h3{margin:0 0 8px}\n.meta{color:var(--muted);font-size:13px}\n.btn{background:var(--gold);color:#111;padding:8px 12px;border-radius:8px;border:0;cursor:pointer;font-weight:700}\n.modal { position:fixed; inset:0; display:none; align-items:center; justify-content:center; z-index:9999; background:rgba(0,0,0,0.5) }\n.modal-inner{background:#fff;padding:18px;border-radius:10px;width:94%;max-width:700px;max-height:90vh;overflow:auto}\n.form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}\n.input,textarea{width:100%;padding:8px;border:1px solid #e6e9ee;border-radius:8px}\ntextarea{min-height:120px}\n.close-x{float:right;background:transparent;border:0;font-size:18px;cursor:pointer}\n.success{background:#e6f7ea;border-left:4px solid #b6e6c4;padding:10px;border-radius:8px;margin-top:12px;color:#0b6b3a}\n<\/style>\n\n<div class=\"wrap\">\n  <div class=\"hero\">\n    <h1>Career \u2014 Alpha United<\/h1>\n    <div class=\"meta\">We occasionally post vacancies here. Click Apply to submit your CV and details.<\/div>\n  <\/div>\n\n  <div id=\"jobsContainer\" class=\"jobs-grid\"><\/div>\n\n  <div id=\"noVac\" style=\"margin-top:20px;text-align:center;color:var(--muted)\"><\/div>\n<\/div>\n\n<!-- Modal Apply -->\n<div id=\"applyModal\" class=\"modal\" role=\"dialog\" aria-modal=\"true\">\n  <div class=\"modal-inner\">\n    <button class=\"close-x\" id=\"closeModal\">\u2715<\/button>\n    <h3 id=\"modalJobTitle\"><\/h3>\n    <form id=\"applyForm\">\n      <div class=\"form-row\">\n        <input class=\"input\" name=\"name\" id=\"appName\" placeholder=\"Full name\" required>\n        <input class=\"input\" name=\"email\" id=\"appEmail\" placeholder=\"Email\" required>\n      <\/div>\n      <div class=\"form-row\" style=\"margin-bottom:10px\">\n        <input class=\"input\" name=\"phone\" id=\"appPhone\" placeholder=\"+966 5XXXXXXXX\" required>\n        <input class=\"input\" name=\"appliedFor\" id=\"appJob\" readonly>\n      <\/div>\n      <div style=\"margin-bottom:8px\">\n        <textarea name=\"message\" id=\"appMsg\" placeholder=\"Write a short message \/ experience\"><\/textarea>\n      <\/div>\n      <div style=\"display:flex;gap:8px;align-items:center\">\n        <button class=\"btn\" type=\"submit\">Submit Application<\/button>\n        <button type=\"button\" class=\"btn\" id=\"downloadSample\" style=\"background:#111;color:#fff\">Download Sample CV<\/button>\n      <\/div>\n      <div id=\"applySuccess\" class=\"success\" style=\"display:none\">Thank you \u2014 your application saved and PDF downloaded. We will contact you soon.<\/div>\n    <\/form>\n  <\/div>\n<\/div>\n\n<!-- jsPDF lib (for PDF export) -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\n\n<script>\nconst CAREER_LOCAL_KEY='au_jobs_v1';\nconst CANDIDATES_LOCAL_KEY='au_candidates_v1';\nconst HR_EMAIL = 'alphaunitedksa@gmail.com'; \/\/ used for mailto\n\nfunction loadJobs(){ try{return JSON.parse(localStorage.getItem(CAREER_LOCAL_KEY)||'[]')}catch(e){return[]} }\nfunction saveCandidates(a){ localStorage.setItem(CANDIDATES_LOCAL_KEY, JSON.stringify(a)) }\nfunction loadCandidates(){ try{return JSON.parse(localStorage.getItem(CANDIDATES_LOCAL_KEY)||'[]')}catch(e){return[]} }\n\nfunction renderCareer(){\n  const container=document.getElementById('jobsContainer');\n  container.innerHTML='';\n  const jobs = loadJobs().filter(j=>j.published);\n  if(!jobs || jobs.length===0){ document.getElementById('noVac').textContent='No vacancies at the moment. Please check back later.'; return }\n  document.getElementById('noVac').textContent='';\n  jobs.forEach(j=>{\n    const card=document.createElement('div'); card.className='job-card';\n    card.innerHTML = `\n      <div style=\"display:flex;gap:10px;align-items:center\">\n        <div style=\"width:80px;height:64px;border-radius:8px;overflow:hidden;background:#f1f5f9\">\n          ${j.image?`<img decoding=\"async\" src=\"${j.image}\" style=\"width:100%;height:100%;object-fit:cover\">`:`<div style=\"width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted)\">IMG<\/div>`}\n        <\/div>\n        <div style=\"flex:1\">\n          <h3 style=\"margin:0\">${escapeHtml(j.title)}<\/h3>\n          <div class=\"meta\">${escapeHtml(j.location||'')} \u00b7 ${j.short||''}<\/div>\n          <p style=\"color:var(--muted);margin-top:8px\">${escapeHtml((j.details||'').slice(0,160))}${(j.details && j.details.length>160)?'...':''}<\/p>\n        <\/div>\n      <\/div>\n      <div style=\"margin-top:10px; text-align:right\"><button class=\"btn\" data-id=\"${j.id}\" data-title=\"${escapeAttr(j.title)}\">Apply<\/button><\/div>\n    `;\n    container.appendChild(card);\n  });\n\n  \/\/ apply buttons\n  container.querySelectorAll('button').forEach(b=>{\n    b.addEventListener('click', ()=> openApplyModal(b.getAttribute('data-id'), b.getAttribute('data-title')) );\n  });\n}\n\nfunction openApplyModal(jobId, jobTitle){\n  document.getElementById('applyModal').style.display='flex';\n  document.getElementById('modalJobTitle').textContent = jobTitle;\n  document.getElementById('appJob').value = jobTitle;\n  document.getElementById('applySuccess').style.display='none';\n  \/\/ reset form\n  document.getElementById('applyForm').reset();\n}\n\ndocument.getElementById('closeModal').addEventListener('click', ()=> document.getElementById('applyModal').style.display='none' );\n\ndocument.getElementById('applyForm').addEventListener('submit', async function(e){\n  e.preventDefault();\n  const name = document.getElementById('appName').value.trim();\n  const email = document.getElementById('appEmail').value.trim();\n  const phone = document.getElementById('appPhone').value.trim();\n  const appliedFor = document.getElementById('appJob').value.trim();\n  const message = document.getElementById('appMsg').value.trim();\n  if(!name||!email) { alert('Name and email are required'); return; }\n  const candidate = { id: 'c'+Math.random().toString(36).slice(2,9), name, email, phone, appliedFor, message, ts: Date.now() };\n  const arr = loadCandidates(); arr.push(candidate); saveCandidates(arr);\n\n  \/\/ generate PDF\n  if(window.jspdf && window.jspdf.jsPDF){\n    const { jsPDF } = window.jspdf;\n    const doc = new jsPDF();\n    doc.setFontSize(18); doc.text('Alpha United \u2014 Candidate',14,20);\n    doc.setFontSize(12);\n    doc.text(`Name: ${name}`,14,36);\n    doc.text(`Email: ${email}`,14,46);\n    doc.text(`Phone: ${phone}`,14,56);\n    doc.text(`Applied for: ${appliedFor}`,14,66);\n    doc.text(`Date: ${new Date(candidate.ts).toLocaleString()}`,14,76);\n    doc.setFontSize(11);\n    const split = doc.splitTextToSize((message||''), 180);\n    doc.text('Message:',14,90);\n    doc.text(split,14,100);\n    doc.save((name||'candidate').replace(\/[^a-z0-9]\/gi,'_') + '.pdf');\n  }\n\n  \/\/ try to open a mailto (cannot attach files) \u2014 user can attach downloaded PDF manually\n  const body = encodeURIComponent(`Candidate: ${name}%0AEmail: ${email}%0APhone: ${phone}%0AApplied for: ${appliedFor}%0A%0AMessage:%0A${message}`);\n  const mailto = `mailto:${encodeURIComponent(HR_EMAIL)}?subject=${encodeURIComponent('New application: '+appliedFor)}&body=${body}`;\n  \/\/ open mailto in new tab\/window\n  window.open(mailto,'_blank');\n\n  document.getElementById('applySuccess').style.display='block';\n  \/\/ optional: hide form area so they can't resubmit\n  setTimeout(()=>{document.getElementById('applyModal').scrollIntoView({behavior:'smooth'});},100);\n});\n\ndocument.getElementById('downloadSample').addEventListener('click', ()=>{\n  \/\/ generate a quick sample CV PDF\n  if(!window.jspdf || !window.jspdf.jsPDF){ alert('PDF tool not loaded'); return; }\n  const { jsPDF } = window.jspdf; const doc = new jsPDF();\n  doc.setFontSize(18); doc.text('Sample CV',14,20);\n  doc.setFontSize(12); doc.text('Name: ____________________',14,36);\n  doc.text('Email: ____________________',14,46);\n  doc.text('Phone: ____________________',14,56);\n  doc.text('Experience \/ Notes:',14,76);\n  doc.save('sample_cv.pdf');\n});\n\n\/\/ small helpers\nfunction escapeHtml(s){ if(!s) return ''; return s.replace(\/[&<>\"]\/g, m=>({'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;'}[m])) }\nfunction escapeAttr(s){ return (s||'').replace(\/\"\/g,'&quot;') }\n\nrenderCareer();\n<\/script>\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>Career \u2014 Alpha United We occasionally post vacancies here. Click Apply to submit your CV and details. \u2715 Submit Application Download Sample CV Thank you \u2014 your application saved and PDF downloaded. We will contact you soon.<\/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-182","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/alphaunitedllc.com\/index.php?rest_route=\/wp\/v2\/pages\/182","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alphaunitedllc.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alphaunitedllc.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alphaunitedllc.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alphaunitedllc.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=182"}],"version-history":[{"count":39,"href":"https:\/\/alphaunitedllc.com\/index.php?rest_route=\/wp\/v2\/pages\/182\/revisions"}],"predecessor-version":[{"id":276,"href":"https:\/\/alphaunitedllc.com\/index.php?rest_route=\/wp\/v2\/pages\/182\/revisions\/276"}],"wp:attachment":[{"href":"https:\/\/alphaunitedllc.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}