JezK

Edit File: book_now.php

<?php
include("app/checkSession.php");
include("app/adminObj.php");

include("header.php");
?>
<style>
body{
    font-family: 'Barlow', sans-serif;
}
input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkbox {
    position: absolute;
    top: 2px;
    left: 15px;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid;
}

:hover input~.checkbox {
    background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
input[type="checkbox"]:checked~.checkbox {
    /*     background-color: #17a2b8; */
    background-color: #0000002b;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
input[type="checkbox"]:checked~.checkbox:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox:after {
    /*     left: 7px;
    top: 4px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); */
    left: 1px;
    top: 1px;
    width: 16px;
    height: 16px;
    border-radius: 12px;
    border: 2px solid white;
    background: #007bff;
}
.bluecircle{
border: 1px solid #177ae4 !important;
}
.bg-border:hover{
    background: #007bff;
    color: white;
}

.shadow {
    border: 0;
    box-shadow: 0px 3px 5px #04c6ff45 !important;
}

.border-10 {
    border-radius: 18px !important;
}

input[type="radio"] {
    position: absolute;
    opacity: 7;
    cursor: pointer;
    margin-top:5px;
}

span.checkmark {
    border-radius: 50%;
    height: 24px;
    width: 24px;
    position: relative;
    background-color: grey;
    color: #fff;
    display: inline-block;
    text-align: center;
    margin-right: 9px;
}

input:checked~.checkmark {
    background-color: #2196F3;
}

input:checked~.radio-inline {
    background-color: #2196F3;
}

.container.row.pb-5 {
    display: none;
}

#main {
    height: 400px;
    margin-top: -8%;
}

.booknow-nav-side {
    background: #f5fdff;
}

.booknow-nav-side ul.sub-menu.children {
    background: transparent !important;
}

.booknow-nav-side li.menu-item-has-children h4 {
    color: #1f58c9;
    font-size: 18px;
    font-weight: 600;
}

.booknow-h2 {
    color: #343a40;
    font-size: 20px;
    margin-bottom: 10px;
}
.text-clr-blue{
    color: #1f58c9;
    font-size: 17px;
}
.booknow-nav-side form a.nav-toggle.float-right {
    color: #1f58c9;
    font-size: 15px !important;
}

.booknow-nav-side .font-small label {
    font-size: 14px;
}

p.text-clr-blue {
    font-size: 14px;
    color: #1f58c9;
    margin-bottom: 0px;
    font-weight: 600;
}

span.text-clr-gray {
    font-size: 16px;
    color: #565656;
    margin-bottom: 0px
}

.w-40 strong {
    color: #1f58c9;
}

.w-40 span {
    width: 20px;
    height: 2px;
    background: #1f58c9;
}

.loc {
    padding-right: 30px;
}

.icon-location {
    position: absolute;
    right: 15px;
    top: 38px;
}

.bluedot {
    height: 12px;
    width: 12px;
    background-color: #3663c8;
    border-radius: 50%;
    display: inline-block;
}

#bookNow-submit {
    background: #2c62ce;
    border: initial;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    border-radius: 6px;
}

.border-20px {
    border-radius: 20px;
}

.bg-border {
    border: 2px solid #2c62ce;
}

.bg-borders {
    border: 2px solid grey;
}

.bg-light {
    background: #f5f4fa;
}

.frm-input,
.datepicker {
    /* border: unset !important; */
    background-color: #f5f9ff !important;
}

input#sqmts{
    border:none;
    width:80%;
    text-indent:10px;
    background-color:#ecf5ff;

}
.sqmts{
    border:none;
    width:80%;
    text-indent:10px;
}

.spaceborder{

height: calc(2.25rem + 2px);
    /* font-size: 10px; */
    line-height: 1.5;
    color: #495057;
    background-color: #ecf5ff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

}
.spaceborder:focus{
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25)
}

.select-icon {
    position: absolute !important;
    top: 5px;
    left: 20px;
}

#datepicker1 {
    text-indent:20px;
}

#datepicker2{
    text-indent:20px;
}

/* 
.line{
 border-bottom:2px solid black;
 line-height:22px;
 width:70%;
 padding:0px;
 height:25px;
 display: flex;
    align-items: center;
 
 } */

