
  <?php
    $errors = $this->session->userdata('errors');
    if (isset($errors)) {
        ?>
        <script>
            swal ( "Oops" ,  "<?php echo $errors ?>" ,  "error" )
        </script>
        <?php echo $errors ?>
        <?php
        $this->session->unset_userdata('errors');
    }
    $error = $this->session->userdata('error');
    if (isset($error)) {
        ?>
         <script>
            swal ( "Oops" ,  "<?php echo $error ?>" ,  "error" )
        </script>
        <?php
        $this->session->unset_userdata('error');
    }
    $success = $this->session->userdata('success');
    if (isset($success)) {
        ?>
         <script>
            swal({
          title: "Done!",
          text: "<?php echo $success ?>",
          icon: "success",
        });
        </script>
        <?php
        $this->session->unset_userdata('success');
    }
    ?>

<section class="margin-top-xs-55" style="background: #fff;position: relative;
">
	<div class="header-text mb-0">
		<div>
			<div class="row ">
				<div class="col-lg-12 col-md-12 col-sm-12 text-center">
					<svg style="width:100%;height: 450px;" viewBox="0 0 1280 679" preserveAspectRatio="none" width="100%" height="100%">
						<defs>   
							<g id="shape">
								<path d="M0 0H1280V544.882C1280 544.882 1115 679 640 679C165 679 0 544.882 0 544.882V0Z" fill="#D9D9D9"></path>
								<path d="M0 0H1280V544.882C1280 544.882 1115 679 640 679C165 679 0 544.882 0 544.882V0Z" fill="url(#gradient)"></path>
							</g>
							<radialGradient id="gradient" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(640 -261.197) rotate(90) scale(815.683 664.92)">
								<stop stop-color="#4169E1"></stop>
								<stop offset="1" stop-color="#071A34"></stop>
							</radialGradient>
						</defs>
						<use href="#shape"></use>
					</svg>
					<div class="frame-image">
						<div style="position: absolute; border-radius: inherit; inset: 0px;" data-framer-background-image-wrapper="true"><img decoding="async" sizes="100vw" src="<?php echo base_url(); ?>assets/lSHGuRrPALnsNPFyY1JslN8so.png" alt="" style="display: block; width: 100%; height: 100%; border-radius: inherit; object-position: center center; object-fit: cover;"></div>
					</div>
					<div class="text-body main-header-text">
						<h1 class="text-center text-white"><b><?php echo $page->opportunities_page_title; ?></b></h1>
					</div>
				</div>

				<div class="floating-icons">
					<i class="icon-facebook"></i>
					<i class="icon-adwords"></i>
					<i class="icon-seo"></i>
					<i class="icon-instagram"></i>
					<i class="icon-activecampaign"></i>
					<i class="icon-wordpress"></i>
					<i class="icon-shopify"></i>
					<i class="icon-youtube"></i>
					<i class="icon-analytics"></i>
					<i class="icon-kk"></i>
				</div>
			</div>
		</div>
	</div>
</section>

<!--section-->
<section class="sptb">
   <div class="container">
      <div class="row ">
         <div class="col-md-12 col-lg-6 col-sm-12">
            <?php echo $page->opportunities_section_1_content; ?>
         </div>
         <div class="col-lg-6">
            <div id="myCarousel" class="owl-carousel testimonial-owl-carousel">
               <?php foreach ($all_slider as  $slider):?>
                  <div class="item">
                     <div class="">
                        <img src="<?php echo base_url() ?><?php echo $slider->page_slider_img ?>" class="br-7" alt="<?php echo $slider->page_slider_name ?>">
                     </div>     
                  </div>
               <?php endforeach; ?>
            </div>
         </div>
      </div>
   </div>
</section>
<style type="text/css">
.sst .team-section .team-img img {
    box-shadow: 0 0 0 1px #dce3ec, 0 8px 16px 0 #dce3ec;
    display: inline;
    height: 150px;
    width: auto;
}
.company-img img
{
   display: inline!important;
   height: 75px;
   width: auto;
}
</style>
<section class="sptb">
   <div class="container">
      <div class="section-title"> 
         <h2>Our Current Placements</h2> 
         <p class="fs-18 lead">We hone our students to become all-round experts in the field of Digital Marketing. This gives them the opportunity to work for some of the top agencies in the country.</p>
      </div>
      <div class="row ">
         <div class="col-lg-12">
            <div id="myCarousel2" class="owl-carousel owl-carousel-icons7">
               <?php foreach ($all_current_op as  $current_op):?>
                  <div class="item">
                    <div class="card mb-xl-5">
                        <div class="card-body sst">
                           <div class="team-section text-center">
                              <div class="team-img"> 
                                 <img src="<?php echo base_url(); ?><?php echo $current_op->placements_image ?>" alt="<?php echo $current_op->placements_name ?>" width="100px"> 
                              </div>

                              <h4 class="dark-grey-text mt-4"><?php echo $current_op->placements_name ?></h4>
                              <hr/>
                              <h5 class="dark-grey-text ">Batch : <?php echo $current_op->placements_batch ?></h5>
                              <h5 class=" dark-grey-text mt-2"><?php echo $current_op->placements_position ?></h5>
                              <div class="mt-3 company-img text-center">
                                 <img src="<?php echo base_url(); ?><?php echo $current_op->placements_company_img ?>"  alt="<?php echo $current_op->placements_name ?>" width="150px"> 
                              </div>
                             
                           </div>
                        </div>
                     </div>
                  </div>
               <?php endforeach; ?>
            </div>
         </div>
      </div>
   </div>
