芝麻web文件管理V1.00

489495df

编辑当前文件:/home3/mandnweb/mandncleaningservice.com/job-vacancy.php

<?php 
$page_title = "Job Vacancy";
$keywords = 'Cleaning Services, Cleaning Company, Cleaning Solutions, Commercial Cleaning Services, Domestic Cleaning Services';
$meta_description = 'Be part of fast growing and high quality service cleaning in Birmingham and West Midland';
$active = 4;
require 'partials/head.php' ?>

<style type="text/css">
	.hero{
		height: 400px;
	}
	.job__listing span,
	.job__listing p,
	.job__listing div{
		font-family: inherit !important;
	}
</style>
</head>
<body>

<?php require 'partials/header.php'; ?>

<div class="main-content">
	<div class="thumb-bgimage hero" style="background-image: url(images/job-vacancy-header-min.jpg);">
		
	</div>
	<div class="inner-content relative" style="z-index: 10;">
		<section class="section-row">
			<div class="container mb-5">
				<div class="text-center">
					<h1 class="section-title heading">Job Vacancy</h1>
					<p><span class="color-primary font-weight-bold">M&N Cleaning Service</span> is looking of the following positions.</p>
				</div>
			</div>
			<div class="container">
				<div class="job__listing">
			          <?php

$job_term = array(
			              0 => 'Undefined',
			              1 => 'Permanent',
			              2 => 'Temporary',
			              3 => 'Contract'
			            );
			          
			            $url = "https://app.mandncleaningservice.com/job/post/fetch-active-jobs";
			            // $url = "http://127.0.0.1:8000/job/post/fetch-active-jobs";

try{
			            //enter code to catch
			            $context = stream_context_create(array(
			                'http' => array(
			                    'ignore_errors'=>true,
			                    'method'=>'GET'                  
			                  )
			              ));

$isAvailable = @file_get_contents($url);
			            if($isAvailable === FALSE) { 
			                ?>
			                  <div class="job__item" style="border-bottom: 1px solid #ddd;">
			                    <p>There are no Job Post for now. Please try again later.</p>
			                  </div>
			                <?php
			            }else{

$response = file_get_contents($url);

$job_list = json_decode($response, true);  
			              if($job_list){       
			               $count = 0;                
			              
			                foreach($job_list as $job => $value){                  
			                  $count++;
			                ?>
			                  <div class="job__item" style="border-bottom: 1px solid #ddd;">
			                     <input type="hidden" class="jobpost_title" value="<?php echo $value['job_title']; ?>">
			                     <input type="hidden" class="jobpost_id" value="<?php echo $value['id']; ?>">
			                      <div class="sub-list">
			                        <h4 style="margin-bottom: 0;text-transform: capitalize;"><?php echo $count; ?>. <b><?php echo $value['job_title']; ?></b></h4>
			                      </div>
			                      <div style="margin-left: 15px;">

<div class="sub-list">
			                          <p style="margin-bottom: 15px;">Job Description:</p>
			                          <div style="margin-left: 40px;">
			                            <?php echo $value['job_description']; ?>
			                          </div>
			                        </div>

<div class="hide-collapse-job">
			                            <div class="sub-list">
			                              <p style="margin-bottom: 15px;">Job Roles:</p>
			                              <div style="margin-left: 40px;">
			                                <?php echo $value['job_roles']; ?>
			                              </div>
			                            </div>
			                            <div class="sub-list">
			                              <p style="margin-bottom: 15px;">Job Responsibilities:</p>
			                              <div style="margin-left: 40px;">
			                                <?php echo $value['job_responsibilities']; ?>
			                              </div>
			                            </div>
			                            <div class="sub-list">
			                              <p style="margin-bottom: 15px;">Benefits:</p>
			                              <div style="margin-left: 40px;">
			                                <?php echo $value['benefits']; ?>
			                              </div>
			                            </div>
			                            <div class="sub-list">
			                              <p>Job Term: <b><?php echo  strip_tags($job_term[$value['job_term']]); ?></b></p>                       
			                            </div>
			                            <div class="sub-list">
			                              <p>Location: <b><?php echo strip_tags($value['location']); ?></b></p>
			                            </div>
			                            <div class="sub-list">
			                              <p>Company: <b><?php echo strip_tags($value['company']); ?></b></p>
			                            </div>
			                            <div>
			                              <p>Staff Required:</p>
			                              <?php
			                                // $toInt = preg_replace('/[^0-9,.]+/', '', $value['staff_required']);        
			                                // $toArr = array_map('intval', explode(',', $toInt));

$arr_val = str_replace('[', '', $value['staff_required']);
			                                $arr_val = str_replace(']', '', $arr_val);
			                                $arr_val = str_replace('"', '', $arr_val);
			                                
			                                $toArr = array_map(null, explode(',', $arr_val));
			                                $selectedServices = $toArr;                      
			                              ?>
			                              <ul style="margin-left: 40px;">
			                                <?php 
			                                  foreach($toArr as $arr){
			                                ?>
			                                <li><?php echo strip_tags($arr); ?></li>
			                                <?php
			                                  }
			                                ?>
			                              </ul>
			                            </div>
			                        </div>
			                        
			                          <a href="javascript:;" class="see-more">
			                           Click to see more details
			                          </a>

</div>
			                      <div style="text-align: right;padding-top: 1rem;">
			                        <button class="btn btn-primary applybtn" style="padding: 10px 20px;">Apply on this Job Post</button>
			                      </div>
			                  </div>
			                <?php 
			              } 
			              }else{
			                ?>
			                <div class="job__item" style="border-bottom: 1px solid #ddd;">
			                    <p>There are no Job Post for now. Please try again later.</p>
			                  </div>
			                <?php
			              } //endif 
			            }        
			          
			          }catch(Exception $ex){
			              echo $ex;
			          }
			   ?>