.text-dark{
     font-weight:500;
     margin-bottom:5px
 }
 @media (max-width:768px){
    .line{
      display: none;
    }
 
 }
 .form-control{
     border:none;
     background-color: #ecf5ff !important;
     /* margin-bottom: 5px !important */
 }

label.inpt-label.d-block {
    font-size: 20px;
    font-weight: 500;
}

@media (min-width:768px) {
    .w-40 {
        width: 40%;
    }
}
.grid{
    display:grid;
    grid-template-columns:50% 50%;

}
.listitems ul{
    Margin-left:20px;
    list-style:none;
    
}

</style>

<div class="container-fluid first-position ">
<div class="grid">
<div class="text-center">
                	<img src="images/booknow-img.png" class="w-100">
 
  </div>
  <div class="listitems">
  <ul>
  <li>Address:</li>
  <li>location:</li>
  </ul>
  </div>
  </div>

<div class="row ">   
        
        <h4 class="text-dark mt-5  col-sm-12 px-md-4 mx-md-3">Book Now</h4>
        <div class="col-sm-12">
            <div class="pt-md-4 pl-md-4 pr-md-4 bg-ligh">
                

    </div>

<h2 class="booknow-h2 mt-3  row px-2">Warehouse Registration</h2>
                    <div class="row">
                    <div class="col-sm-3 p-md-2">
                            
                            <p class="text-dark ">Warehouse Name</p>
                            <div class="input-container">
                                <input type="text" id="country" name="country" value="" class="form-control frm-input border-20px"
                                    placeholder="">
                            </div>
                        </div>
                        <div class="col-sm-3 p-md-2">
                            
                            <p class="text-dark ">Warehouse Id</p>
                            <div class="input-container">
                                <input type="text" id="City" name="City" value="" class="form-control frm-input border-20px"
                                    placeholder="">
                            </div>
                        </div>
                        <div class="col-sm-3 p-md-2">
                            <p class="text-dark ">Qutoation Id</p>
                            <div class="input-container">
                                <input type="text" id="Address" name="Address" value="" class="form-control frm-input border-20px"
                                    placeholder="">
                            </div>
                        </div>
                        <div class="col-sm-3 p-md-2">
                            <p class="text-dark ">Customer name</p>
                            <div class="input-container">
                                <input type="text" id="phonenum" name="phonenum" value="" class="form-control frm-input border-20px"
                                    placeholder="">
                            </div>
                        </div>
                        <div class="col-sm-3 p-md-2">
                            <p class="text-dark ">Customer type</p>
                            <div class="input-container">
                                <textarea type="textarea" id="email" name="email" value="" class="form-control frm-input border-20px"
                                    placeholder=""></textarea>
                            </div>
                        </div>

</div>

<!--

<h2 class="booknow-h2 mt-5 row px-2">Address</h2>
                    <div class="row">
                    <div class="col-sm-3 p-md-2">
   
                            <p class="text-dark ">Country</p>
                            <div class="input-container">
                                <input type="text" id="country" name="country" value="" class="form-control frm-input border-20px"
                                    placeholder="">
                            </div>
                        </div>
                        <div class="col-sm-3 p-md-2">
  
                            <p class="text-dark ">City</p>
                            <div class="input-container">
                                <input type="text" id="City" name="City" value="" class="form-control frm-input border-20px"
                                    placeholder="">
                            </div>
                        </div>
                        <div class="col-sm-3 p-md-2">
                            <p class="text-dark ">Address</p>
                            <div class="input-container">
                                <input type="text" id="Address" name="Address" value="" class="form-control frm-input border-20px"
                                    placeholder="">
                            </div>
                        </div>
                        <div class="col-sm-3 p-md-2">
                            <p class="text-dark ">Phone number</p>
                            <div class="input-container">
                                <input type="text" id="phonenum" name="phonenum" value="" class="form-control frm-input border-20px"
                                    placeholder="">
                            </div>
                        </div>
                        <div class="col-sm-3 p-md-2">
                            <p class="text-dark ">Email Address</p>
                            <div class="input-container">
                                <input type="email" id="email" name="email" value="" class="form-control frm-input border-20px"
                                    placeholder="">
                            </div>
                        </div>
                        <div class="col-sm-3 p-md-2">
                            <p class="text-dark">Location</p>
                            <div class="input-container">
                                <input type="text" id="Location" name="Location" value=""
                                    class="form-control frm-input border-20px loc" placeholder="">
                                <div class="icon-location"><img src="images/location.png"></div>
                            </div>
                        </div> -->