</section>


<section class="sptb">
   <div class="container">
      <div class="section-title"> <h2><?php echo $page->page_1_section_4_heading; ?></h2> </div>
      <div class="row text-center">
         <?php $i =1; foreach (json_decode($page->page_1_section_4_icon) as $key => $icon_4):?>
            <div class="col-lg-3 col-md-6"> 
               <div class="item-all-card text-dark p-6 text-center">
                  <div class="iteam-all-icon">
                     <i class="text-white fa <?php echo $icon_4; ?>" style="background-color:<?php echo json_decode($page->page_1_section_4_color)[$key]?>"></i>
                  </div>
                  <div class="item-all-text mt-5">
                     <h4 class="mb-0" style="color:<?php echo json_decode($page->page_1_section_4_color)[$key]?>"><?php echo json_decode($page->page_1_section_4_title)[$key]?></h4>
                  </div>
               </div>
            </div>
         <?php $i++; endforeach; ?>
      </div>
   </div>
</section>
<style type="text/css">
.iteam-all-icon i
{
   width: 60px;
   height: 60px;
   border-radius: 5px;
   position: relative;
   display: inline;
   line-height: 50px;
   padding:20px;
   border-radius: 15px;
}
.client-img
{
   width: 200px;
   height: 100px;
   border: none;
    padding: 20px;
    border-radius: 7px;
    background: none;
}
.client-img img
{
   width: 100px;
   height: auto;
}
</style>

<section class="sptb bg-white">
   <div class="container">
      <div class="section-title text-center">
         <h2>Brands that are our placement partners</h2>
      </div>
      <div id="small-categories" class="owl-carousel client-carousel">
         <?php foreach ($all_partner as $key => $company_logo):?>
            <div class="item">
               <div class="client-img">
                  <img src="<?php echo base_url() ?><?php echo $company_logo->page_placement_img ?>" alt="<?php echo $company_logo->page_placement_name ?>">
               </div>
            </div>
         <?php endforeach; ?>
      </div>
   </div>
</section>

<section class="sptb">
   <div class="container">
      <div class="section-title">
         <h2 class="position-relative"><?php echo $page->page_1_section_3; ?></h2>
      </div>
      <div class="row ">
         <div class="col-lg-12"> 
            <img src="<?php echo base_url(); ?><?php echo $page->page_1_section_3_img; ?>" alt="<?php echo $page->opportunities_page_title ?>">
         </div>
      </div>
   </div>
</section>


<section class="sptb">
   <div class="container">
      <div class="section-title">
         <h2 class="position-relative"><?php echo $page->page_1_section_6_heading; ?></h2>
      </div>
      <div class="row ">
         <?php $i =1; foreach (json_decode($page->page_1_section_6_icon) as $key_6 => $icon_6):?>
            <div class="col-lg-3 col-md-4 col-sm-6 text-center border-separator"> 
               <div class="item-all-card text-dark item-hover-card p-6"> 
                  <a href="page-list.html" class="absolute-link"></a> 
                  <div class="iteam-all-icon text-center"> 
                     <i class="fa <?php echo $icon_6; ?>"></i> 
                  </div> 
                  <div class="item-all-text mt-5"> 
                     <h5 class="mb-0"><?php echo json_decode($page->page_1_section_6_title)[$key_6]; ?></h5> 
                  </div> 
               </div> 
            </div>
         <?php $i++; endforeach; ?>
      </div>
   </div>
