@include('header')
@include('functions')

<link rel="stylesheet" type="text/css" href="{{ url('/') }}/css/Apply-form.css">

<!-- apply now form html start -->
<section class="apply-now-wapper">
	<div class="container w-1280">
		<div class="apply-now-form-card">
			<div class="apply-now-form-title">
				<h1>Apply Now</h1>
				<p>Join our world-class team as we build a global marketplace to help business leaders find the right business services.</p>
			</div>
			<div class="apply-now-position-card-wapper">
				<div class="apply-now-position-card">
					<div class="apply-now-position-left">
						<div class="apply-now-position-icon">
							<img src="{{ url('/') }}/img/professional-experience.svg" alt="">
						</div>
						<div class="apply-now-position-text">
							<h4>Senior Manager, Sales Operations</h4>
							<p>
								<img src="{{ url('/') }}/img/location-icon.svg" alt="" class="img-fluid">
								<span>Washington, District of Columbia, United States</span>
							</p>
						</div>
					</div>
					<p>
						<img src="{{ url('/') }}/img/location-icon.svg" alt="" class="img-fluid">
						<span>Washington, District of Columbia, United States</span>
					</p>
				</div>
			</div>
			<form class="apply-now-form-wapper">
				<input type="hidden" value="<?php echo $job_id; ?>" id="job_id">
				<div class="form-group">
					<label>Full Name</label>
					<input type="text" id="full_name" value="" name="" placeholder="Full Name" class="form-control required">
					<span class="err"></span>
				</div>
				<div class="form-group">
					<label>Email</label>
					<input type="text" id="email" value="" name="" placeholder="Email address" class="form-control required">
					<span class="err"></span>
				</div>
				<div class="form-group">
					<label>Resume</label>
					<div class="apply-now--file-upload">
						<input type="file" id="Resume" name="Resume">
						<img src="{{ url('/') }}/img/a-upload-img-icon.svg" alt="">
						<p class="info"><b>Upload </b> your resume from your device.</p>
						<span class="info">Acceptable formats are .docx or .pdf with a maximum file size of 5MB.</span>
						<span class="file_info r_f_info mt-2" style="display: none;"></span>
						<span class="err" style="color: rgb(183, 12, 12);position: absolute;bottom: 5px;font-size: 16px;"></span>
					</div>
				</div>
				<div class="form-group">
					<label>Motivational letter</label>
					<div class="apply-now--file-upload">
						<input type="file" id="motivational-letter" name="motivational-letter">
						<img src="{{ url('/') }}/img/a-upload-img-icon.svg" alt="">
						<p class="info"><b>Upload </b> your resume from your device.</p>
						<span class="info">Acceptable formats are .docx or .pdf with a maximum file size of 5MB.</span>
						<span class="file_info m_f_info mt-2" style="display: none;"></span>
						<span class="err" style="color: rgb(183, 12, 12);position: absolute;bottom: 5px;font-size: 16px;"></span>
					</div>
				</div>
				<div class="form_res">
					<img id="form_loading" src="{{ url('/') }}/img/loading.gif">
					<div id="l_form_message"></div>
				</div>
				<div class="apply-now-button-a">
					<a href="#" id="apply_job_btn">Apply Now</a>
				</div>
			</form>
		</div>
	</div>
</section>
<!-- apply now form html end -->

<script>var job_url = "{{ url('/') }}/apply_job"</script>
<script src="{{ url('/') }}/js/Apply-form.js"></script>

@include('footer')