芝麻web文件管理V1.00

489495df

编辑当前文件:/home3/mandnweb/mandnrecruit.com/booking-staff-recruitment-find-best-talent-for-your-business.php

<?php 
$page_title = "Booking Staff Recruitment | Find Best Talent for Your business";
$page_url = 'https://mandnrecruit.com/booking-staff-recruitment-find-best-talent-for-your-business';
$keywords = 'staffing agencies, employment agents near me, agency jobs in birmingham, employment agencies near me';
$meta_description = 'We are a leading staffing agency specializing in booking staff recruitment. We have a proven track record of finding qualified and experienced candidates for our clients. Our team of experienced recruiters will work with you to understand your needs and find the perfect candidate for your business.';
$active = 2;
require 'partials/head.php' ?>

<style type="text/css">
	.hero{
		height: 400px;
	}
	#signature-div{
        height: 130px;
        cursor: crosshair;
        border: 1px solid #ced4da;
        position: relative;
    }
    .w-6{
        width: 1.5rem;
    }
    .clear-sig-btn{
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 100%;
        padding: 3px 5px;
        position: absolute;
        right: 8px;   
    }
    .clear-sig-btn:hover{
        background-color: #ddd;
        box-shadow: 0px 0px 3px #ddd;
    }
</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-timepicker/1.13.18/jquery.timepicker.min.css">
<link type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/south-street/jquery-ui.css" rel="stylesheet">
<link type="text/css" href="css/jquery.signature.css" rel="stylesheet">
</head>
<body>

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

