UAE Job Offer Letter Generator

UAE Job Offer Letter Generator

This tool helps you quickly generate professional UAE-compliant job offer letters. Simply fill in the details, choose your preferred style, and get a ready-to-use HTML letter for preview or print.

Choose Your Letter Style

Heading Sample
Paragraph sample text goes here.
Heading Sample
Paragraph sample text goes here.
Heading Sample
Paragraph sample text goes here.

Choose Your Letter Color Scheme

');const selectedFontElement=document.querySelector('input[name="outputFont"]:checked');const selectedFontFamily=selectedFontElement.closest('.style-option').dataset.fontFamily;let selectedHeadingColor;let selectedTextColor;const selectedColorElement=document.querySelector('input[name="outputColor"]:checked');if(selectedColorElement.value==='custom'){selectedHeadingColor=document.getElementById('customColorPicker').value;selectedTextColor='#343a40'}else{selectedHeadingColor=selectedColorElement.closest('.color-option').dataset.headingColor;selectedTextColor=selectedColorElement.closest('.color-option').dataset.textColor} printWindow.document.body.style.setProperty('--letter-heading-color',selectedHeadingColor);printWindow.document.body.style.setProperty('--letter-text-color',selectedTextColor);printWindow.document.body.style.fontFamily=selectedFontFamily;printWindow.document.write(printContent);printWindow.document.close();printWindow.print()} function updateWelcomeScreenPreview(){const fontOptions=document.querySelectorAll('.style-option');fontOptions.forEach(option=>{const radio=option.querySelector('input[type="radio"]');const previewTitle=option.querySelector('.preview-title');const previewParagraph=option.querySelector('.preview-paragraph');const fontFamily=option.dataset.fontFamily;if(previewTitle)previewTitle.style.fontFamily=fontFamily;if(previewParagraph)previewParagraph.style.fontFamily=fontFamily;if(radio.checked){option.classList.add('selected')}else{option.classList.remove('selected')}});const colorOptions=document.querySelectorAll('.color-option');colorOptions.forEach(option=>{const radio=option.querySelector('input[type="radio"]');const colorBox=option.querySelector('.color-box');const customColorPicker=document.getElementById('customColorPicker');if(radio.checked){option.classList.add('selected')}else{option.classList.remove('selected')} if(radio.value==='custom'){customColorPicker.style.display='inline-block';if(colorBox)colorBox.style.backgroundColor=customColorPicker.value}else{customColorPicker.style.display='none';if(colorBox)colorBox.style.backgroundColor=option.dataset.headingColor}});const selectedColorElement=document.querySelector('input[name="outputColor"]:checked');let previewHeadingColor;let previewTextColor;if(selectedColorElement.value==='custom'){previewHeadingColor=document.getElementById('customColorPicker').value;previewTextColor='#343a40'}else{previewHeadingColor=selectedColorElement.closest('.color-option').dataset.headingColor;previewTextColor=selectedColorElement.closest('.color-option').dataset.textColor} document.querySelectorAll('.style-preview').forEach(preview=>{preview.querySelector('.preview-title').style.color=previewHeadingColor;preview.querySelector('.preview-paragraph').style.color=previewTextColor});const customColorRadio=document.getElementById('colorCustom');const customColorPicker=document.getElementById('customColorPicker');if(!customColorRadio.checked){customColorPicker.style.display='none'}} window.onload=function(){const today=new Date();const year=today.getFullYear();const month=String(today.getMonth()+1).padStart(2,'0');const day=String(today.getDate()).padStart(2,'0');document.getElementById('offerDate').value=`${year}-${month}-${day}`;const commencement=new Date();commencement.setDate(today.getDate()+42);const commYear=commencement.getFullYear();const commMonth=String(commencement.getMonth()+1).padStart(2,'0');const commDay=String(commencement.getDate()).padStart(2,'0');document.getElementById('commencementDate').value=`${commYear}-${commMonth}-${commDay}`;const deadline=new Date();deadline.setDate(today.getDate()+10);const deadlineYear=deadline.getFullYear();const deadlineMonth=String(deadline.getMonth()+1).padStart(2,'0');const deadlineDay=String(deadline.getDate()).padStart(2,'0');document.getElementById('acceptanceDeadline').value=`${deadlineYear}-${deadlineMonth}-${deadlineDay}`;const allowanceCheckboxes=document.querySelectorAll('.allowance-checkbox');allowanceCheckboxes.forEach(checkbox=>{const inputId=checkbox.id.replace('Check','');const inputElement=document.getElementById(inputId);inputElement.disabled=!checkbox.checked;checkbox.addEventListener('change',()=>{inputElement.disabled=!checkbox.checked;if(!checkbox.checked){inputElement.value=''} updateTotalGrossSalaryDisplay()});inputElement.addEventListener('input',updateTotalGrossSalaryDisplay)});const specialTermCheckboxes=document.querySelectorAll('.special-term-checkbox');specialTermCheckboxes.forEach(checkbox=>{const inputId=checkbox.id.replace('Check','Text');const textareaElement=document.getElementById(inputId);textareaElement.disabled=!checkbox.checked;checkbox.addEventListener('change',()=>{textareaElement.disabled=!checkbox.checked;if(!checkbox.checked){textareaElement.value=''} generateOfferLetter()});textareaElement.addEventListener('input',generateOfferLetter)});const fontOptions=document.querySelectorAll('.style-option');fontOptions.forEach(option=>{option.addEventListener('click',()=>{fontOptions.forEach(opt=>opt.classList.remove('selected'));option.classList.add('selected');option.querySelector('input[type="radio"]').checked=!0;updateWelcomeScreenPreview();generateOfferLetter()})});const colorOptions=document.querySelectorAll('.color-option');colorOptions.forEach(option=>{const radio=option.querySelector('input[type="radio"]');const customColorPicker=document.getElementById('customColorPicker');option.addEventListener('click',()=>{colorOptions.forEach(opt=>opt.classList.remove('selected'));option.classList.add('selected');radio.checked=!0;if(radio.value==='custom'){customColorPicker.style.display='inline-block';customColorPicker.focus()}else{customColorPicker.style.display='none'} updateWelcomeScreenPreview();generateOfferLetter()})});document.getElementById('customColorPicker').addEventListener('input',()=>{document.getElementById('colorCustom').checked=!0;document.querySelector('.color-option[data-heading-color="#6c757d"]').classList.add('selected');updateWelcomeScreenPreview();generateOfferLetter()});document.getElementById('basicSalary').addEventListener('input',updateTotalGrossSalaryDisplay);showScreen('welcomeScreen');document.getElementById('fontProfessional').checked=!0;document.getElementById('colorBlue').checked=!0;updateWelcomeScreenPreview()}

Share this resource

Related Resources

Best Typing Center in the City One Stop Shop for All Government Services A-to-Z Business & Licensing Solutions Typing in Arabic, English, Urdu, Bangla & Hindi All UAE Visa Services Under One Roof Certified Legal Translations Available We Handle Fines, Permits & Renewals Emirates ID, Visa, Labor, and MOHRE Services Company Formation, Sponsorship & Office Setup Business Typing, Legal Forms & Contracts Fast & Accurate Document Attestation Printing, Copying, and Design – From AED 1 Your Government Service Gateway in Sharjah Trusted by Thousands Since 2014 Smart Typing & e-Services for All Needs

★★★★★ Rate us on Google