<!--

<h2 class="booknow-h2 mt-5">Warehouse services</h2>
                    <div class="row  mt-3">
                        <div class="col-md-3 mt-2 mb-2">
                            <label class="ml-4">All
                                <input type="checkbox" name="productwareHouseservices[]" id="wss" value="1">
                                <span class="checkbox bluecircle"></span>
                            </label>
                        </div>

<div class="col-md-3 mt-2 mb-2">
                            <label class="ml-4">Forklift
                                <input type="checkbox" name="productwareHouseservices[]" class="optWS" value="2"
                                    checked="">
                                <span class="checkbox"></span>
                            </label>
                        </div>

<div class="col-md-3 mt-2 mb-2">
                            <label class="ml-4">Pickup Service
                                <input type="checkbox" name="productwareHouseservices[]" class="optWS" value="3">
                                <span class="checkbox"></span>
                            </label>
                        </div>

<div class="col-md-3 mt-2 mb-2">
                            <label class="ml-4">Cross dock/Flow thru
                                <input type="checkbox" name="productwareHouseservices[]" class="optWS" value="4">
                                <span class="checkbox"></span>
                            </label>
                        </div>

<div class="col-md-3 mt-2 mb-2">
                            <label class="ml-4">Delivery Service
                                <input type="checkbox" name="productwareHouseservices[]" class="optWS" value="5">
                                <span class="checkbox"></span>
                            </label>
                        </div>

<div class="col-md-3 mt-2 mb-2">
                            <label class="ml-4">Pallet wrapping
                                <input type="checkbox" name="productwareHouseservices[]" class="optWS" value="7">
                                <span class="checkbox"></span>
                            </label>
                        </div>

<div class="col-md-3 mt-2 mb-2">
                            <label class="ml-4">Palletization
                                <input type="checkbox" name="productwareHouseservices[]" class="optWS" value="8">
                                <span class="checkbox"></span>
                            </label>
                        </div>
                    </div>
 -->

<!--

<h2 class="booknow-h2 mt-5">Warehouse Feature</h2>
                    <div class="row  mt-3">
                        <div class="col-md-3 mt-2 mb-2">
                            <label class="ml-4">All
                                <input type="checkbox" name="productwareHousefeature[]" id="wfs" value="1">
                                <span class="checkbox bluecircle"></span>
                            </label>
                        </div>

<div class="col-md-3 mt-2 mb-2">
                            <label class="ml-4">Loading Dock gates
                                <input type="checkbox" name="productwareHousefeature[]" class="optWFs" value="2"
                                    checked="">
                                <span class="checkbox"></span>
                            </label>
                        </div>

<div class="col-md-3 mt-2 mb-2">
                            <label class="ml-4">Temprature
                                <input type="checkbox" name="productwareHousefeature[]" class="optWFs" value="3">
                                <span class="checkbox"></span>
                            </label>
                        </div>

<div class="col-md-3 mt-2 mb-2">
                            <label class="ml-4">Warehouse layout
                                <input type="checkbox" name="productwareHousefeature[]" class="optWFs" value="4">
                                <span class="checkbox"></span>
                            </label>
                        </div>

<div class="col-md-3 mt-2 mb-2">
                            <label class="ml-4">Using UFLEXIT warehouse system
                                <input type="checkbox" name="productwareHousefeature[]" class="optWFs" value="5">
                                <span class="checkbox"></span>
                            </label>
                        </div>

<div class="col-md-3 mt-2 mb-2">
                            <label class="ml-4">Pest Control
                                <input type="checkbox" name="productwareHousefeature[]" class="optWFs" value="6">
                                <span class="checkbox"></span>
                            </label>
                        </div>

<div class="col-md-3 mt-2 mb-2">
                            <label class="ml-4">Air Conditioner
                                <input type="checkbox" name="productwareHousefeature[]" class="optWFs" value="7">
                                <span class="checkbox"></span>
                            </label>
                        </div>

<div class="col-md-3 mt-2 mb-2">
                            <label class="ml-4">Dock leveler
                                <input type="checkbox" name="productwareHousefeature[]" class="optWFs" value="8">
                                <span class="checkbox"></span>
                            </label>
                        </div>

