JezK

Edit File: warehouse-list-old.php

<?php
include_once("common-header.php");
?>
<style>
body{
 font-family:'Barlow', Open-sans;
}
.container.row.pb-5 {
    display: none;
}

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

.card-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 85px;
    font-size: 14px;
}

table.dataTable.no-footer,
table.dataTable thead td,
table.dataTable thead th {
    border: unset !important;
}

div.dataTables_paginate {
    text-align: center !important;
    float: inherit !important;
    padding-top: 18px !important;
}

.dataTables_info {
    display: none;
}

.page-link:not(:disabled):not(.disabled) {
    cursor: pointer;
    color: black;
}

a.page-link {
    padding: 1px 6px !important;

}

.dot {
  height: 10px;
  width: 10px;
  background-color: lightgreen;
  border-radius: 50%;
  display: inline-block;
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #1988ff;
    border-color: #dee2e6;
    color: white !important;
    border-radius: 10px;
}
.page-item:first-child .page-link {
    margin-left: 0;
    border-radius:10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.page-item:last-child .page-link {
    margin-left: 0;
    border-radius:10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
a.page-link.current {
    background-color: #1988ff;
    border-radius: 10px;
    color: white !important;
    border:none;
}

a.page-link.previous {
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
a.page-link.next {
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.page-link{
    margin-left:0px !important;
}

li.page-item {
    margin-left: 5px;
    margin-right: 5px;
}

input[type="checkbox"]:checked ~ .checkbox {
    background-color: #2196F3;
}
.checkbox {
    position: absolute;
    /* top: 2px; */
    left: 0px;
    height: 20px;
    width: 20px;
    background-color: #d4d4d4;
    border-radius: 12px;
    cursor: pointer;
}

input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
:hover input ~ .checkbox {
    background-color: #ccc;
}
input[type="checkbox"]:checked ~ .checkbox:after {
    display: block;
}
.checkbox:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.checkbox:after {
    content: "";
    position: absolute;
    display: none;
}
.card-horizontal {
    display: flex;
    flex: 1 1 auto;
    box-shadow: 0 5px 5px #ccc;
    border-radius: 15px;
}
h6 {
  color:#2f58c9;
  padding-bottom:10px;
  font-family:Barlow;
}
button {
    background-color:#2f58c9;
    color:white;
    border:none;
    border-radius: 10px;
    padding:5px 10px;
    font-family:Barlow;
}
.checked {
    color:#2e57c8;
    -webkit-text-stroke-width: 1px;
}
.unchecked{
  -webkit-text-fill-color: white;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color:#3663c8;
}
.ex1 .fa {
    color:#91afe5;
}
.ex1 label{
    color:#565656;
}
p {
	padding-top:10px;
color:#000000 !important;
font-size:20px !important;
font-family:'Barlow', Open Sans;
/* 	color:#565656;
	font-family:'Barlow', Open Sans; */
}
p.20px{color:#000000 !important;
font-size:20px !important;
font-family:'Barlow', Open Sans;}

input {
    height:30px;
    border-radius:5px;
    border:1px solid #bdbdbd;
}
.icon { 
   background-image:url("images/search.png");
   background-repeat:no-repeat;
   background-size:15px;
   background-position:left;
   background-origin:content-box;
} 
.input-field { 
    width: 100%; 
    padding: 10px; 
} 
::placeholder {
    color:#bdbdbd;
    padding-left:25px;
    font-size:15px;
}
</style>

<section id="main" class="">
    <div class="container-fluid ">
    </div>
</section>
<div class="container-fluid first-position ">
    <div class="row ">
        
        <div class="col-sm-3 custom-content pl-0">
            <div class="custom-content">
                <nav class="navbar navbar-expand-sm navbar-default nav-side">
                    <ul class="nav navbar-nav w-100">
                        <li class="menu-item-has-children dropdown bg-list-color border-0 pl-5  w-100">
                            
                            <h4 class="text-primary mt-5">Storage Type</h4>
                            <ul class="sub-menu children  bg-list-color mb-3 pl-md-0">
                                
                                <form action="" class="font-small">
                                    <div class="form-check my-2">
                                    <label class="form-check-label ml-2">All
                                    <input type="checkbox" id="checkboxall" value="1">
                                    <span class="checkbox"></span></label>
                                            
                                    </div>
                                    <div class="form-check my-2">
                                        <label class="form-check-label ml-2" for="no_pallets">
                                            <input type="checkbox" class="form-check-input wh-181" id="no_pallets"
                                                name="storage_type" value="no_pallets">No Pallets
                                                <span class="checkbox"></span>
                                        </label>
                                    </div>
                                    <div class="form-check my-2">
                                        <label class="form-check-label ml-2" for="pallet_period">
                                            <input type="checkbox" class="form-check-input wh-181" id="pallet_period"
                                                name="storage_type" value="pallet_period">Pallet Period
                                                <span class="checkbox"></span>
                                        </label>
                                    </div>
                                    <div class="form-check my-2">
                                        <label class="form-check-label ml-2" for="amt_space">
                                            <input type="checkbox" class="form-check-input wh-181" id="amt_space"
                                                name="storage_type" value="amt_space">Amt Space(sqm)
                                                <span class="checkbox"></span>
                                        </label>
                                    </div>
                                    <div class="form-check my-2">
                                        <label class="form-check-label ml-2" for="space_period">
                                            <input type="checkbox" class="form-check-input wh-181" id="space_period"
                                                name="storage_type" value="space_period">Space Period
                                                <span class="checkbox"></span>
                                        </label>
                                    </div>
                                    <div id="collapse" style="display:none">
                                        <div class="form-check my-2">
                                            <label class="form-check-label ml-2" for="dummy1">
                                                <input type="checkbox" class="form-check-input wh-181" id="dummy1"
                                                    name="storage_type" value="dummy1">dummy1
                                                    <span class="checkbox"></span>
                                            </label>
                                        </div>
                                        <div class="form-check my-2">
                                            <label class="form-check-label ml-2" for="dummy2">
                                                <input type="checkbox" class="form-check-input wh-181" id="dummy2"
                                                    name="storage_type" value="dummy2">dummy2
                                                    <span class="checkbox"></span>
                                            </label>
                                        </div>
                                    </div>
                                    <a href="#collapse" class="nav-toggle pr-3 ml-1 text-primary float-right">View
                                        All</a>
                                </form>

</ul>
                        </li>
                        <li class="menu-item-has-children dropdown bg-list-color border-0  pl-5  w-100">
                            
                            <h4 class="text-primary mt-3">Category</h4>
                            <ul class="sub-menu children bg-list-color mb-3 pl-md-0">
                                
                                <form action="" class="font-small">
                                    <div class="form-check my-2">
                                    <label class="form-check-label ml-2">All
                                            <input type="checkbox" id="checkboxallcategory">
                                                <span class="checkbox"></span>

</label>
                                    </div>
                                    <div class="form-check my-2">
                                    <label class="form-check-label ml-2">Electronics
                                            <input type="checkbox" class="form-check-input category" id="radio4"
                                                name="category" value="option4">
                                                <span class="checkbox"></span>

</label>
                                    </div>
                                    <div class="form-check my-2">
                                    <label class="form-check-label ml-2">Spare Parts
                                            <input type="checkbox" class="form-check-input category" id="radio5"
                                                name="optradio" value="option3">
                                                <span class="checkbox"></span>
                                        </label>
                                    </div>
                                    <div class="form-check my-2">
                                    <label class="form-check-label ml-2">Machine Parts
                                            <input type="checkbox" class="form-check-input category" id="radio6"
                                                name="optradio" value="option4">
                                                <span class="checkbox"></span>
                                        </label>
                                    </div>
                                    <div class="form-check my-2">
                                    <label class="form-check-label ml-2">Equipments
                                            <input type="checkbox" class="form-check-input category" id="radio7"
                                                name="optradio" value="option3">
                                                <span class="checkbox"></span>
                                        </label>
                                    </div>
                                    <div class="form-check my-2">
                                    <label class="form-check-label ml-2">Personal Items
                                            <input type="checkbox" class="form-check-input category" id="radio8"
                                                name="optradio" value="option4">
                                                <span class="checkbox"></span>
                                        </label>
                                    </div>
                                    <div class="form-check my-2">
                                    <label class="form-check-label ml-2">Printed Material
                                            <input type="checkbox" class="form-check-input category" id="radio9"
                                                name="optradio" value="option3">
                                                <span class="checkbox"></span>
                                        </label>
                                    </div>
                                    <div id="collapse1" style="display:none">
                                        <div class="form-check my-2">
                                            <label class="form-check-label ml-2" for="dummy3">
                                                <input type="checkbox" class="form-check-input category" id="dummy3"
                                                    name="storage_type3" value="dummy3">dummy1
                                                    <span class="checkbox"></span>
                                            </label>
                                        </div>
                                        <div class="form-check my-2">
                                            <label class="form-check-label ml-2" for="dummy4">
                                                <input type="checkbox" class="form-check-input category" id="dummy4"
                                                    name="storage_type3" value="dummy4">dummy2
                                                    <span class="checkbox"></span>
                                            </label>
                                        </div>
                                    </div>
                                    <a href="#collapse1" class="nav-toggle pr-3 ml-1 text-primary float-right">View
                                        All</a>
                                </form>
                            </ul>
                        </li>
                        <li class="menu-item-has-children dropdown bg-list-color border-0 pl-5 w-100">
                            
                            <h4 class="text-primary mt-3">Services</h4>
                            <ul class="sub-menu children  bg-list-color mb-3 pl-md-0">
                                
                                <form action="" class="font-small">
                                    <div class="form-check my-2">
                                        <label class="form-check-label ml-2">All
                                            <input type="checkbox" id="checkboxallservices">
                                                <span class="checkbox"></span>
                                        </label>
                                    </div>
                                    <div class="form-check my-2">
                                        <label class="form-check-label ml-2" for="radio12">
                                            <input type="checkbox" class="form-check-input services" id="radio12"
                                                name="optradio" value="option6">Hand Lift
                                                <span class="checkbox"></span>
                                        </label>
                                    </div>
                                    <div class="form-check my-2">
                                        <label class="form-check-label ml-2" for="radio13">
                                            <input type="checkbox" class="form-check-input services" id="radio13"
                                                name="optradio" value="option5">Delivery Service
                                                <span class="checkbox"></span>
                                        </label>
                                    </div>
                                    <div class="form-check my-2">
                                        <label class="form-check-label ml-2" for="radio14">
                                            <input type="checkbox" class="form-check-input services" id="radio14"
                                                name="optradio" value="option6">Pallet Repairs
                                                <span class="checkbox"></span>
                                        </label>
                                    </div>
                                    <div class="form-check my-2">
                                        <label class="form-check-label ml-2" for="radio15">
                                            <input type="checkbox" class="form-check-input services" id="radio15"
                                                name="optradio" value="option5">Forkift
                                                <span class="checkbox"></span>
                                        </label>
                                    </div>
                                    <div id="collapse3" style="display:none">
                                        <div class="form-check my-2">
                                            <label class="form-check-label ml-2" for="dummy5">
                                                <input type="checkbox" class="form-check-input services" id="dummy5"
                                                    name="dummy5" value="dummy5">dummy5
                                                    <span class="checkbox"></span>
                                            </label>
                                        </div>
                                        <div class="form-check my-2">
                                            <label class="form-check-label ml-2" for="dummy6">
                                                <input type="checkbox" class="form-check-input services" id="dummy6"
                                                    name="dummy6" value="dummy6">dummy6
                                                    <span class="checkbox"></span>
                                            </label>
                                        </div>
                                    </div>
                                    <a href="#collapse3" class="nav-toggle pr-3 ml-1 text-primary float-right">View
                                        All</a>
                                </form>
                            </ul>
                        </li>
                    </ul>
                </nav>
            </div>

<div class="custom-toggle d-md-none d-block">
                <i class="fa fa-bars mt-2 pt-1"></i>
            </div>
        </div>
        <div class="table-width col-sm-9 px-0 mt-5">
            <div class="table-responsive" style="clear:both;">
                <div class="row justify-content-end col-sm-12 pr-0">
                    <div class="col-offset-sm-3 col-sm-8 row justify-content-end mb-3 text-right mx-4">
						<input type="text" placeholder="Name or Location" class="col-sm-7 input-field icon">&nbsp;&nbsp;&nbsp;
						<button type="button" class="btn col-sm-3 py-1" value="Search" style="font-size:15px;">Search</button>
                    </div>
                </div>
            </div>
			<div class="mx-5">
				<div class="card">
					<div class="card-horizontal">
						<div class="img-square-wrapper pt-3 pb-3 pl-3 align-self-right">
							<img src="images/Home_Croppings/img_1.png" alt="image1">
						</div>
						<div class="card-body">
							<div class="row">
								<div class="col-md-12 text-right">
										<button>
											<i class="fa fa-circle" style="color: #25d118;"></i>
											Book Now
										</button>
								</div>
								<div class = "col-md-6">
									<div class="pb-2">
										<h6><b>Warehouse Name</b></h6>
										<p class="20px">UPS WORLDPORT</p>
									</div>
									<div>
										<h6><b>Warehouse ID</b></h6>
										<p class="20px">558ac5</p>
									</div>
								</div>
								<div class="col-md-6 ex1">
									<div class="pb-2">
										<h6><b>Location</b></h6>
										<img src="images/location.png">
										<label><p class="20px">Jordan</p></label>	
									</div>
									<div>
										<h6><b>Warehouse Type</b></h6>
										<p class="20px">Gold</p>
									</div>
								</div>
								<div class="col-md-12 text-right">
									<i class="fa fa-star checked"></i>
									<i class="fa fa-star checked"></i>
									<i class="fa fa-star checked"></i>
									<i class="fa fa-star checked"></i>
									<i class="fa fa-star unchecked"></i>
								</div> 
							</div>
						</div>
					</div>
				</div>
				<div class="card mt-3">
					<div class="card-horizontal">
						<div class="img-square-wrapper pt-3 pb-3 pl-3 align-self-right">
							<img src="images/Home_Croppings//img_2.png" alt="390" width="320px" >
						</div>
						<div class="card-body">
							<div class="row ">
								<div class="col-md-12 text-right pb-2">
										<button class="butn">
											<i class="fa fa-circle" style="color: #25d118;"></i>
											Book Now
										</button>
										<button>Request quote</button>
								</div>
								<div class ="col-md-6">
									<div class="pb-2">
										<h6><b>Warehouse Name</b></h6>
										<p style="color:black;">WALMART</p>
									</div>
									<div>
										<h6><b>Warehouse ID</b></h6>
										<p>5582D9</h5>
									</div>
								</div>
								<div class="col-md-6 ex1">
									<div class="pb-2">
										<h6><b>Location</b></h6>
										<img src="images/location.png">
										<label><p>Jordan</p></label>	
									</div>
									<div>
										<h6><b>Warehouse Type</b></h6>
										<p>Gold</p>
									</div>
								</div>
								<div class="col-md-12 text-right">
									<i class="fa fa-star checked"></i>
									<i class="fa fa-star checked"></i>
                                    <i class="fa fa-star checked"></i>
									<i class="fa fa-star checked"></i>
									<i class="fa fa-star unchecked"></i>
								</div> 
							</div>
						</div>
					</div>
                </div>
				<div class="card mt-3">
					<div class="card-horizontal">
						<div class="img-square-wrapper pt-3 pb-3 pl-3 align-self-right">
							<img src="images/Home_Croppings//img_3.png" alt="390">
						</div>
						<div class="card-body">
							<div class="row ">
								<div class="col-md-12 text-right">
										<button>
											<i class="fa fa-circle" style="color: #25d118;"></i>
											Book Now
										</button>
								</div>
								<div class = "col-md-6">
									<div class="pb-2">
										<h6><b>Warehouse Name</b></h6>
										<p style="color:black;">AGARWAL PACKERS</p>
									</div>
									<div>
										<h6><b>Warehouse ID</b></h6>
										<p>55gt96</p>
									</div>
								</div>
								<div class="col-md-6  ex1">
									<div class="pb-2">
										<h6><b>Location</b></h6>
										<img src="images/location.png">
										<label><p>Jordan</p></label>	
									</div>
									<div>
										<h6><b>Warehouse Type</b></h6>
										<p>Gold</p>
									</div>
								</div>
									<div class="col-md-12 text-right">
									<i class="fa fa-star checked"></i>
									<i class="fa fa-star checked"></i>
									<i class="fa fa-star checked"></i>
									<i class="fa fa-star checked"></i>
									<i class="fa fa-star unchecked"></i>
								</div> 
							</div>
						</div>
					</div>
				</div>
				<div class="card mt-3">
					<div class="card-horizontal">
						<div class="img-square-wrapper pt-3 pb-3 pl-3 align-self-right">
							<img src="images/Home_Croppings//img_4.png" alt="390" width="320px">
						</div>
						<div class="card-body">
							<div class="row ">
								<div class="col-md-12 text-right pb-2">
										<button class="butn">
											<i class="fa fa-circle" style="color: #25d118;"></i>
											Book Now
										</button>
										<button>Request quote</button>
								</div>
								<div class = "col-md-6">
									<div class="pb-2">
										<h6><b>Warehouse Name</b></h6>
										<p style="color:black;">ZAPPOS</p>
									</div>
									<div>
										<h6><b>Warehouse ID</b></h6>
										<p>558fg6</p>
									</div>
								</div>
								<div class="col-md-6 ex1">
									<div class="pb-2">
										<h6><b>Location</b></h6>
										<img src="images/location.png">	
										<label><p>Jordan</p></label>
									</div>
									<div>
										<h6><b>Warehouse Type</b></h6>
										<p>Gold</p>
									</div>
								</div>
								<div class="col-md-12 text-right">
									<i class="fa fa-star checked"></i>
									<i class="fa fa-star checked"></i>
									<i class="fa fa-star checked"></i>
									<i class="fa fa-star checked"></i>
									<i class="fa fa-star unchecked"></i>
								</div> 
							</div>
						</div>
					</div>
				</div>
            </div>  
		</div>
    
                
                <?php

$warehouse_sql ="";
                        //Array ( [country_id] => 2 [date] => 23-12-2020 [age] => 1 [space] => 2 [editdetails] => Search )
                        
                        if(isset($_REQUEST['country_id']) && $_REQUEST['country_id'] != '' ){
                            $warehouse_sql .= " AND umw.warehouse_country_id ='".$_REQUEST['country_id']."'";
                        }
                          if(isset($_REQUEST['warehouse_city']) && $_REQUEST['warehouse_city'] != '' ){
                            $warehouse_sql .= " AND umw.warehouse_city ='".trim($_REQUEST['warehouse_city'])."'";
                        }
                       if(isset($_REQUEST['date']) && $_REQUEST['date']!='') {
                           $date=date('Y-m-d',strtotime(strip_tags($_REQUEST['date'])));
                        $warehouse_sql .=" AND ('$date'>=uwp.period_from
                        and uwp.period_to<='$date')";
                       }
                       
                        // if(isset($_REQUEST['space']) && $_REQUEST['space'] != '' ){
                        //    // $warehouse_country_id = ' AND warehouse_country_id ='.$_REQUEST['country_id'];
                        //     $query1 = "SELECT warehouse_id  FROM uflexit_warehouse_meta where meta_key = 'wareHousePriceType' AND choosen_meta_value = '".$_REQUEST['space']."'";
                        //     $query1_data = $customerObj->db->get_results($query1);
                        //      foreach ($query1_data as $key => $qdata) {
                        //         $warehouse_ids []= $qdata['warehouse_id'];
                        //      }
                            
                        //     $warehouse_ids =  array_unique($warehouse_ids);
                        //     // print_r($warehouse_ids);
                        //      $warehouse_ids_v = implode(",",$warehouse_ids);
                        //      if($warehouse_ids_v != ''){
                        //         $warehouse_sql .= ' AND warehouse_id IN('.$warehouse_ids_v.')';
                        //      }

// }
                        //~ echo $warehouse_sql;
                       // exit;

//warehouse_country_id
                        //warehouse_license_expdate
                        ////

//SELECT * FROM uflexit_warehouse_meta where meta_key = 'wareHousePriceType' AND choosen_meta_value ='2'
                        //  $query = "SELECT * FROM uflexit_master_warehouse WHERE warehouse_status=1 ".$warehouse_sql;
                        if(isset($_REQUEST['space']) && $_REQUEST['space'] != '' ){
                            $warehouse_sql .= " AND uwm.choosen_meta_value ='".trim($_REQUEST['space'])."'";
                        }

$query= "SELECT  umw.* from uflexit_warehouse_meta as uwm JOIN  uflexit_master_warehouse as umw ON uwm.warehouse_id=umw.warehouse_id JOIN uflexit_warehouse_pricelist as uwp ON uwp.warehouse_id=umw.warehouse_id where umw.warehouse_status=1 and uwm.meta_key='wareHousePriceType'  $warehouse_sql";
                        $wlist = $customerObj->db->get_results($query);
                        if(!$wlist){?>
                <h5 class="text-center">No warehouses.</h5>
                <?php
                        }else{ ?>

<?php  foreach ($wlist as $key => $wrow){ ?>
                            <div class="col-md-3 px-2">
                    <div class="col-sm-12 card shadow border-10 px-0">
                     

                    <a href="warehouse_details.php?id=<?php echo $wrow['warehouse_id'];?>"><img class="card-img-top"
                                src="images/logo.png" alt="Card image" style="width:100%" height="180px"></a> 
                        <div class="card-body py-2">
                            <h6 class="card-title mb-2"><?php echo $wrow['warehouse_name'];?></h6>
                            <div class="col-sm-6 px-0">
                                <p class="card-text text-dark ">
                                    <img src="images/location.png">&nbsp;<?php echo $wrow['warehouse_address'];?>
                                    <?php echo $wrow['warehouse_city'];?>
                                </p>
                            </div>
                            <div class="col-sm-6 px-0 text-right">
                            <?php if($wrow['enable_online_booking']==0){ ?>
                                <a href="req.php?id=<?php echo $wrow['warehouse_id'];?>" class="btn btn-primary px-1 py-0"> Request a Quote  </a>
                                <?php }else {?>
                            <a href="bookNow.php?id=<?php echo $wrow['warehouse_id'];?>" class="btn btn-primary px-1 py-0"><span class="dot"></span>  Book Now</a>
                            <?php } ?>
                        
                            </div>
                        </div>
                    </div>
                </div> 
                        <?php } ?>
                       
                    <?php }?>      
                        
                       
                
               
                

            </div>
            <ul class="pagination row justify-content-center">
                <li class="page-item"><a class="page-link" href="#">First</a></li>
                <li class="page-item"><a class="page-link previous" href="#">Previous</a></li>
                <li class="page-item"><a class="page-link current" href="#">1</a></li>
                <li class="page-item"><a class="page-link" href="#" style="border:none;">2</a></li>
                <li class="page-item"><a class="page-link" href="#" style="border:none;">3</a></li>
                <li class="page-item"><a class="page-link next" href="#">Next</a></li>
                <li class="page-item"><a class="page-link" href="#">Last</a></li>
            </ul>
        </div>
    </div>
</div>

<section class="footer top-footer  bg-dark">
    <div class="container">
        <div class="row">
            <div class="col-md-2"></div>
            <div class="footer col-md-3 mt-3">
                <ul style="list-style:none;">
                    <li class="text-white">Home</li>
                    <li class="text-white">About us</li>
                    <li class="text-white">Contact us</li>
                </ul>
            </div>
            <div class="footer col-md-3 mt-3">
                <ul style="list-style:none;">
                    <li class="text-white">Warehouse</li>
                    <li class="text-white">Facilities</li>
                    <li class="text-white">Terms & Conditions</li>
                </ul>
            </div>
            <div class="footer col-md-4 mt-3">
                <ul style="list-style:none;">
                    <li class="text-white">Get in touch for on demand warehouse</li>
                    <li class="text-white ">info@uflexit.com</li>
                    <li class="text-white">+900 123 456</li>
                </ul>
            </div>
        </div>
        <h6 class="text-center bottom-footer pb-2">Copyright 2021 All right reserved</h6>
    </div>
</section>

<?php 
 include("footer.php"); 
?>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.pagination.min.js"></script>

let $ = jQuery;

$(document).ready(function () {
    $("#checkboxall").click(function () {
        $(".wh-181").prop('checked', $(this).prop('checked'));
    });
    $('.wh-181').click(function (){
    if($(this).prop('checked')==false){
        $('#checkboxall').prop('checked', false)
    }
   if($('.wh-181:checked').length==$('.wh-181').length){
    $('#checkboxall').prop('checked', true)

}

});

$('#example').DataTable({
        language: {
            search: ""
        },
        "processing": true,
        "dataSrc": "",
        "sDom": 'Rfrtlip'

});
});

$(document).ready(function(){
    $('#checkboxallcategory').click(function() {
        $(".category").prop('checked',$(this).prop('checked'));
    })

$('.category').click(function (){
    if($(this).prop('checked')==false){
        $('#checkboxallcategory').prop('checked', false)
    }
   if($('.category:checked').length==$('.category').length){
    $('#checkboxallcategory').prop('checked', true)

}

})
})

$(document).ready(function(){
    $('#checkboxallservices').click(function() {
        $(".services").prop('checked',$(this).prop('checked'));
    })

$('.services').click(function (){
    if($(this).prop('checked')==false){
        $('#checkboxallservices').prop('checked', false)
    }
   if($('.services:checked').length==$('.services').length){
    $('#checkboxallservices').prop('checked', true)

}

})
})

$(document).ready(function() {

});

var toggle_customSidebar = false,
    custom_open = 0;

if (!toggle_customSidebar) {
    var toggle = $('.custom-template .custom-toggle');

toggle.on('click', (function() {
        if (custom_open == 1) {
            $('.custom-template').removeClass('open');
            toggle.removeClass('toggled');
            custom_open = 0;
        } else {
            $('.custom-template').addClass('open');
            toggle.addClass('toggled');
            custom_open = 1;
        }
    }));
    toggle_customSidebar = true;
}
$('.nav-toggle').click(function() {
    var collapse_content_selector = $(this).attr('href');
    var toggle_switch = $(this);
    $(collapse_content_selector).toggle(function() {
        if ($(this).css('display') == 'none') {
            toggle_switch.html('View All');
        } else {
            toggle_switch.html('Hide');
        }
    });
});

</script>
</body>

</html>