489495df
MSV FM
MSV FM
<?php
$page_title = "Employer Staff Booking";
$keywords = 'book staff, hire a professional staff, request a quote for staff, staff reservation';
$meta_description = 'We are delighted to be part of your life and business. Fill up the form below and we will contact you soon.';
$active = 2;
require 'partials/head.php' ?>
<!-- insert addtnl code here -->
<style type="text/css">
.hero{
height: 400px;
}
</style>
</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">
<h2 class=" text-white"><?php echo $page_title; ?></h2>
</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">Book a Staff</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">
<form method="post" action="#">
<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" 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="email" class="form-control" 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" 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" placeholder="Enter your phone number" />
</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">Name of your Home</label>
<input type="text" class="form-control" placeholder="Enter name of your home" />
</div>
</div>
<div class="col-12 col-sm-6 ">
<div class="form-group text-left">
<label class="control-label">Staff Required</label>
<select class="form-control">
<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>
</select>
</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">Day would you like to book for a staff</label>
<input type="date" class="form-control" />
</div>
</div>
<div class="col-12 col-sm-6 ">
<div class="form-group text-left">
<label class="control-label">Time would you like to book for a staff</label>
<input type="date" class="form-control" />
</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" placeholder="Type your message here..."></textarea>
</div>
<div class="mb-2">
<input type="submit" class="primary-btn submit-form-btn" value="Send & Submit" />
</div>
</form>
</div>
</div>
</section>
</div>
</div>
<?php require 'partials/widgets.php'; ?>
<?php require 'partials/footer.php'; ?>
<?php require 'partials/foot.php'; ?>
<script type="text/javascript">
$("#requestQoute").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: 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>