<div class="col-md-3 mt-2 mb-2">
                            <label class="ml-4">Security Guard
                                <input type="checkbox" name="productwareHousefeature[]" class="optWFs" value="9">
                                <span class="checkbox"></span>
                            </label>
                        </div>
                        <div class="col-md-3 mt-2 mb-2">
                            <label class="ml-4">Dock Door height
                                <input type="checkbox" name="productwareHousefeature[]" class="optWFs" value="10">
                                <span class="checkbox"></span>
                            </label>
                        </div>
                        <div class="col-md-3 mt-2 mb-2">
                            <label class="ml-4">Food Grade
                                <input type="checkbox" name="productwareHousefeature[]" class="optWFs" value="11">
                                <span class="checkbox"></span>
                            </label>
                        </div>
                        <div class="col-md-3 mt-2 mb-2">
                            <label class="ml-4">Fire extinguisher
                                <input type="checkbox" name="productwareHousefeature[]" class="optWFs" value="12">
                                <span class="checkbox"></span>
                            </label>
                        </div>
                        <div class="col-md-3 mt-2 mb-2">
                            <label class="ml-4">Loading dock saftey gates
                                <input type="checkbox" name="productwareHousefeature[]" class="optWFs" value="13">
                                <span class="checkbox"></span>
                            </label>
                        </div>
                        <div class="col-md-3 mt-2 mb-2">
                            <label class="ml-4">Natural Ventilation
                                <input type="checkbox" name="productwareHousefeature[]" class="optWFs" value="14">
                                <span class="checkbox"></span>
                            </label>
                        </div>
                    </div>

<h2 class="booknow-h2 mt-5">Warehouse Space Method</h2>
                    <div class="row  mt-3">
                        <div class="col-md-3 mt-2 mb-2">
                            <label class="ml-4">Both
                                <input type="checkbox" name="productwareHousespace[]" id="wareSpace" value="1">
                                <span class="checkbox bluecircle"></span>
                            </label>
                        </div>

<div class="col-md-3 mt-2 mb-2">
                            <label class="ml-4">Shared space
                                <input type="checkbox" name="productwareHousespace[]" class="opt-space" value="2"
                                    checked="">
                                <span class="checkbox"></span>
                            </label>
                        </div>

<div class="col-md-3 mt-2 mb-2">
                            <label class="ml-4">Dedicated space
                                <input type="checkbox" name="productwareHouseprice[]" class="opt-space" value="3">
                                <span class="checkbox"></span>
                            </label>
                        </div>
                    </div>
                    <h2 class="booknow-h2 mt-5">Warehouse price types</h2>
                    <div class="row  mt-3">
                        <div class="col-md-3 mt-2 mb-2">
                            <label class="ml-4">Both
                                <input type="checkbox" name="productwareHouseprice[]" id="warePrice" value="1">
                                <span class="checkbox bluecircle"></span>
                            </label>
                        </div>

<div class="col-md-3 mt-2 mb-2">
                            <label class="ml-4">Pallet
                                <input type="checkbox" name="productwareHouseprice[]" class="opt-price" value="2"
                                    checked="">
                                <span class="checkbox"></span>
                            </label>
                        </div>

<div class="col-md-3 mt-2 mb-2">
                            <label class="ml-4">Space
                                <input type="checkbox" name="productwareHouseprice[]" class="opt-price" value="3">
                                <span class="checkbox"></span>
                            </label>
                        </div>
                    </div> -->

