<?php
require_once('CONFIG.php');
require_once('HEAD.php');
require_once('NAV.php');
?>
<section id="pagehead" class="container-fluid careers_header">
			<div class="container position-relative h-100">
				<div class="page-title">
					<div class="content">
						<div class="page-breadcrumb">
							<ul class="m-0 p-0">
								<li><a href="/">Home</a></li>
								<li>Careers</li>
							</ul>
						</div>
						<h1 class="font-weight-bold text-uppercase mt-4">Careers</h1>
					</div>
				</div>
			</div>
</section>
	<div id="careers" class="page cw-hide">
		<section id="par1" class="container-fluid">
			<div class="container">
			<div class="row">
					<div class="col-md-12 mb-4">
						<h4>At Patriot Digital Solutions, we believe that our success is driven by the talent and passion of our team members. If you're looking to join a dynamic and fast-paced company that is committed to creating a positive impact, we encourage you to submit your resume through our career submission form today.</h4>
					</div>
					<div class="col-md-12">
						<form enctype="multipart/form-data" method="POST" class="form" id="myForm">
						  <!-- Name input -->
						  <div class="form-floating mb-3">
							  <div class="d-flex flex-column">
									<label class="form-label font-weight-bold mb-0"><h4>Name</h4></label>
									<input type="text" id="xnm" name="xnm" class="form-control" placeholder="Your Name" />
								</div>
						  </div>

						  <!-- Email input -->
						  <div class="form-floating mb-3">
							<div class="d-flex flex-column">
								<label class="form-label font-weight-bold mb-0"><h4>Email Address</h4></label>
								<input type="email" id="xem" name="xem" class="form-control" placeholder="user@company.com"/>
							</div>
						  </div>
						  <div class="form-floating mb-3" style="display: none;">
							<div class="d-flex flex-column">
								<label class="form-label font-weight-bold mb-0"><h4>Email Address</h4></label>
								<input type="email" id="email" name="email" class="form-control" value="  "/>
							</div>
						  </div>
						  <div class="form-floating mb-3">
							  <div class="d-flex flex-column">
									<label class="form-label font-weight-bold mb-0"><h4>Message</h4></label>
									<textarea id="message" name="message" class="form-control" placeholder="Leave Your Message"></textarea>
									<label class="form-label font-weight-bold mt-4"><h4>Type characters from the image below</h4></label>
							  </div>
						  </div>

						  <div class="form-floating mb-3">
							  <div class="d-flex flex-column">
									<label class="form-label font-weight-bold mb-0"><h4>Attach your resume</h4></label>
									<input type="file" class="form-control" name="xcf" id="xcf" />
							  </div>
						  </div>
						   
							<div class="form-group mb-3 mt-0">
								<div id="imagearea" style="display: inline;">
									<img class="image" style="border-style: dotted;border-color: gray;border-width: 1px; margin-top: -4px;" src="./image">
								</div>
								<input type="text" maxlength="4" style="width: 20%;display: inline; margin-left:4px;" name="xcp" id="xcp" class="form-control" value="" title="">
								<button id="button-refresh" type="button" title="Generate new captcha" onclick="reloadCaptcha();" class="btn btn-sm glyphicon">
										<span><i class="bi bi-arrow-repeat"></i></span>
								</button>
							</div>
							<div id="btnSend" class="form-floating mb-3">
								<button id="btnCareersSend" type="submit" class="btn btn-blue btn-block">Send</button>
							</div> 
							<div id="btnSending" class="form-floating mb-3" style="display: none;">
								<button class="btn btn-blue btn-block" style="padding: 15px 40px 11px 40px;"><div class="spinner-border p-0 m-0"></div></button>
							</div> 
							
					</form>
					</div>
					
					
						
					
					<!-- col -->
				</div>
				<!-- row -->
			</div>
		</section>
	</div>
		<br/>
			<!-- page -->
			<script>
				$(document).ready(function() {
					$('.slidein-text').each(function() {
						var o = $(this);
						setTimeout(function() {
							o.animate({
								'text-indent': '0px',
								opacity: 1
							}, 'slow');
						}, 1000);
					});
		// force a scroll to the top of the page on refresh
		setTimeout(function() {
			window.scrollTo(0, 0);
		}, 1000);
	});
</script>
<?php
require_once('FOOT.php');
?>