%PDF-
%PDF-
Mini Shell
Mini Shell
<?php
/* Template Name: Careers Apply */
if (isset($_GET['job'])) {
$career = get_post($_GET['job']);
}
get_header();
if (have_posts()) {
while (have_posts()) {
the_post();
?>
<div class="js-headerGap"></div>
<div class="cwg-container-static mt-5">
<?php
$parent_career = isset($career) ? array('link' => get_permalink($career->ID), 'label' => $career->post_title) : null;
the_breadcrumbs(
true,
$parent_career
);
?>
<form class="js-careerApplyForm" action="career_apply" method="POST" data-redirect="<?= get_permalink(280888); ?>">
<?php if (isset($career)) : ?>
<input type="text" class="hidden invisible" name="job_title" value="<?= get_the_title($career) ?>">
<input type="text" class="hidden invisible" name="job_id" value="<?= $career->ID; ?>">
<?php else : ?>
<input type="text" class="hidden invisible" name="spec_application" value="true">
<?php endif; ?>
<div class="space-y-5 mb-8">
<div>
<div class="mb-5">
<h1 class="font-medium leading-6 mb-2 uppercase mt-12">Your personal information</h1>
<p class="text-xs font-light">*Mandatory fields</p>
</div>
<div class="space-y-4">
<div class="js-floatContainer float-container">
<label for="first_name">First Name* </label>
<input id="first_name" name="first_name" type="text" data-placeholder="" required>
</div>
<div class="js-floatContainer float-container">
<label for="last_name">Last Name* </label>
<input id="last_name" name="last_name" type="text" data-placeholder="" required>
</div>
<div class="js-floatContainer float-container">
<label for="email">Email address* </label>
<input id="email" name="email" type="email" data-placeholder="" required>
</div>
<div class="js-floatContainer float-container">
<label for="phone_number">Phone* </label>
<input id="phone_number" name="phone_number" type="tel" data-placeholder="" required pattern="^[+]*[(]{0,1}[0-9]{1,4}[)]{0,1}[-\s\./0-9]*$">
</div>
</div>
</div>
<div class="space-y-5">
<div>
<h1 class="font-medium leading-6 mb-2 uppercase">CV</h1>
</div>
<div class="js-fileInputComponent">
<label for="cv_file" class="btn-stroked relative">
<input type="file" id="cv_file" name="cv_file" class="js-fileInput absolute h-full w-full opacity-0 z-0" accept=".pdf" required>
ADD A FILE*
</label>
<div class="js-fileList hidden mt-3">
<div class="flex justify-between">
<div>
<p class="js-fileName text-xs text-[#047a00] font-light"></p>
</div>
<div>
<p class="js-clearFile underline font-light text-xs cursor-pointer">Delete</p>
</div>
</div>
</div>
<p class="js-errorMessage hidden text-xs mt-3 text-[#e88931]">
File format is incorrect, please upload a pdf file.
</p>
</div>
</div>
<div class="space-y-5">
<div>
<h1 class="font-medium leading-6 uppercase">OPTIONAL INFORMATION</h1>
<p class="font-light text-xs">Add a cover letter, letters of recommendation and more</p>
</div>
<div class="js-fileInputComponent">
<label for="optional_file" class="btn-stroked relative">
ADD A FILE
<input type="file" id="optional_file" name="optional_file" class="js-fileInput absolute h-full w-full opacity-0 z-0" accept=".pdf">
</label>
<div class="js-fileList hidden mt-3">
<div class="flex justify-between">
<div>
<p class="js-fileName text-xs text-[#047a00] font-light"></p>
</div>
<div>
<p class="js-clearFile underline font-light text-xs cursor-pointer">Delete</p>
</div>
</div>
</div>
<p class="js-errorMessage hidden text-xs mt-3 text-[#e88931]">
File format is incorrect, please upload a pdf file.
</p>
</div>
</div>
<div class="flex">
<label class="container-checkbox text-xs font-light mb-6" for="compliance">
<input type="checkbox" name="compliance" id="compliance" required>
<span class="checkmark-checkbox"></span>
By checking "I agree", you confirm that you have read, understand and agreen to the <a href="<?= get_permalink(788); ?>" class="underline" target="_blank"rel="noopener noreferrer">Terms and Conditons</a>, for Carpenters Workshop Gallery, to whom I send my information
</label>
</div>
<p class="js-submitError hidden text-xs mt-3 text-[#e88931]"></p>
<div class="w-full flex mt-4">
<button type="submit" class="js-sendApplication btn-fill-grey-medium w-full">
<span class="js-btnLabel">SEND</span>
<div class="js-loader hidden">
<div class="w-8 h-8 flex items-center overflow-hidden">
<?php include(locate_template('/assets/img/loader.svg')); ?>
</div>
</div>
</button>
</div>
</div>
</form>
</div>
<?php
}
}
get_footer();
?>
Zerion Mini Shell 1.0