<h2 class="booknow-h2 mt-5 mb-3">Warehouse working hours</h2>
                    <div class="row pl-sm-3">
                       
                        <div class="row col-sm-12">
                            <div class="col-sm-1 py-2 bg-primary text-white border-20px text-center mb-2">Mon</div>
                            &nbsp;&nbsp;
                            <div class="col-sm-1 py-2 bg-primary text-white border-20px text-center mb-2">Tue</div>
                            &nbsp;&nbsp;
                            <div class="col-sm-1 py-2 bg-primary text-white border-20px text-center mb-2">Wed</div>
                            &nbsp;&nbsp;
                            <div class="col-sm-1 py-2 bg-primary text-white border-20px text-center mb-2">Thr</div>
                            &nbsp;&nbsp;
                            <div class="col-sm-1 py-2 bg-primary text-white border-20px text-center mb-2">Fri</div>
                            &nbsp;&nbsp;
                            <div class="col-sm-1 py-2 bg-primary text-white border-20px text-center mb-2">Sat</div>
                            &nbsp;&nbsp;
                            <div class="col-sm-1 py-2 bg-primary text-white border-20px text-center mb-2">Sun</div>
                            &nbsp;&nbsp;
                        </div>
                        <div class="row col-sm-12">
                            <div class="col-sm-1 py-2 bg-border border-20px text-center mb-2">9:30</div>&nbsp;&nbsp;
                            <div class="col-sm-1 py-2 bg-border border-20px text-center mb-2">9:30</div>&nbsp;&nbsp;
                            <div class="col-sm-1 py-2 bg-border border-20px text-center mb-2">9:30</div>&nbsp;&nbsp;
                            <div class="col-sm-1 py-2 bg-border border-20px text-center mb-2">9:30</div>&nbsp;&nbsp;
                            <div class="col-sm-1 py-2 bg-borders border-20px text-center mb-2">OFF</div>&nbsp;&nbsp;
                            <div class="col-sm-1 py-2 bg-borders border-20px text-center mb-2">OFF</div>&nbsp;&nbsp;
                            <div class="col-sm-1 py-2 bg-border border-20px text-center mb-2">9:30</div>&nbsp;&nbsp;
                        </div>
                        <div class="row col-sm-12">
                            <div class="col-sm-1 py-2 bg-border border-20px text-center mb-2">18:00</div>
                            &nbsp;&nbsp;
                            <div class="col-sm-1 py-2 bg-border border-20px text-center mb-2">18:00</div>
                            &nbsp;&nbsp;
                            <div class="col-sm-1 py-2 bg-border border-20px text-center mb-2">18:00</div>
                            &nbsp;&nbsp;
                            <div class="col-sm-1 py-2 bg-border border-20px text-center mb-2">18:00</div>
                            &nbsp;&nbsp;
                            <div class="col-sm-1 py-2 bg-borders border-20px text-center mb-2">1OFF</div>
                            &nbsp;&nbsp;
                            <div class="col-sm-1 py-2 bg-borders border-20px text-center mb-2">OFF</div>
                            &nbsp;&nbsp;
                            <div class="col-sm-1 py-2 bg-border border-20px text-center mb-2">18:00</div>
                            &nbsp;&nbsp;
                        </div>

</div>

<h2 class="booknow-h2 mt-5 mb-3">Work with</h2>
                    <div class="row">
                        <div class="col-md-3 mt-2 mb-2">
                            
                            <label class="ml-4">Company B2B
                                <input type="checkbox" name="workwith[]" class="" value="1">
                                <span class="checkbox"></span>
                            </label>
                        </div>
                        <div class="col-md-3 mt-2 mb-2">
                            <label class="ml-4">Individual
                                <input type="checkbox" name="workwith[]" class="" value="2">
                                <span class="checkbox"></span>
                            </label>
                        </div>
                    </div>

<div class="col-sm-3 mt-2 mb-3">
                            <label for="servicetype" class="inpt-label d-block">Service Type</label>
                                <div class="input-container">
                                    <select id="service" name="service" class="form-control frm-input"
                                        onChange="return serviceType()">
                                        <option>select</option>
                                        <option value="1">Pallet</option>
                                        <option value="2">Service</option>
                                       
                                        
                                    </select>
                                </div>
                               	</div>

<div class="pallet pt-2 col-sm-3 mt-3 mb-3" style="display:block">
                                <label for="pallet" class="inpt-label"></label>
                                <div class="input-container">
                                    <input type="text" id="none" name="pallet" value="" class="form-control frm-input"
                                        placeholder="" />
                                </div>
                            </div>
                            <div class="pallet  col-sm-3 mt-5 mb-3" style="display:none">
                                
                                <div class="input-container">
                                    <input type="text" id="pallet" name="pallet" value="" class="form-control frm-input" placeholder="Number of Pallets"
                                       />
                                </div>
                            </div>
                            <div class="space col-sm-3 mt-5 mb-3" style="display:none">
                                
                                    <div class="d-flex spaceborder align-items-center">
                                    <input type="text" id="sqmts" name="sqmts" value="" class="sqmts"  placeholder="Number of Square Meters"/>
                                    <span>Sqmts</span>
                                </div>
                            </div>

