File: //var/www/quadcode-jobs/storage/framework/views/60a68263454a1ae4a2f9065e5541ba75cb2907f8.php
<?php $__env->startSection('head','<meta name="csrf-token" content="'. csrf_token() .'" />'); ?>
<div class="form-message form-success">
<div class="form-message__icon">
<img src="<?php echo e(asset('/files/icons/contact-us.jpg')); ?>" alt="contact us img">
</div>
<div class="form-message__title">
<div><?php echo app('translator')->get('messages.Awesome'); ?>!</div>
<div><?php echo app('translator')->get('messages.Your application was successfully sent'); ?></div>
</div>
<div class="form-message__text">
<?php echo app('translator')->get('messages.Thank you for your interest for Quadcode.<br>Our team will contact you shortly'); ?>
</div>
<div class="form-message__actions">
<a href="/" class="custom-button js-close-modal" rel="noopener"><?php echo app('translator')->get('messages.OK'); ?></a>
</div>
</div>
<div class="form-message form-error">
<div class="form-message__icon">
<img src="<?php echo e(asset('/files/icons/red-cross_icon.png')); ?>" alt="red-cross icon">
</div>
<div class="form-message__title">
<?php echo app('translator')->get('messages.Oops...<br>Something went wrong'); ?>
</div>
<div class="form-message__text">
<?php echo app('translator')->get('messages.Submitting the form failed for some reason. Try again or tell us about yourself by sending an email directly to'); ?>
<br>
<a class="link" href="mailto:job@quadcode.com" rel="noopener">job@quadcode.com</a>
</div>
</div>
<form action="<?php echo e(route('application.store')); ?>" method="post" enctype="multipart/form-data" class="form js-form-validate" novalidate>
<input type="hidden" name="vacancy_id" value="XXX">
<div class="form__title"><?php echo app('translator')->get('messages.Submit your application'); ?></div>
<div class="form__items">
<div class="form__item">
<div class="custom-input is-required js-input-wrap">
<input type="text" class="form-input" name="first_name" id="first_name" placeholder="<?php echo app('translator')->get('messages.First name'); ?>"
value="<?php echo e(old('first_name')); ?>">
<div class="form-error form-error-form"><?php $__errorArgs = ['first_name'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?><?php echo e($message); ?><?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?></div>
<div class="form-placeholder">
<?php echo app('translator')->get('messages.First name'); ?> <span>*</span>
</div>
</div>
<div class="custom-input is-required js-input-wrap">
<input type="text" class="form-input" name="last_name" id="last_name" placeholder="<?php echo app('translator')->get('messages.Last name'); ?>"
value="<?php echo e(old('last_name')); ?>">
<div class="form-error form-error-form"><?php $__errorArgs = ['last_name'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?><?php echo e($message); ?><?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?></div>
<div class="form-placeholder">
<?php echo app('translator')->get('messages.Last name'); ?> <span>*</span>
</div>
</div>
<div class="custom-input is-required js-input-wrap">
<input type="email" class="form-input" name="email" id="email" placeholder="<?php echo app('translator')->get('messages.Email'); ?>" value="<?php echo e(old('email')); ?>">
<div class="form-error form-error-form"><?php $__errorArgs = ['email'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?><?php echo e($message); ?><?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?></div>
<div class="form-placeholder">
<?php echo app('translator')->get('messages.Email'); ?> <span>*</span>
</div>
</div>
<div class="custom-input custom-phone is-required js-input-wrap">
<input type="text" class="form-input" name="phone" id="phone" placeholder="<?php echo app('translator')->get('messages.Phone'); ?>" value="<?php echo e(old('phone')); ?>">
<div class="form-error form-error-form"><?php $__errorArgs = ['phone'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?><?php echo e($message); ?><?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?></div>
<div class="form-placeholder">
<?php echo app('translator')->get('messages.Phone'); ?> <span>*</span>
</div>
</div>
</div>
<div class="form__item">
<div class="custom-textarea js-input-wrap">
<textarea name="message" id="message" placeholder="<?php echo app('translator')->get('messages.Message_placeholder'); ?>"><?php echo e(old('message')); ?></textarea>
<div class="form-error form-error-form"><?php $__errorArgs = ['message'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?><?php echo e($message); ?><?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?></div>
</div>
</div>
</div>
<div class="custom-upload js-input-wrap js-file-block">
<div class="custom-upload__inner js-file">
<div class="custom-upload__file js-file-item">
<div class="custom-upload__remove js-file-remove">
<svg width="10px" height="10px" viewbox="0 0 18 18" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
<path d="M0.888889 1L15.1111 15" transform="translate(1 1)" fill="none" fill-rule="evenodd" stroke="currentColor" stroke-width="2" stroke-linecap="square"/>
<path d="M0.888889 1L15.1111 15" transform="matrix(-1 0 0 1 17 1)" fill="none" fill-rule="evenodd" stroke="currentColor" stroke-width="2" stroke-linecap="square"/>
</svg>
</div>
</div>
<label class="custom-upload__label js-upload-file" for="cv">
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Clip@3x</title>
<g id="-" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Applynow_1440_Form" transform="translate(-638.000000, -788.000000)" fill="#FFFFFF" fill-rule="nonzero">
<g id="Group" transform="translate(448.000000, 107.000000)">
<g id="Clip" transform="translate(190.038005, 681.038005)">
<path d="M11.2119949,12.9619949 L9.46199494,12.9619949 L9.46199494,9.89949494 C9.46199494,9.1746212 8.87436867,8.58699494 8.14949494,8.58699494 C7.4246212,8.58699494 6.83699494,9.1746212 6.83699494,9.89949494 L6.83699494,14.2744949 C6.83699494,15.965867 8.20812289,17.3369949 9.89949494,17.3369949 C11.590867,17.3369949 12.9619949,15.965867 12.9619949,14.2744949 L12.9619949,5.52449494 C12.9619949,3.83312289 11.590867,2.46199494 9.89949494,2.46199494 L9.46199494,2.46199494 C8.01224747,2.46199494 6.83699494,3.63724747 6.83699494,5.08699494 L5.08699494,5.08699494 C5.08699494,2.67074916 7.04574916,0.711994937 9.46199494,0.711994937 L9.89949494,0.711994937 C12.5573653,0.711994937 14.7119949,2.86662458 14.7119949,5.52449494 L14.7119949,14.2744949 C14.7119949,16.9323653 12.5573653,19.0869949 9.89949494,19.0869949 C7.24162458,19.0869949 5.08699494,16.9323653 5.08699494,14.2744949 L5.08699494,9.89949494 C5.08699494,8.20812289 6.45812289,6.83699494 8.14949494,6.83699494 C9.84086698,6.83699494 11.2119949,8.20812289 11.2119949,9.89949494 L11.2119949,12.9619949 Z" id="Path-16" transform="translate(9.899495, 9.899495) rotate(-315.000000) translate(-9.899495, -9.899495) "></path>
</g>
</g>
</g>
</g>
</svg>
<?php echo app('translator')->get('messages.Upload your CV'); ?></label>
<input class="custom-upload__input" name="cv" id="cv" type="file" accept="application/rtf,application/pdf,application/msword,text/plain,application/vnd.openxmlformats-officedocument.wordprocessingml.document">
</div>
<div class="form-error form-error-form"><?php $__errorArgs = ['cv'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?><?php echo e($message); ?><?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?></div>
</div>
<div class="custom-checkbox js-input-wrap">
<input id="sign" type="checkbox" name="terms_agree" class="form-input">
<label for="sign" class="custom-checkbox__label-box"></label>
<label for="sign" class="custom-checkbox__label">
<?php echo app('translator')->get('messages.By using this form you agree with the storage and processing of your data by this website in accordance with our'); ?>
<a href="<?php echo e(route('privacy-policy')); ?>" class="js-privacy-policy" rel="noopener" target="_blank"><?php echo app('translator')->get('messages.Privacy Policy#paternal'); ?></a>
</label>
</div>
<div class="form-error form-error-form checkbox-error"><?php $__errorArgs = ['terms_agree'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?><?php echo e($message); ?><?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?></div>
<input class="custom-button js-submit" type="submit" name="submit" value="<?php echo app('translator')->get('messages.Submit'); ?>">
</form>
<script>
window.addEventListener('load', () => {
$('.is-required input').each(function (index, item) {
if (item.value !== '') {
$('.is-required:eq(' + index + ')').addClass('not-empty');
} else {
$('.is-required:eq(' + index + ')').removeClass('not-empty');
}
})
});
$(function () {
function showError(name, error) {
var $input = $('[name=' + name + ']');
$input.addClass('is-invalid');
var $group = $input.closest('.js-input-wrap');
$group.addClass('has-error');
var errorInside = $group.find('.form-error');
if (errorInside.length) {
errorInside.text(error).show();
} else {
$group.next().text(error).show();
}
}
function clearError() {
const input = document.querySelectorAll('.form-input');
const group = document.querySelectorAll('.custom-input');
const error = document.querySelectorAll('.form-error-form');
input.forEach(item => {
item.classList.remove('is-invalid');
});
group.forEach(item => {
item.classList.remove('has-error');
})
error.forEach(item => {
item.innerHTML = '';
})
}
var $form = $('.js-form-validate');
$form.on('submit', function (event) {
event.preventDefault();
var $self = $(this);
var data = new FormData($self.get(0));
$.ajax({
headers: {
'X-CSRF-TOKEN': '<?php echo e(csrf_token()); ?>'
},
url: '<?php echo e(route('application.store')); ?>',
method: 'POST',
enctype: 'multipart/form-data',
processData: false,
data: data,
contentType: false,
cache: false,
dataType: 'json',
beforeSend: function () {
$self.find('.js-submit').attr('disabled', 'disabled');
},
success: function (data) {
window.createEvent({
event: 'form_submitted',
job_title: document.querySelector('h1[itemprop="title"]').innerText,
job_id: parseInt(document.querySelector('.js-modal').dataset.vacancy),
});
$self.find('.js-submit').attr('disabled', false);
if (data.success) {
$form.hide();
$('.form-success').show();
} else {
$form.hide();
$('.form-error').show();
}
},
error: function (res) {
$self.find('.js-submit').attr('disabled', false);
clearError();
if (res.status === 422) {
var data = res.responseJSON.errors;
for (let i in data) {
showError(i, data[i][0]);
}
} else {
$form.hide();
$('.form-error').show();
}
}
});
});
});
</script>
<?php /**PATH /var/www/quadcode-jobs/resources/views/site/partials/application_form.blade.php ENDPATH**/ ?>