<div class="main-content desktop-pt-80">
    <section class="section-row bg-header-inner" style="background-image: url('images/staff-booking.jpg');">
		<div class="overlay-primary-bg2"></div>
        <div class="container text-center is-relative z-2">            
            <div class="text-white page--heading">Book a staff</div>
        </div>
	</section>
	<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">We Match You with the Best Candidates</h1>
					<p>Fill in the form below and one of our agents will contact you soon.</p>
				</div>
			</div>
			<div class="container">
            <div class="col-md-10 mx-auto">
                <div class="mt-4 mb-4 text-center loader hidden"><img loading="lazy" width="149" height="96" src="images/loader.gif" alt="loading" /></div>
  				<div class="notif-message"></div>
                    <form method="post" action="sendmail.php" id="requestQuoteFOrm">
                        <input type="hidden" name="form_type" value="2" />
                        <div class="row mb-2">
                            <div class="col-12 col-sm-6">
                                <div class="form-group text-left">
                                    <label class="control-label">First Name</label>
                                    <input type="text" class="form-control" name="first_name" placeholder="Enter your first name" />
                                </div>    
                            </div>
                            <div class="col-12 col-sm-6 ">
                                <div class="form-group text-left">
                                    <label class="control-label">Last Name</label>
                                    <input type="text" class="form-control" name="last_name" placeholder="Enter your last name" />
                                </div>    
                            </div>
                        </div>
                        <div class="row mb-2">
                            <div class="col-12 col-sm-6">
                                <div class="form-group text-left">
                                    <label class="control-label">Email</label>
                                    <input type="email" class="form-control" name="email" placeholder="Enter your email address" />
                                </div>    
                            </div>
                            <div class="col-12 col-sm-6 ">
                                <div class="form-group text-left">
                                    <label class="control-label">Phone Number</label>
                                    <input type="text" class="form-control" name="phone" placeholder="Enter your phone number" />
                                </div>    
                            </div>
                        </div>
                        <div class="row mb-2">
                            <div class="col-12 col-sm-12">
                                <div class="form-group text-left">
                                    <label class="control-label">Company Name</label>
                                    <input type="text" class="form-control" name="company_name" placeholder="Enter your company" />
                                </div>    
                            </div>
                            
                        </div>
                        <div class="row mb-2">
                            
                            <div class="col-12 col-sm-6 ">
                                <div class="form-group text-left">
                                    <label class="control-label">Staff Required</label>
                                    <select class="form-control" name="staff_required">
                                        <option value="Care Staff">Care Staff</option>
                                        <option value="Support Worker">Support Worker</option>
                                        <option value="Cleaner">Cleaner</option>
                                        <option value="Register Nurse">Register Nurse</option> 
                                        <option value="Register Manager">Register Manager</option> 
                                        <option value="Maintenance Man">Maintenance Man</option> 
                                        <option value="Chef">Chef</option>    
                                        <option value="Warehouse Worker">Warehouse Worker</option>
                                        <option value="Factory Worker">Factory Worker</option>
                                        <option value="Customer Service Advisor">Customer Service Advisor</option>                                    
                                        <option value="Supervisor">Supervisor</option>
                                        <option value="Retail">Retail</option>
                                        <option value="Care Coordinator">Care Coordinator</option>
                                        <option value="Team Leader">Team Leader</option>
                                        <option value="Hotel Staff">Hotel Staff</option>
                                        <option value="Bartender">Bartender</option>
                                    </select>
                                </div>    
                            </div>
                            <div class="col-12 col-sm-6">
                                <div class="form-group text-left">
                                    <label class="control-label">Number of Staff Required</label>
                                    <input type="number" class="form-control" name="num_of_staff" />
                                </div>    
                            </div>
                        </div>
                        <p class="mb-0">Shift Start Date / Time</p>
                        <div class="row mb-2">
                            <div class="col-12 col-sm-6">
                                <div class="form-group text-left">                                   
                                    <input type="date" class="form-control" name="start_day_book_staff" />
                                    <small>Date</small>
                                </div>    
                            </div>
                            <div class="col-12 col-sm-6 ">
                                <div class="form-group text-left">                                    
                                    <input type="text" class="form-control timepicker" name="start_time_book_staff" placeholder="00:00 am" />
                                    <small>Time</small>
                                </div>    
                            </div>
                        </div>
                        <p class="mb-0">Shift End Date / Time</p>
                        <div class="row mb-2">
                            <div class="col-12 col-sm-6">
                                <div class="form-group text-left">                                   
                                    <input type="date" class="form-control" name="end_day_book_staff" />
                                    <small>Date</small>
                                </div>    
                            </div>
                            <div class="col-12 col-sm-6 ">
                                <div class="form-group text-left">                                    
                                    <input type="text" class="form-control timepicker" name="end_time_book_staff" placeholder="00:00 am" />
                                    <small>Time</small>
                                </div>    
                            </div>
                        </div>
                        <div class="mb-4 text-left form-group">
                            <label class="control-label">Message</label>
                            <textarea class="form-control w-100" rows="8" name="message" placeholder="Type your message here..."></textarea>
                        </div>
                        <div class="mb-4 text-left form-group">
                            <label class="control-label">Signature</label>
                            <div id="signature-div" class="form-control w-100">
                                <button id="clear-sig" class="clear-sig-btn" title="Clear Signature">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" data-slot="icon" class="w-6 h-6">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
                                    </svg>
                                </button>
                            </div>
                            <textarea id="signature-div64" name="signed" style="display: none;"></textarea>
                        </div>
                        <div class="mb-3">
                            <div class="g-recaptcha" data-sitekey="6LcOoVEpAAAAAIiaECzEhDrpKcBGM9tBOXDwOgI8"></div>
                        </div>
                        <div class="mb-2">
                            <input type="submit" class="primary-btn submit-form-btn" value="Send Request" />
                        </div>
                    </form>
                </div>
			</div>
			
		</section>

</div>
</div>
<?php require 'partials/widgets.php'; ?>
<?php require 'partials/footer.php'; ?>
<?php require 'partials/foot.php'; ?>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-timepicker/1.13.18/jquery.timepicker.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="js/jquery.signature.min.js"></script>
<script src="https://raw.githubusercontent.com/RWAP/jquery-ui-touch-punch/master/jquery.ui.touch-punch.js"></script>
	<script type="text/javascript">
        
        $('#signature-div').signature({color: '#000', syncField: '#signature-div64', syncFormat: 'PNG' });
        $('#clear-sig').click(function(e){
            e.preventDefault();
            $('#signature-div').signature('clear');
            $('#signature-div64').val('');
        });
        $('.timepicker').timepicker({});
		$("#requestQuoteFOrm").submit(function(e) {
            
            var recaptcha = $("#g-recaptcha-response").val();
            if(recaptcha === ""){
                e.preventDefault();
                alert("Please Check Recaptcha.");
                return false;
            }
		    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: form.serialize(),
		       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