</div>
                    <div class="row">
                    <div class="col-sm-3 mt-3 pt-2">
                       <label><strong>Days</strong></label>
                            <div class="input-container" style="position: relative">
                                <input type="text" id="total_days" name="total_days" 
                                    class=" form-control frm-input" placeholder="Number of Days" />
                            </div>
                            </label>
                            </div>
                            <div class="col-sm-3 mt-5 pt-2">
                       
                       <select id="currency" name="currency_type" class="form-control frm-input"
                                    onChange="return currencyChange(this.value)" placeholder="Expected Value">
                                    <option value="">Select</option>
                                    <?= $optionData;?>
                                </select>
                            </label>
                            </div>
                            	
                            	<div class="col-sm-3 mt-5 pt-2">
									
                                	<div class="form-group p-relative form-h">
                             			 <input name="price" type="text" class="form-control" id="price" placeholder=" Value">
                                    </div>
                                </div>
                            </div>

<!-- <div class="row">
                        <div class="col-sm-3 p-md-2">
                        <p class="text-dark mb-0">Warehouse Partnership Class</p>
                            <div class="input-container">
                                <input type="text" id="Partnership" name="Partnership" value=""
                                    class="form-control frm-input border-20px" placeholder="">
                            </div>
                        </div>
                        <div class="col-sm-3 p-md-2">
                            <p class="text-dark mb-0">Maximam Storage Weight(K)</p>
                            <div class="input-container">
                                <input type="text" id="MaximamStorageWeight" name="MaximamStorageWeight" value=""
                                    class="form-control frm-input border-20px" placeholder="">
                            </div>
                        </div>
                        <div class="col-sm-3 p-md-2">
                            <p class="text-dark mb-0">Maximam Storage Height(M)</p>
                            <div class="input-container">
                                <input type="text" id="MaximamStorageheight" name="MaximamStorageheight" value=""
                                    class="form-control frm-input border-20px" placeholder="">
                            </div>
                        </div>

</div>
                	<div class="row my-3 justify-content-end pb-4">
                        <button class="btn btn-primary"><h6>Book Now</h6></button>
                    </div> -->
                	<div class="row my-3 justify-content-end">
                        <button class="btn btn-primary"><span>Book Now</span></button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<?php 
 include("footer.php"); 
?>
<script type="text/javascript">
// $(document).ready(function() {
let $ = jQuery;
$('#prdDeal').click(function() {
    if ($('#prdDeal').prop('checked') == true) {
        $('.prdd1').prop('checked', true);
    } else {
        $('.prdd1').prop('checked', false);
    }
});
$('#wss').click(function() {
    if ($(this).prop('checked') == true) {
        $('.optWS').prop('checked', true);
    } else {
        $('.optWS').prop('checked', false);
    }
});
$('#wfs').click(function() {
    if ($(this).prop('checked') == true) {
        $('.optWFs').prop('checked', true);
    } else {
        $('.optWFs').prop('checked', false);
    }
});
$('#wareSpace').click(function() {
    if ($(this).prop('checked') == true) {
        $('.opt-space').prop('checked', true);
    } else {
        $('.opt-space').prop('checked', false);
    }
});
$('#warePrice').click(function() {
    if ($(this).prop('checked') == true) {
        $('.opt-price').prop('checked', true);
    } else {
        $('.opt-price').prop('checked', false);
    }
});

jQuery(document).ready(function(){
     
     $('#datepicker1').datetimepicker({
         defaultDate: '',
         format: 'DD-MM-YYYY',
         minDate : new Date()
      });
     $('#datepicker2').datetimepicker({
         defaultDate: '',
         format: 'DD-MM-YYYY',
         minDate : new Date()
      });
   });

function serviceType() {

var x = document.getElementById("service").value;
if (x =='1')
{     
   $(".pallet").attr("style", "display:block")
   $(".space").attr("style", "display:none")
   $("#none").parent().parent().attr("style", "display:none")
}
else if(x=='2'){
   $(".space").attr("style", "display:block")
   $(".pallet").attr("style", "display:none")
   $("#none").parent().parent().attr("style", "display:none")

}

// });
</script>
</body>

</html>