| Server IP : 103.48.194.25 / Your IP : 216.73.216.74 Web Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/7.4.33 System : Linux VMHostDefault 3.10.0-1160.42.2.el7.x86_64 #1 SMP Tue Sep 7 14:49:57 UTC 2021 x86_64 User : sieuthimay ( 1016) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/galaxynail.com/site/views/booking/ |
Upload File : |
<div class="banner-page-list">
<div class="container bg">
<div class="title-page">
<div class="ac">
<h2>Booking</h2>
<div class="breakcrumb"> <a href="<?=site?>">Home</a> /
<p>Book</p>
</div>
</div>
</div>
</div>
</div>
<div class="main-content">
<div class="book247-style-1">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="content-shop bg-ctn-special">
<div class="content-shop-booking">
<script>
$(document).ready(function () {
// The maximum number of options
var MAX_OPTIONS = 5;
$('#surveyForm')
// Called after adding new field
.on('added.field.fv', function (e, data) {
// data.field --> The field name
// data.element --> The new field element
// data.options --> The new field options
if (data.field === 'option[]') {
if ($('#surveyForm').find(':visible[name="option[]"]').length >= MAX_OPTIONS) {
$('#surveyForm').find('.addButton').attr('disabled', 'disabled');
}
}
})
// Called after removing the field
.on('removed.field.fv', function (e, data) {
if (data.field === 'option[]') {
if ($('#surveyForm').find(':visible[name="option[]"]').length < MAX_OPTIONS) {
$('#surveyForm').find('.addButton').removeAttr('disabled');
}
}
});
});
</script>
<form enctype="multipart/form-data" id="surveyForm" method="post" class="form-horizontal" action="<?=site?>booking/add">
<div class="item-booking">
<div id="optionTemplate">
<div class="group-select">
<label>Service(required)</label>
<div style="display: inline-block; position: relative; width: 100%;">
<select name="product_id[]" class="list_service" data-validation-message="Please choose service">
<option value="" price="" staff="[]">Select Service</option>
<!--List Categories-->
<optgroup label="Nails Services">
<!--List service-->
<option value="31" price="$18" staff='[]'>Manicure ($18) </option>
</optgroup>
<optgroup label="Shellac Nails">
<!--List service-->
<option value="32"
price="$28"
staff='[]'>Shellac Manicure ($28) </option>
<option value="33"
price="$31"
staff='[]'>Shellac Manicure + Collagen Glove ($31 (Special)) </option>
<option value="34"
price="$33"
staff='[]'>Shellac + Regular Fill Acrylic ($33) </option>
<option value="35"
price="$22"
staff='[]'>Shellac Without Mani ($22) </option>
<option value="36"
price="$21"
staff='[]'>Shellac Without Pedi ($21) </option>
<option value="37"
price="$5"
staff='[]'>French or American ($5 extra) </option>
<option value="38"
price="$7"
staff='[]'>Shellac Take Off ($7) </option>
</optgroup>
<optgroup label="Artificial Nails Enhancement">
<!--List service-->
<option value="40"
price="$32"
staff='[]'>Full Set ($32) </option>
<option value="41"
price="$22"
staff='[]'>Fill ($22) </option>
<option value="42"
price="$36"
staff='[]'>Color/ Pearl Tips Full Set ($36) </option>
<option value="43"
price="$22"
staff='[]'>Color/ Pearl Tips Fill-in ($22) </option>
<option value="44"
price="$45"
staff='[]'>Pink/White Solar Powder Full Set ($45) </option>
<option value="45"
price="$33"
staff='[]'>Pink/White Solar Powder Fill-in ($33) </option>
<option value="59"
price="$3"
staff='[]'>Optional : Any Gel Top Coat will adding ($3) </option>
</optgroup>
<optgroup label="Additional Service ">
<!--List service-->
<option value="46"
price="$10"
staff='[]'>Polish Change ($10) </option>
<option value="47"
price="$5"
staff='[]'>French/ American ($5 extra) </option>
<option value="48"
price="$10"
staff='[]'>Nail Take Off ($10) </option>
<option value="49"
price="$3"
staff='[]'>Nail Repair ($3 & up) </option>
<option value="50"
price="$5"
staff='[]'>Nail Design ($5 & up) </option>
<option value="51"
price="$5"
staff='[]'>Add Warm Paraffin Wax ($5) </option>
</optgroup>
<optgroup label="Pedicure Services">
<!--List service-->
<option value="52"
price="$23"
staff='[]'>Express Pedicure ($23) </option>
<option value="53"
price="$28"
staff='[]'>Spa Pedicure ($28) </option>
<option value="54"
price="$35"
staff='[]'>Deluxe Pedicure ($35) </option>
<option value="55"
price="$42"
staff='[]'>Luxury Pedicure ($42) </option>
<option value="56"
price="$20"
staff='[]'>Kid's Pedicure ($20) </option>
</optgroup>
<optgroup label="Pedicure Products">
<!--List service-->
<option value="57"
price="$52"
staff='[]'>Paradiso Nature Pedicure ($52) </option>
<option value="58"
price="$57"
staff='[]'>Garden Herbal Pedicure ($57) </option>
</optgroup>
</select>
</div>
</div>
<div class="group-select">
<label>Technician (optional)</label>
<select name="staff_id[]" class="list_staff"
data-validation-message="Please choose Provider">
<option value="Select Service" selected="selected">Select
technician </option>
</select>
</div>
</div>
<div class="group-select box-date">
<label>Date</label>
<input type="text" name="booking_date" id="datetimepicker_v1"
class="form-control choose_date booking_date"
placeholder="Choice a date"
value="06/01/2021"
typehtml="html">
<span class="fa fa-calendar"></span> </div>
<button class='btn btn-search btn_action title booking_search' type='button'>Search</button>
</div>
<div class="add-services addButton"> <img src="<?=skin?>images/add-service-icon-new.png"> Add Another service </div>
<input type="hidden" name="booking_hours" value=""/>
<input type="hidden" name="booking_area_code" value=""/>
<input type="hidden" name="booking_phone" value=""/>
<input type="hidden" name="booking_name" value=""/>
<input type="hidden" name="nocaptcha" value="1"/>
<input type="hidden" name="g-recaptcha-response" value=""/>
<input type="hidden" name="notelist" value=""/>
</form>
<div class="box_detail_info" style="display: none">
<div id="book-info" class="infor-booking">
<div class="staff">
<div id="box_person"></div>
<div id="staff_detail" style="display:none">
<div class="info-staff">
<div class="img-info-staff"> <a href=""> <img src="<?=skin?>images/nail.jpg"> </a> </div>
<div class="title-staff">
<h2> <a href="">christina quillen</a> </h2>
<!--<span class="review">
0 Reviews
</span>-->
<span class="s-name"> Half Head </span> <span class="s-price"> Price $210.00 </span> </div>
</div>
</div>
<div class="time-booking databooktime">
<p class="time_show"></p>
<div class="am">
<label>Morning <span class="note_am_time"
style="color: red; font-style: italic;"></span></label>
<ul class="timemorning">
<!--List hours Morning-->
<li> <a href="#open_booking"
valhours="10:00"
class="open_booking">10:00 AM</a> </li>
<li> <a href="#open_booking"
valhours="10:30"
class="open_booking">10:30 AM</a> </li>
<li> <a href="#open_booking"
valhours="11:00"
class="open_booking">11:00 AM</a> </li>
<li> <a href="#open_booking"
valhours="11:30"
class="open_booking">11:30 AM</a> </li>
<!--End list hours Morning-->
</ul>
</div>
<div class="pm">
<label>Afternoon <span class="note_pm_time"
style="color: red; font-style: italic;"></span></label>
<ul class="timeafternoon">
<!--List hours Afternoon-->
<li> <a href=""
valhours="12:00"
class="open_booking">12:00 PM</a> </li>
<li> <a href=""
valhours="12:30"
class="open_booking">12:30 PM</a> </li>
<li> <a href=""
valhours="13:00"
class="open_booking">13:00 PM</a> </li>
<li> <a href=""
valhours="13:30"
class="open_booking">13:30 PM</a> </li>
<li> <a href=""
valhours="14:00"
class="open_booking">14:00 PM</a> </li>
<li> <a href=""
valhours="14:30"
class="open_booking">14:30 PM</a> </li>
<li> <a href=""
valhours="15:00"
class="open_booking">15:00 PM</a> </li>
<li> <a href=""
valhours="15:30"
class="open_booking">15:30 PM</a> </li>
<li> <a href=""
valhours="16:00"
class="open_booking">16:00 PM</a> </li>
<li> <a href=""
valhours="16:30"
class="open_booking">16:30 PM</a> </li>
<li> <a href=""
valhours="17:00"
class="open_booking">17:00 PM</a> </li>
<li> <a href=""
valhours="17:30"
class="open_booking">17:30 PM</a> </li>
<li> <a href=""
valhours="18:00"
class="open_booking">18:00 PM</a> </li>
<li> <a href=""
valhours="18:30"
class="open_booking">18:30 PM</a> </li>
<li> <a href=""
valhours="19:00"
class="open_booking">19:00 PM</a> </li>
<!--End list hours Afternoon-->
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--POPUP BOOKING-->
<div id="open_booking" class="white-popup mfp-hide">
<div class="box_account_v1">
<div class="modal_form_header">
<h4>Message</h4>
</div>
<div class="popup_main_area">
<form enctype="multipart/form-data" id="booking_check" name="booking_check">
<p style="font-weight: bold; font-size: 18px;">Confirm booking information ?</p>
<span style="color: red; font-style: italic; margin: 10px 0; display: block;">We will send a text message to you via the number below after we confirm the calendar for your booking!</span>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="form-control-label">Your name</label>
<div class="form-control-wrapper">
<input name="input_name" type="text" class="form-control" type="text"
data-validation="[NOTEMPTY]" data-validation-message="Please enter your name!"/>
</div>
</div>
</div>
<div class="col-md-2" style="display: none;">
<div class="form-group">
<label class="form-control-label">Area code</label>
<select name="area_code" class="form-control" defaultvalue="1">
<option value="1">US (+1)</option>
<option value="84">VN (+84)</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="form-control-label">Phone number</label>
<div class="form-control-wrapper">
<input name="phone_number" type="text" class="form-control inputPhone" type="text"
placeholder="Ex: (123) 123-1234" data-validation="[NOTEMPTY]"
data-validation-message="Phone number invalid"/>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label class="form-control-label">Note (Optional)</label>
<div class="form-control-wrapper">
<textarea name="notelist" placeholder="Max length 200 character" rows="5"
class="form-control" maxlength="200"></textarea>
</div>
</div>
</div>
</div>
<button class="btn btn-success btn_confirmed "
type="button">Confirm </button>
<button class="btn btn-danger btn-inline btn_cancel" type="button">Cancel</button>
</form>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function () {
var formbk = '{"listperson":[],"notelist":[],"booking_date":"06\/01\/2021","booking_hours":""}';
loadEvent();
loadForm(formbk);
pushHtmlTime($(".booking_date").val(), "html");
setHtmldate($(".booking_date").val());
checktimebooking = 0;
$("#form-login").validate({
submit: {
settings: {
button: "[type='submit']",
inputContainer: '.form-group',
errorListClass: 'form-tooltip-error',
}
}
});
// check Time
$('form#booking_check').validate({
submit: {
settings: {
clear: 'keypress',
display: "inline",
button: ".btn_confirmed",
inputContainer: 'form-group',
errorListClass: 'form-tooltip-error',
},
callback: {
onSubmit: function (node, formdata) {
var areacode = 1;//$("select[name='area_code']").val();
var phone_number = $("input[name='phone_number']").val();
var cus_name = $("input[name='input_name']").val();
var notelist = $("textarea[name='notelist']").val();
$("input[name='notelist']").val(notelist);
if (phone_number != "" && phone_number.length > 6) {
$("input[name='booking_phone']").val(phone_number);
$("input[name='booking_area_code']").val(areacode);
}
if (cus_name) {
$("input[name='booking_name']").val(cus_name);
}
if (enableRecaptcha) {
var check_google = $("#g-recaptcha-response").val();
if (typeof (check_google) != "undefined" && check_google != "") {
$("input[name='g-recaptcha-response']").val(check_google);
$("#surveyForm").submit();
}
} else {
$("#surveyForm").submit();
}
return false;
}
}
}
});
});
</script>
</div>
</div>
</div>
</div>
</div>