<div class="innerBanner container-fluid mb-5">
	<div class="row h-100 align-items-center">
		<div class="col-md-4 col-lg-6">
			<h2 class="whiteColor mb-0">CAREERS</h2>
		</div>
		<div class="col-md-8 col-lg-6">
			<ul class="breadcrumb">
				<li><a href="<?php echo base_url(); ?>">Home</a></li>
				<li>Careers</li>
			</ul>
		</div>
	</div>
</div>

<div class="container-fluid">
	<div class="row">
		<div class="col-lg-12  mb-5" id="innerData">
			<div class="row career" id="circulars">
				<h1 class="col-12 mb-4"><span>Careers</span></h1>
				<div class="col-12 mb-4">
					<p>The Plastics Export Promotion Council (popularly known as PLEXCONCIL) sponsored by the Ministry of Commerce &amp; Industry, Department of Commerce, Government of India, represents the exporting community in the Indian Plastics industry.</p>
				</div>

				<h1 class="col-12 mb-4"><span>Current Openings</span></h1>
		    <?php if($careers !== "No Data"){
		      foreach($careers as $val){
				?>
				<div class="col-lg-12 position-relative pb-4 mb-5">
					<div class="table-responsive mb-5">
						<table class="table table-striped">
							<tr class="grayGradientBg">
								<th width="20%">Role</th>
								<th>:</th>
								<th><?php echo $val->role; ?></th>
							</tr>

							<tr>
								<td>Location</td>
								<td>:</td>
								<td><?php echo $val->location; ?></td>
							</tr>

							<tr>
								<td>Experience and Qualification</td>
								<td>:</td>
								<td><?php echo $val->experience; ?></td>
							</tr>

							<tr>
								<td>Description</td>
								<td>:</td>
								<td><?php echo $val->description; ?></td>
							</tr>
						</table>
					</div>

					<div class="applyBtn">
						<a href="javascript:;" id="<?php echo ucwords(strtolower($val->role)); ?>" onclick="show(this.id,event)" data-src="#quickEnquiry" data-fancybox class="btn redGradientBg whiteColor">Apply Now</a>
					</div>
				</div>
				<?php  } } ?>
			</div>
		</div>
	</div>
</div>

<div id="quickEnquiry" style="display:none">
  <h1 class="roleName mb-4"></h1> 
  <form id="careerEnquiryForm">
    <div class="container">
      <div class="row mb-4">
        <div class="col-md-6 mb-3">
          <input type="text" placeholder="Full Name" id="name" name="name" class="form-control">
          <label for="name" class="error"></label>
        </div>

        <div class="col-md-6 mb-3">
          <input type="text" placeholder="Email" id="email" name="email" class="form-control">
          <label for="email" class="error"></label>
        </div>

        <div class="col-md-6 mb-3">
          <input type="nummber" placeholder="Contact" id="contact" name="contact" class="form-control">
          <label for="contact" class="error"></label>
        </div>

        <div class="col-md-6 mb-3">
          <input type="text" placeholder="Experience" id="experience" name="experience" class="form-control">
          <label for="experience" class="error"></label>
        </div>

        <div class="col-md-6 mb-3">
          <input type="text" placeholder="Education" id="education" name="education" class="form-control">
          <label for="education" class="error"></label>
				</div>

				<div class="col-md-6 mb-3"></div>
				
				<div class="col-md-6 mb-3">
					<h6 class="mb-2 redColor">Upload your image</h6>
          <input type="file" id="profile" name="profile" class="form-control">
          <label for="profile" class="error"></label>
				</div>
				
				<div class="col-md-6 mb-3">
					<h6 class="mb-2 redColor">Upload your resume</h6>
          <input type="file" id="resume" name="resume" class="form-control">
          <label for="resume" class="error"></label>
        </div>

        <input type="hidden" name="role" id="role">
      </div>

      <div class="row mb-3">     
        <div class="col-md-6">
          <input type="submit" value="Submit" class="btn redGradientBg whiteColor">
        </div>
      </div>  
    </div>
  </form>
</div>