</section>
<style type="text/css">
.border-separator {
    border-left: solid #c9c9c9 2px;
   
}
.border-separator:first-child {
    border-left: 0
}
.border-separator :before {
   
}
.team-img
{
   position: relative; 
   width: 120px; 
   height: 120px; 
   overflow: hidden; 
   border-radius: 50%;
   margin: auto;
   /* box-shadow: 0 0 0 1px #dce3ec, 0 8px 16px 0 #dce3ec; */
}
.team-img img
{
   width: 100%; height: auto
   box-shadow: 0 0 0 1px #dce3ec, 0 8px 16px 0 #dce3ec;
}
</style>


<section class="sptb bg-white">
   <div class="container">
      <div class="section-title  mb-5 text-center">
         <div class="text-center">
            <h2><?php echo $page->opportunities_page_testi_heading; ?></h2>
         </div>
      </div>
      <div class="row">
         <?php foreach ($all_testi as $testi):?>
            <div class="col-xl-4 col-md-12">
               <div class="card mb-xl-5">
                  <div class="card-body">
                     <div class="team-section text-center">
                        <div class="team-img"> <img src="<?php echo base_url(); ?><?php echo $testi->te_image ?>"  alt="<?php echo $testi->te_name ?>"> </div>
                        <h3 class="font-weight-bold dark-grey-text mt-4"><?php echo $testi->te_name ?></h3>
                        <h6 class="font-weight-bold  mb-4"><?php echo $testi->te_position ?></h6>
                        <p class="font-weight-normal dark-grey-text"> <?php echo $testi->te_description ?></p>
                       
                     </div>
                  </div>
               </div>
            </div>
         <?php endforeach; ?>
      </div>
   </div>
</section>

<section class="sptb bg-white">
   <div class="container">
      <div class="row">
         <div class="col-xl-7 col-md-7">
            <div class="row">
               <div class="col-sm-12 text-center">
                  <img src="<?php echo base_url() ?><?php echo $page->opportunities_page_contact_page_image; ?>">
               </div>
               <div class="col-sm-12 mt-5">
                  <h2><?php echo $page->opportunities_page_contact_page_heading; ?></h2>
               </div>
            </div>
         </div>
         <div class="col-sm-5">
            <div class="card mb-0 single-page customerpage contact">
               <div class="card-body wrapper wrapper2 box-shadow-0">
                  <?php echo form_open(base_url().'home/sub_career_sub_form');?>
                     <div class="name"> 
                        <label>Name</label> 
                        <input type="text" name="name" placeholder="Enter your Name" required> 
                     </div>
                     <div class="mail"> 
                        <label>Mobile</label> 
                        <input type="tel" name="mobile" required="" pattern="[0-9]{10}" placeholder="Enter Mobile No *" >
                     </div>
                     <div class="mail"> 
                        <label>Email ID</label> 
                        <input type="email" name="email" placeholder="Enter Your Email ID" required>
                     </div>
                     <div class="mail"> 
                        <label>Pin Code</label> 
                        <input type="text" name="pin_code" onchange="check_address(this)" id="pin_code" placeholder="Enter Your Pin Code" required>
                     </div>
                     <div class="mail"> 
                        <label>Address</label> 
                        <input type="text" name="address" placeholder="Enter Your Address" required>
                     </div>
                     <div class="mail"> 
                        <label>Area</label> 
                        <select type="text" name="city" id="area" placeholder="Enter Your Dist" required>
                           <option value="">Select A City</option>
                        </select>
                     </div>
                     <div class="mail"> 
                        <label>Dist</label> 
                        <input type="text" name="dist" id="city" placeholder="Enter Your Dist" required readonly="">
                     </div>
                     <div class="mail"> 
                        <label>State</label> 
                        <input type="text" name="state" id="state" placeholder="Enter Your State" required readonly="">
                     </div>
                     
                     <div class="col-sm-12">
                        <div class="form-group">
                           <div class="g-recaptcha" data-sitekey="<?php echo $app_setting->captcha_site_key; ?>"></div>
                        </div>
                     </div>
                     <div class="submit"> 
                        <button class="btn btn-primary" type="submit">Submit</button> 
                     </div>
                  <?php echo form_close();?>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>
<script type="text/javascript">
function check_address(e) {
    let pin_code = e.value;
    $.ajax({
      beforeSend: function() {
        $(".preloader-ajax").show();
        $(".preloader-ajax-bg").show();
      },
      type: "GET",
      dataType:"JSON",
      async: true,
      url: '<?php echo base_url(); ?>home/get_pin_code_details/'+pin_code,
      success: function (data) 
      {
          $('#area').html(data.area);
          $('#city').val(data.city);
          $('#state').val(data.state);
          $(".preloader-ajax").hide();
          $(".preloader-ajax-bg").hide();
      },
      error: function () {
        $(".preloader-ajax").hide();
        $(".preloader-ajax-bg").hide();
      }
    });
}

</script>