</div>
			</div>
			
		</section>
		
		<div id="apply_modal" class="modal">

<div class="modal-content">
		    <span class="close">×</span>
		    <h4 style="margin-bottom: 10px;">Fill up this application form</h4>
		    <p>Job Post: <span id="myjobpost" style="font-weight: 600;text-transform: capitalize;"></span></p>
		      <div>  
		      <div class="mt-4 mb-4 text-center loader hidden"><img src="images/loader.gif" /></div>
		      <div class="notif-message"></div>  
		       <form method="post" class="dmRespDesignRow apply-job" action="sendmail.php" id="applyJob" enctype="multipart/form-data">
		          <input type="hidden" name="form_type" value="4">
		          <input type="hidden" name="jobpost_title" id="jobpost_title">
		          <input type="hidden" name="jobpost_id" id="jobpost_id">

<div class="dmforminput required  small-12 dmRespDesignCol medium-12 large-12 form-group" id="1360021435"> 
		            <label for="name" id="1936249746">Name</label> 
		            <input type="text" class="form-control" name="name" id="name">		            
		          </div> 
		          <div class="dmforminput required  small-12 dmRespDesignCol medium-12 large-12 form-group" id="1416417294"> 
		            <label for="email" id="1251346466">Email</label> 
		            <input type="email" class="form-control" name="email" id="1357919088">		            
		          </div> 
		          <div class="dmforminput required  small-12 dmRespDesignCol medium-12 large-12 form-group" id="1565855466"> 
		          <label for="phone" id="1316233145">Phone</label> 
		            <input type="text" class="form-control" name="phone" id="1881009253">
		            
		          </div> 
		         <div class="dmforminput small-12 dmRespDesignCol required medium-12 large-12 form-group" id="1912788467">
		            <label for="birthday" id="1300622440">Date Of Birth</label> 
		            <input type="date" class="dmDatePicker form-control" lang="undefined" placeholder="" date_format="mmddyyyy" name="birthday" id="1472601385">

</div> 
		         
		         <div class="dmforminput small-12 dmRespDesignCol required medium-12 large-12 form-group" id="1875795537"> 
		          <label for="message" id="1425445523">Message</label> 
		          <textarea name="message" id="1875580109" class="form-control"></textarea> 
		         
		        </div> 
		         <div class="dmforminput small-12 dmRespDesignCol required medium-2 large-2 form-group" id="1638267983" style="width: 50%;"> 
		          <label for="dmform-7" id="1123091369">Upload CV</label> 
		           <div class="filewrapper" id="1763702328" >

<div class="dmform-success" style="display:none" preserve_css="true" id="1197400218" data-success-page="home">Thank you for contacting us.<br id="1846877136">We will get back to you as soon as possible</div> 
		       <div class="dmform-error" style="display:none" preserve_css="true" id="1499796971">Oops, there was an error sending your message.<br id="1794822538">Please try again later</div> 
		  </div>

</div>

</div>
</div>
<?php require 'partials/cta-section.php'; ?>
<?php require 'partials/widgets.php'; ?>
<?php require 'partials/footer.php'; ?>
<?php require 'partials/foot.php'; ?>

$(".see-more").click(function () {
        $header = $(this);
        //getting the next element
        // $content = $header.next();
        // $('.hide-collapse-job').hide();
        $content = $(this).siblings('.hide-collapse-job');
        //open up the content needed - toggle the slide- if visible, slide up, if not slidedown.
        $content.slideToggle(500, function () {
            //execute this after slideToggle is done
            //change text of header based on visibility of content div
            $header.text(function () {
                //change text based on condition
                return $content.is(":visible") ? "See less details" : "Click to see more details";
            });
        });

});

$('.applybtn').click(function(){
      
      // modal.style.display = "block";
      $('#apply_modal').show();
     
      var job_title = $(this).closest('.job__item').find('.jobpost_title').val();  
      var job_id = $(this).closest('.job__item').find('.jobpost_id').val();      
      
      $('#myjobpost').text(job_title);
      $('#jobpost_title').val(job_title);
      $('#jobpost_id').val(job_id);
    });

$('#apply_modal .close').click(function(){
      $('#apply_modal').hide();
      $('#myjobpost').text('');
      $('#jobpost_title').val('');
      $('#jobpost_id').val('');
    });

var modal = document.getElementById("apply_modal");
	  window.onclick = function(event) {
	    if (event.target == modal) {
	      modal.style.display = "none";
	      $('#myjobpost').text('');
	        $('#jobpost_title').val('');
	        $('#jobpost_id').val('');
	    }
	  }

$("#applyJob").submit(function(e) {

e.preventDefault(); // avoid to execute the actual submit of the form.

var form = $(this);
	    var url = form.attr('action');
	    form.siblings('.notif-message').empty();
	    form.siblings('.loader').show();
	    form.hide();
	    
	    $.ajax({
	       type: "POST",
	       url: url,
	       data:  new FormData(this),            
           processData:false,
           contentType:false,
           cache:false,
      	   dataType: 'json',
	       success: function(data){
	  
	         form.siblings('.loader').hide();
	          // reset the form           
	           form.siblings('.notif-message').append('<div class="success-notif notif text-center">Thank you for contacting us. We will get back to you as soon as possible.</div>');

form[0].reset();
	         // location.reload();
	        
	       },
	       error:function(data){
	         form.siblings('.loader').hide();
	            form.siblings('.notif-message').append('<div class="error-notif text-center">Something went wrong. ' + data.message + '</div>');
	            form.show();
	      }
	     })
	    
	});
   </script>
   </body>

</html>

芝麻web文件管理V1.00

Staff Log In