JezK

Edit File: warehouse-list.php

if(trim($_POST['country_id'])==1){
    $searchTerm="Saudi Arabia";
    }else if(trim($_POST['country_id'])==2){
        $searchTerm="UAE";
    }else if(trim($_POST['country_id'])==3){
        $searchTerm="Jordan";
    }
    // $warehouseCountry=trim($_POST['country_id']);
}
if(isset($_POST['warehouse_city']) && $_POST['warehouse_city'] != '' ){
    $searchTerm=trim($_POST['warehouse_city']);
}
if(isset($_POST['storageType']) && $_POST['storageType'] != '' ){
    $warehouseType=trim($_POST['storageType']);
}

// $warehouseDetails=$customerObj->warehouseDetails($warehouseCity,$warehouseType,$warehouseCountry,0,5);

// $totalCount=$warehouseData='';
// if($warehouseDetails!=1){
//     $totalCount=$warehouseDetails[0] ? $warehouseDetails[0]:0;
//     $warehouseData=$warehouseDetails[1] ? $warehouseDetails[1]:0;
// }

$warehouseStorage=$customerObj->warehouseStorageType();

// print_r($warehouseStorage);
// exit;
$warehouseServices=$customerObj->warehouseServicesType();
$warehousefeatures=$customerObj->warehouseFeaturesType();
$warehouseDeals = $customerObj->getWareHouseDeals();
$storage=$services=$features=$products='';
foreach($warehouseStorage as $storageType) { 
    $storage.='<div class="form-check my-2">
    <label class="ml-2"> '.$storageType['pricetype_name'].'
    <input type="checkbox" class="form-check-input filterWareHouse storageTypeClass stortype'.$storageType['pricetype_id'].'" id="checkboxall"
     value='.$storageType['pricetype_id'].' >
    <span class="checkbox"></span>
    </label>
    </div>';
    }

if(count($warehousefeatures)>0){
$className='';
foreach($warehousefeatures as $featureType){
    if($featureType['feature_id']==1){
        $id='featuresCheckboxall';
        $className='featuresTypeClass1';
    }else{
        $className='featuresTypeClass';
    }
    if($featureType['feature_id'] != 4) 
    {
        $features.='<div class="form-check my-2">
        <label class="form-check-label ml-2" for="featureTypeRadio'.$featureType['feature_id'].'">
            <input type="checkbox" class="form-check-input filterWareHouse '.$className.'" id="featureTypeRadio'.$featureType['feature_id'].'" name="optradio" 
                value='.$featureType['feature_id'].'> '.$featureType['feature_name'].'
                <span class="checkbox"></span>
        </label>
        </div>'; 
    }
}
}

if(count($warehousefeatures)>0){
    $className='';
    
    foreach($warehouseServices as $servicesType){
        if($servicesType['service_id']==1){
            $id='servicesCheckboxall';
            $className='servicesTypeClass1';
        }else{
            $className='servicesTypeClass';
        }
        $services.='<div class="form-check my-2">
        <label class="form-check-label ml-2" for="servicesTypeRadio'.$servicesType['service_id'].'">
            <input type="checkbox" class="form-check-input filterWareHouse '.$className.' " id="servicesTypeRadio'.$servicesType['service_id'].'"  name="optradio"
                value='.$servicesType['service_id'].'>'.$servicesType['service_name'].'
                <span class="checkbox"></span>
        </label>
    </div>';
    }
    }

if(count($warehousefeatures)>0){
$className='';
foreach($warehouseDeals as $productsType){
    if($productsType['deal_id']==1){
        $id='productsCheckboxall';
        $className='productsTypeClass1';
    }else{
        $className='productsTypeClass';
    }
    $products.='<div class="form-check my-2">
        <label class="form-check-label ml-2" for="productDealsTypeRadio'.$productsType['deal_id'].'">
            <input type="checkbox" class="form-check-input filterWareHouse '.$className.'" id="productDealsTypeRadio'.$productsType['deal_id'].'" name="optradio" 
                value='.$productsType['deal_id'].'> '.$lang[$productsType['lang_variables']].'
                <span class="checkbox"></span>
        </label>
        </div>'; 
    }
}

$countryList=$customerObj->getCountryList();
$optionData='';
foreach($countryList as $val) 
    {
        $optionData.= '<option class="text-capitalize" value='.$val['country_id'].' class="text-capitalize">'.$val['display_name'].'</option>';
    }
    $id =1;
    
    if (isset($_REQUEST['id'])) {
        $id=$_REQUEST['id'];
    }

$storage1 = $dealsCheckboxes1 ="";
// $warehouseStorage=$customerObj->warehouseStorageType();
// print_r($warehouseStorage);exit;
foreach($warehouseStorage as $storageType1) { 
    $storage1 .= '<div class="form-check d-inline my-2 col-6">
                    <label class="ml-2 "> '.$lang[$storageType1['lang_variables']].'
                        <input type="checkbox" class="form-check-input requestWareHouse storageTypeClass1 stype'.$storageType1['pricetype_id'].'" id="checkboxall " name="storageType[]" value='.$storageType1['pricetype_id'].'>
                        <span class="checkbox1"></span>
                    </label>
                </div>';
    }

$dealsData=$customerObj->getWareHouseDeals();
if(isset($dealsData) && count($dealsData)>0)
{
    foreach($dealsData as $prodType)
    {
        $activeClass='';
        if($prodType['deal_id']==1) {
            $id='productsDealCheckboxall';
            $className='productsDealTypeClass1';
        }
        else
            $className='productsDealTypeClass';

if(isset($whmetadata) && count($whmetadata)>0 && in_array($v['deal_id'],$eproductwareHouseDeals))
        {
            $activeClass="checked";
        }

$dealsCheckboxes1.='<div class="col-lg-4 col-md-6 col-sm-12  mt-2 pl-4"> 
        <label class="form-check-label ml-2" for="productType'.$prodType['deal_id'].'">
        <input type="checkbox" class="form-check-input requestWareHouse '.$className.'" id="productType'.$prodType['deal_id'].'" name="productreqwareHouseDeals[]" 
            value='.$prodType['deal_id'].'> '.$lang[$prodType['lang_variables']].'
            <span class="checkbox1"></span>
        </label>
    </div>';
    }
}
?>
<style>
.pagination li:hover {
    cursor: pointer;
    /* background-color: #fff; */
    /* border: 1px solid #3663c8; */
}

.pagination li.active {
    background-color: #3663c8;
}

.pagination li.active a {
    color: white;
}

.pagination li.active {
    background-color: #3663c8;
}

.pagination.bootpag li {
    padding: 0px 10px;
    border-radius: 50%;
    margin: 0px 4px;
}

li.prev,
li.next {
    background: #fff;
    padding: 2px 8px !important;
    border-radius: 20px !important;
    box-shadow: 0px 1px 5px #3663c8;
}

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

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

.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;
}

ul.pagination.bootpag {
    justify-content: center;
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #3663c8;
    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: #3663c8;
    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: 0px;
    left: 0px;
    height: 20px;
    width: 20px;
    background-color: #c1c1c1;
    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;
}

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 {
    font-size: 16px;
    padding-top: 10px;
    color: #565656;
    font-family: Barlow;
}

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: right;
    background-origin: content-box;
}

.input-field {
    width: 100%;
    padding: 10px;
}

::placeholder {
    color: #bdbdbd;
    padding-left: 25px;
    font-size: 15px;
}

.et-app-sr {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important
}

.et-app-rating-stars {
    /* height: 4em; */
    display: flex
}

.et-app-rating-star {
    background: none;
    border: none;
    box-shadow: none;
    font-size: 18px;
    cursor: pointer;
}

.et-app-rating-star .selected {
    display: none;
    color: #f90;
}

.et-app-rating-star.select i,
.et-app-rating-star.highlight i {
    display: none
}

.et-app-rating-star.select .selected,
.et-app-rating-star.highlight .selected {
    display: block
}

.et-app-rating-star:focus {
    outline: 1px solid #000
}

.fa-star-o:before {
    color: #ccc;
}

ul.sub-menu.children.bg-list-color.features.mb-3.pl-md-0 {
    height: 200px;
    overflow-y: auto;
}

ul.sub-menu.children.bg-list-color.storage.mb-3.pl-md-0 {
    height: 63px;
    overflow-y: auto;
}

ul.sub-menu.children.bg-list-color.services.mb-3.pl-md-0 {
    height: 200px;
    overflow-y: auto;
}

.table-width {
    clear: both;
}

#searchValue {
    width: 100% !important;
}

.col-md-4.logindiv {
    padding-top: 10px !important;
}

.img-height {
    height: 100%;
}

.select:after {
    background: unset;
}
.searchDay::placeholder,.palletSearch::placeholder , .spaceSearch::placeholder{
     padding-left:10px !important;
     /* margin-left:25px !important; */
   }
.searchDay, .palletSearch ,.spaceSearch
{
    background-image: url("pictures/search.png");
    background-repeat: no-repeat;
    height:36px;
    /* padding-left:40px; */
    background-position: right; 
    background-origin:content-box;
    /* padding:17px; */
    padding-left:10px;
    width:90%;
    font-size:13px;
    margin: 10px;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px){
    body{
       display: unset;
       
    }
    #main{
        margin-top: -14%;
    }
    .warehouse-icon-img{
        max-width: unset;
    }
    .home-icon-img{
        max-width: unset;
    }
}
@media (max-width:767px){
    #main{
        margin-top: -11%;
    }
    
    .card-horizontal {
        display: block;
    }
    .navbar{
        margin-bottom: 10px;
    }
    .mobileButton{
        text-align: end !important;
        margin-right: 30px;
        margin-bottom: 10px;
    }
    .filterSearch{
        width: 100%;
        margin-top: 10px;
    }

.logindiv{
        margin-bottom: 5px ;
        margin-left: 18px;
    }
    .home-icon{
        margin-left: 18px;
    }
}

.checkbox1
{
  position: absolute;
  top: 2px;
  left: 5px;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius:12px;
  cursor:pointer;
}
:hover input ~ .checkbox1 {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
input[type="checkbox"]:checked ~ .checkbox1 {
  background-color: #2196F3;
}

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

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

/* Style the checkmark/indicator */
.checkbox1:after {
  left: 8px;
  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);
}
.storageCheckbox
{
    font-size:small;
}
.modColor
{
    color:#3663c8;
    font-weight: 500;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
/* #fromdatepicker, #todatepicker {

height: 35px !important;
    border-radius: 0px !important;
} */
.requWare
{
    background: linear-gradient(90deg, #00C6FF 0%, #0072FF 100%);
    border-radius: 5px;
    width: 188px;
}
.tag_line
{
    font-size: 12px;
    padding-top: 10px;
    font-weight: bold;
    color: #CECECE;
}
.reqtext1
{
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 14px;
    color: #0090FF;   
    margin-bottom:5px !important;
}
.warehouseReq
{
    padding-left:40px;
    height: 94px;
    padding-right: 40px;
}
.right {
    padding-top: 13px;
}
.left {
    float:left;
    width:200px;
}
.reqWBtn
{
    font-family: Barlow;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    /* text-align: center; */
    color: #3A3737;
}
.reqIcon
{
    cursor: pointer;
}
.reqLogin
{

}
</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 pr-0 ">
            <div class="custom-content bg-list-color pt-2 pb-2">  
                <div class="warehouseReq container2"> 
                    <p class="reqtext1">Request for Warehouse</p>
                    <div class="left">
                        <p class="reqWBtn">(If you cannot find your warehouse,<br>please request Uflexit to help you)</p>
                    </div>
                    <div class="right">
                        <img src="images/reqWarehouse.png" class="reqIcon" data-toggle="modal" data-target='#exampleModalCenter'> 
                    </div>
                    <hr>
                </div>
                
                <div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                        
                        <div class="modal-dialog modal-dialog-centered" role="document">
                            <div class="modal-content">
                                <form action ="app/requestWarehouse.php" method="post">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                        </button>
                                    </div>
                                    <?php 
                                        if(isset($_SESSION['customer_user_id']) && $_SESSION['customer_user_id'] != "") {
                                    ?>
                                    <div class="modal-body">
                                        
                                        <div class="row d-flex justify-content-around  mb-2">
                                            <div class="col-md-6">
                                                <label for="inputLocation" class="inpt-label modColor">Select Country</label>
                                                <div class="input-container">
                                                    <select  id="country" name="country" class="form-control frm-input" onchange="getcity(this.value);">
                                                        <option value="">Select Country</option>
                                                        <?= $optionData;?>
                                                    </select>
                                                
                                                
                                                </div>
                                                <div class="error country_error"></div>
                                            </div>
                                            <div class="col-md-6">
                                                <label for="inputEmaill" class="inpt-label modColor">City</label>
                                                <div class="input-container">
                                                    <select name="city" id="city"  class="form-control frm-input" >
													    <option value="">Select City</option>
												    </select>
                                                </div>
                                                <div class="error city_error"></div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-12">
                                                <label class="modColor"><?php echo $lang['STORAGE_TYPE'] ?></label>
                                                <div>
                                                    <?php echo $storage1 ?>
                                                </div>
                                                <div class="error storage_error"></div>
                                            </div>
                                        </div>
                                    
                                        <div class="row ">
                                            <div class="col-6 palletDetails">
                                                <label class="modColor"><?php echo $lang['PALLETS_REQUIRED']; ?></label>
                                                <div>
                                                    <input type="text" name="palletReq" id="palletReq" class="form-control">
                                                </div>
                                                
                                            </div>
                                            <div class="col-6 spaceDetails">
                                                <label class="modColor"><?php echo $lang['SPACE_REQUIRED_Sqmts']; ?></label>
                                                <div>
                                                    <input type="text" name="spaceReq" id="spaceReq" class="form-control">
                                                </div>
                                                
                                            </div>
                                        </div>
                                        <div class="error storage_error1"></div>
                                        <div class="row d-flex justify-content-around  mb-2">
                                            <div class="col-md-6">
                                                <label class="modColor"><?php echo $lang['FROM_DATE']; ?></label>
                                                <div class="input-container">
                                                    <input type="text" name="FromDate" id="fromdatepicker" class="form-control datepicker time_req FromDate" onclick="return fromDateFun()" autocomplete="off">
                                                    <div class="calendericon1">
                                                        <img src="images/Customer_croppings/calender.png">
                                                    </div>
                                                </div>   
                                                <div class="error fromDate_error mt-3"></div>
                                            </div>
                                            
                                            <div class="col-md-6">
                                                <label class="modColor"><?php echo $lang['TO_DATE']; ?></label>
                                                <div class="input-container">
                                                    <input type="text" name="Todatereq" id="todatepicker" class="form-control datepicker time_req Todatereq" onclick="return toDateFun()" autocomplete="off">
                                                    <div class="calendericon1">
                                                        <img src="images/Customer_croppings/calender.png">
                                                    </div>
                                                </div>
                                                <div class="error toDate_error mt-3"></div>
                                            </div>  
                                        </div>
                                        <div class="row">
                                            <div class="col-12">
                                                <label class="modColor"><?php echo $lang['PRODUCT_WE_DEAL_WITH'];?></label>
                                                <div class="row m-2">
                                                    <?php echo $dealsCheckboxes1;?>
                                                    <div class="error product_error"></div>
                                                    <span class="error deal_error"></span>
                                                    <input type="hidden" name="dealsOrglength" id="dealsOrglength" value="<?php if(isset($dealsData) && count($dealsData)>0) echo count($dealsData); else 0; ?>"/>
                                                </div>
                                            </div>
                                            
                                        </div>
                                        
                                        <div class="row">
                                            <div class="col-12">
                                                <label class="modColor"><?php echo $lang['DESCRIPTION'] ?></label>
                                                <textarea class="form-control" rows="5" id="reqText" name="reqText"></textarea>
                                                <div class="error req_error"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="submit" class="btn btn-primary reqwarehouse" id="requestWarehouses" name="requestWarehouses" onclick= "return warehouseRequest()">Submit</button>
                                    </div>
                                    <?php } else { ?>
                                        <div class="row">
                                            <div class="col-12 text-center pb-4">
                                                <h5>Please Login to request a warehouse</h5>
                                                
                                                <a href="login.php" class="reqLogin btn request-btn mt-3">Login From Here</a>
                                            </div>
                                        </div>
                                        <?php } ?>
                                </form>
                            </div>
                        </div>
                        
                    </div>
                    
                <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-3">Storage Type</h4>
                            <ul class="sub-menu children  bg-list-color storage  mb-3 pl-md-0">
                                
                                <form action="" class="font-small">
                                    <?php echo $storage ?>
                                </form>

</ul>
                        </li>
                        <div class="daysCount1 bg-list-color w-100">
                            <input type="number" class="form-control pb-1 searchDay " placeholder="Search Days" id="searchDays" onkeyup="filterReset(this.value)">
                        </div>
                        <div class="palletData1 bg-list-color w-100">  
                            <input type="number" class="form-control pb-1 palletSearch mt-2" placeholder="Pallet" id="palletSearch" onkeyup="filterReset(this.value)">
                        </div>
                        <div class="searchData1 bg-list-color w-100">
                            <input type="number" class="form-control pb-1 spaceSearch mt-2" placeholder="Space" id="spaceSearch" onkeyup="filterReset(this.value)">
                        </div>
                        <li class="menu-item-has-children dropdown bg-list-color border-0  pl-5  w-100">
                            
                            <h4 class="text-primary mt-3">Features</h4>
                            <ul class="sub-menu children bg-list-color features mb-3 pl-md-0">
                                
                                <form action="" class="font-small">
                                    <?php echo $features ?>
                                    <!-- <div class="form-check my-2">
                                    <label class="ml-2">All
                                            <input type="checkbox" id="checkboxallcategory">
                                                <span class="checkbox"></span>

</label>
                                    </div> -->

</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 services mb-3 pl-md-0">
                                
                                <form action="" class="font-small">
                                    <?php echo $services ?>
                                </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">Products</h4>
                            <ul class="sub-menu children  bg-list-color services mb-3 pl-md-0">
                                
                                <form action="" class="font-small">
                                    <?php echo $products ?>
                                </form>
                            </ul>
                        </li>
                    </ul>
                    <div class="pl-5 error filter_error bg-list-color"></div>
                    
                </nav>
                <div class="text-center mobileButton">
                        <input class="btn btn-primary filterSubmit  px-3 " type="button" value="Filter"></input>
                    </div>

</div>

</div>

<div class="col-sm-9">
            <div class="row justify-content-end col-sm-12 pr-0 mt-2">
                <div class="col-sm-4 reqWare" >
                    
                    
                    
                </div>
                <div class="form-inline  col-offset-sm-3 col-sm-8 row justify-content-end" style="display:absloute;">
                    <div class="col-sm-6 ">
                        <input type="text" placeholder="Name or Location" class=" search  form-control" id="searchValue"
                            onkeyup="filterReset(this.value)">

</div>

<div class="col-sm-3 ">
                        <button type="button" class=" btn py-2 filterSearch" value="Search" onkeyup="inputClear()">Search</button>
                    </div>

</div>
                <p class="error search_error col-sm-7 pl-0"></p>
            </div>
            <div class="table-width  ">
                <div class="table-responsive" style="clear:both;">
                </div>
                <div class="mx-5">

</div>

</div>
            <div class="row mx-5 justify-content-center">
                <div class="col-sm-12 px-auto ">
                    <p id="pagination-here"></p>
                </div>
            </div>
        </div>

</div>

</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.pagination.min.js"></script>
<script src="https://cdn.rawgit.com/botmonster/jquery-bootpag/master/lib/jquery.bootpag.min.js"></script>

var featuresArray = [];
var servicesArray = [];
var storageArray = [];
var productsArray=[];
var searchTerm;

$(document).ready(function () {
    $('.daysCount1').hide();
    $('.palletData1').hide();
    $('.searchData1').hide();
});

$(document).on('click', '.stortype2', function() {
    if( $(".stortype2").prop('checked') == true )
    {
        // $('.daysCount1').show();
        $('.palletData1').show();
        $('.palletSearch').val('');
        $('.searchDay').val('');
    }
    else if($(".stortype2").prop('checked') == false)
    {
        // $('.daysCount1').hide();
        $('.palletData1').hide();
        $('.palletSearch').val('');
        $('.searchDay').val('');
    }
});

$(document).on('click', '.stortype3',  function() {
    if( $(".stortype3").prop('checked') == true )
    {
        // $('.daysCount1').show();
        $('.searchData1').show();
        $('.spaceSearch').val('');
        $('.searchDay').val('');
    }
    else if($(".stortype3").prop('checked') == false )
    {
        // $('.daysCount1').hide();
        $('.searchData1').hide();
        $('.spaceSearch').val('');
        $('.searchDay').val('');
    }     
});

$(".stortype2, .stortype3").click(function(){
    if( ($(".stortype2").prop('checked') == true) || ($(".stortype3").prop('checked') == true))
    {
        $('.daysCount1').show();
    }
    else
    {
        $('.daysCount1').hide();
    }
});
$(document).ready(function()
{
    var id=<?php if($warehouseType!='') {echo $warehouseType;} else{echo 0;} ?>;
    var searchInput= document.getElementById('searchValue').value;
    var searchDays = document.getElementById('searchDays').value;
    var palletNum = document.getElementById('palletSearch').value; 
    var spaceNum = document.getElementById('spaceSearch').value;

if(searchInput == "" && searchDays == "" && palletNum == "")
    {
        filterInput = 1;
    }
    else
    {
        filterInput = 0;
    }
    var roleId=<?php echo $roleId ?>;
    searchTerm="<?php echo $searchTerm ?>";
    //  console.log(searchTerm)
    if(id!='' && id!=0){
        storageArray.push("'"+id+"'")
    }
   
    jQuery.ajax({
        type: "POST",
        url: 'ajax.php',
        data: ({
            action: 'get_warehouses',
            feature_ids: featuresArray.toString(),
            storage_ids: storageArray.toString(),
            services_ids: servicesArray.toString(),
            deals_ids:productsArray.toString(),
            searchKey:searchTerm,
            searchData:searchDays,
            palletData:palletNum,
            spaceData:spaceNum,
            minValue: 0,
            maxValue: 5,
            role_id:roleId,
            filterInput:filterInput
        }),
        success: function(data) {
            // console.log( JSON.parse(data))
            data = JSON.parse(data)
            jQuery('.table-width').html(data.warehoseData);
            // console.log(data.count);
            total_count = data.totalCount;
            page_count = Math.ceil(total_count / 5);
            $("#pagination-here").show()
            if (total_count == 0 && page_count == 0) {
                $("#pagination-here").hide()
            }
            initPagination()

}
    })
   
    
})

function inputClear(){
    searchTerm='';
}

$('.card-horizontal').click(function() {
	//~ var wid=  document.getElementById('warehouseId').value;
	var wid = $(this).closest(".card").find(".warehouseId").val()
//   alert(wid);
//   console.log(wid,"hello")
	window.open('warehouseDetails.php?id='+wid, '_self');
})
function initPagination() {
    $('#pagination-here').bootpag({
        total: page_count,
        page: 1,
        maxVisible: 5,
        leaps: true,
        // href: "#result-page-{{number}}",
    })
    $(".prev a").replaceWith("Prev");
    $(".next a").replaceWith("Next");
}
$('.filterSubmit').click(function() {
    var checkboxLength = $('.filterWareHouse:checked').length;
    var storageLength = $('.storageTypeClass:checked').length;
   var storageValue = $('.storageTypeClass:checked').val();
    var days = $('#searchDays').val();
    var pallet = $('#palletSearch').val();
    if (checkboxLength==0 && days == "" && pallet == "") {
        $('.filter_error').html('Please provide Input ')
    }
    else if(pallet != "" && (storageLength == 2 || storageValue == "3")) {
        $('.filter_error').html('<?php echo $lang['PLEASE_SELECT_APPROPRIATE_STORAGE_TYPE']; ?>')
    } else {
        Filter()
        $('.filter_error').html('')
    }

})

$('.filterSearch').click(function() {
    var searchInput = document.getElementById('searchValue').value;
    if (searchInput == "") {
        $('.search_error').html('Please enter Name /Location to proceed further');
        $('#searchValue').focus();
    } else {
        Filter()
        $('.search_error').html('');
        $('#searchValue').focus();
    }

})

$(document).ready(function() {
    $("#featureTypeRadio1").click(function() {
        $(".featuresTypeClass").prop('checked', $(this).prop('checked'));
        filterInput = 0;
    });
    $('.featuresTypeClass').click(function() {
        if ($(this).prop('checked') == false) {
            $('#featureTypeRadio1').prop('checked', false);
            filterInput = 1;
        }
        if ($('.featuresTypeClass:checked').length == $('.featuresTypeClass').length) {
            $('#featureTypeRadio1').prop('checked', true);
            filterInput = 0;

}

})

function filterReset(e) {
    // $(".custom-template").addClass("d-none");
    if (e == '') {
        Filter()
        initPagination()
    }
}

function Filter() {
    var searchInput = document.getElementById('searchValue').value;
    var searchDays = document.getElementById('searchDays').value;
    var palletNum = document.getElementById('palletSearch').value;
    var spaceNum = document.getElementById('spaceSearch').value;

if(searchInput == "" && searchDays == "" && palletNum == "")
    {
        filterInput = 1;
    }
    else
    {
        filterInput = 0;
    }

if(searchInput==""){
       searchInput="<?php echo $searchTerm ?>";
    //    console.log(searchInput);
    }
    var roleId=<?php echo $roleId ?>;
    jQuery.ajax({
        type: "POST",
        url: 'ajax.php',
        data: ({
            action: 'get_warehouses',
            feature_ids: featuresArray.toString(),
            storage_ids: storageArray.toString(),
            services_ids: servicesArray.toString(),
            deals_ids:productsArray.toString(),
            searchKey:searchInput,
            searchData:searchDays,
            palletData:palletNum,
            spaceData:spaceNum,
            minValue: 0,
            maxValue: 5,
            role_id:roleId,
            filterInput:filterInput
        }),
        success: function(data) {
            // console.log( JSON.parse(data))
            data = JSON.parse(data)
            jQuery('.table-width').html(data.warehoseData);
            // console.log(data.count);
            total_count = data.totalCount;
            page_count = Math.ceil(total_count / 5);
            $("#pagination-here").show()
            if (total_count == 0 && page_count == 0) {
                $("#pagination-here").hide()
            }
            initPagination()

}
    })
}
$(document).on('keypress', function(e) {
    if (e.which == 13) {
        Filter()
    }
});
// services checkboxes
$(document).ready(function() {
    $("#servicesTypeRadio1").click(function() {
        $(".servicesTypeClass").prop('checked', $(this).prop('checked'));
        filterInput = 0;
    });
    $('.servicesTypeClass').click(function() {
        if ($(this).prop('checked') == false) {
            $('#servicesTypeRadio1').prop('checked', false);
            filterInput = 1;
        }
        if ($('.servicesTypeClass:checked').length == $('.servicesTypeClass').length) {
            $('#servicesTypeRadio1').prop('checked', true);
            filterInput = 0;

}

})

//product deals checkboxes
$(document).ready(function () {
    $("#productDealsTypeRadio1").click(function () {
        $(".productsTypeClass").prop('checked', $(this).prop('checked'));
        filterInput = 0;
    });
    $('.productsTypeClass').click(function (){
    if($(this).prop('checked')==false){
        $('#productDealsTypeRadio1').prop('checked', false);
        filterInput = 1;
    }
   if($('.productsTypeClass:checked').length==$('.productsTypeClass').length){
    $('#productDealsTypeRadio1').prop('checked', true);
    filterInput = 0;

}

})
})
$(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');
            }
        });
    });

initPagination();

//page click action
   
    $('#pagination-here').on("page", function(event, num) {
        //show / hide content or pull via ajax etc
        // $("#content").html("Page " + num); 
        // alert(num);
        var searchParam;
        var roleId=<?php echo $roleId ?>;
        var searchInput = document.getElementById('searchValue').value;
        var searchDays = document.getElementById('searchDays').value;
        var palletNum = document.getElementById('palletSearch').value;
        var spaceNum = document.getElementById('spaceSearch').value;
        
        if(searchInput == "" && searchDays == "" && palletNum == "")
        {
            filterInput = 1;
        }
        else
        {
            filterInput = 0;
        }

if(searchInput!=''){
            searchParam=searchInput;
        }else if(searchTerm!=''){
            searchParam=searchTerm; 
        }else{
            searchParam='';
        }
        // console.log(searchTerm,"hello");
        // console.log(storageArray.toString(),"hai")
        var min = num * 5 - 5;
        jQuery.ajax({
            type: 'post',
            url: 'ajax.php',
            data: ({
                action: 'get_warehouses',
                feature_ids: featuresArray.toString(),
                storage_ids: storageArray.toString(),
                services_ids: servicesArray.toString(),
                deals_ids:productsArray.toString(),
                searchKey: searchParam,
                searchData:searchDays,
                palletData:palletNum,
                spaceData:spaceNum,
                minValue: min,
                maxValue: 5,
                role_id:roleId,
                filterInput:filterInput
            }),
            success: function(data1) {
                data1 = JSON.parse(data1)
                console.log(data1.warehoseData, 'data1')
                jQuery('.table-width').html(data1.warehoseData);
            }
        })
    });
});

//findwarehouse function
// function filterWareHouse(id){

$('.filterWareHouse').change(function() {
    if ($(".filterWareHouse:checked").length == 0) {
        featuresArray = []
        servicesArray = []
        storageArray = []
        productsArray = []
        Filter()
        initPagination()
    }
    if ($(this).hasClass('featuresTypeClass') || $(this).hasClass('featuresTypeClass1')) {
        if ($(this).prop('checked') == true && $(this).val() == 1) {
            featuresArray.push("'" + 1 + "'")
            $('.featuresTypeClass').each(function() {
                featuresArray.push("'" + $(this).val() + "'")
            })
        } else if ($(this).prop('checked') == false && $(this).val() == 1) {
            featuresArray = []
        } else if ($(this).prop('checked') == true) {
            featuresArray.push("'" + $(this).val() + "'")
        } else if ($(this).prop('checked') == false) {
            var indexVal = featuresArray.findIndex(element => {
                return element == "'" + $(this).val() + "'"
            })
            featuresArray.splice(indexVal, 1)
        }
        // console.log(featuresArray,"featuresArray")
    } else if ($(this).hasClass('servicesTypeClass') || $(this).hasClass('servicesTypeClass1')) {
        if ($(this).prop('checked') == true && $(this).val() == 1) {
            servicesArray.push("'" + 1 + "'")
            $('.servicesTypeClass').each(function() {
                servicesArray.push("'" + $(this).val() + "'")
            })
        } else if ($(this).prop('checked') == false && $(this).val() == 1) {
            servicesArray = []
        } else if ($(this).prop('checked') == true) {
            servicesArray.push("'" + $(this).val() + "'")
        } else if ($(this).prop('checked') == false) {
            var indexVal1 = servicesArray.findIndex(element => {
                return element == "'" + $(this).val() + "'"
            })
            servicesArray.splice(indexVal1, 1)
        }
        // console.log(servicesArray,"servicesArray123")

} else if ($(this).hasClass('storageTypeClass')) {
        if ($(this).prop('checked') == true) {
            storageArray.push("'" + $(this).val() + "'")

} else if ($(this).prop('checked') == false) {
            var indexVal1 = storageArray.findIndex(element => {
                return element == "'" + $(this).val() + "'"
            })
            storageArray.splice(indexVal1, 1)
        }
        // console.log(storageArray,"storageArray")
    }
    else if($(this).hasClass('productsTypeClass') || $(this).hasClass('productsTypeClass1')){
            if($(this).prop('checked')==true && $(this).val() ==1 ){
                // alert(productsArray);
                productsArray.push("'"+1+"'")
                $('.productsTypeClass').each(function () {
                    productsArray.push("'"+$(this).val()+"'")
                })
            }
            else if($(this).prop('checked')==false && $(this).val() ==1 ){
                productsArray=[]
            }
            else if($(this).prop('checked')==true ){
                productsArray.push("'"+$(this).val()+"'")
            }
            else if($(this).prop('checked')==false){
               var indexVal1= productsArray.findIndex(element=>{
                return element=="'"+$(this).val()+"'" 
               })
               productsArray.splice(indexVal1,1)
            }
            // alert(productsArray);
            console.log(productsArray,"productsArray")
        }

})

// $('.filterSearch').click(function(){

//   var searchInput= document.getElementById('searchValue').value;
//   jQuery.ajax({
//         type:"POST",
//         url:'ajax.php',
//         data:({action:'filterSearch',searchKey:searchInput}),
//         success:function(data){
//             jQuery('.table-width').html(data);
//         }
//     })
// })
// }
// $('.card-horizontal').click(function(){
//     window.open('warehouse_details.php',"_self");
// })

$('[data-star]').on('click', function(e) {
    e.preventDefault();
    $(this).addClass('select');
    $(this).prevAll('[data-star]').addClass('select');
    $(this).nextAll('[data-star]').removeClass('select');
    $(this).parent().find('input').val($(this).data('star'));
});
$('[data-star]').on('mouseover', function(e) {
    e.preventDefault();
    $(this).addClass('highlight');
    $(this).prevAll('[data-star]').addClass('highlight');
    $(this).nextAll('[data-star]').removeClass('highlight');
});
$('[data-star]').on('mouseout', function(e) {
    e.preventDefault();
    $(this).removeClass('highlight');
    $(this).prevAll('[data-star]').removeClass('highlight');
});

function getcity(country_id){
    jQuery.ajax({
        type: "POST",
        url: 'ajax.php',
        data: ({action:'get_cities',country_id:country_id}),
        success: function(data) {  
            jQuery('#city').html(data);  
        }  
    });         
}

$(document).ready(function() {
    $('.palletDetails').hide();
    $('.spaceDetails').hide();
});

$(document).on('click', '.stype2', function() {

if( $(".stype2").prop('checked') == true )
{
    $('.palletDetails').show();
}
else if($(".stype2").prop('checked') == false)
{
   $('.palletDetails').hide();
}

});

$(document).on('click', '.stype3',  function() {
if( $(".stype3").prop('checked') == true )
{
    $('.spaceDetails').show();
}
else if($(".stype3").prop('checked') == false )
{
    $('.spaceDetails').hide();
}
 
});

// function toDateFun()
//     {
//         if (document.getElementById("todatepicker").value == "" ) {
//             $('#todatepicker').datetimepicker({
//                 format: 'MM-DD-YYYY',
//                 minDate:new Date(),
//             })
//         } 
//     }
// $('#fromdatepicker').on('click',function(){
    
//     $('#fromdatepicker').datetimepicker({
        
//         format: 'MM-DD-YYYY',
//         minDate:new Date(),
//         }).on('dp.change',function(e){
//         $('.Fromdatereq').html('');
//         date =  moment($('#fromdatepicker').val(), 'MM-DD-YYYY')
//         $('#todatepicker').data("DateTimePicker").minDate(date);
//         $('#todatepicker').val('')
//     }); 
// })

// function fromDateFun()
    // {
    //     $('#fromdatepicker').datetimepicker({
    //         format: 'MM-DD-YYYY',
    //         minDate:new Date(),
    //     }).on('dp.change',function(){
    //         $(".Todatereq").html("")
    //     });
    // }

$(document).ready(function(){        
        $(function () {
            $('#fromdatepicker').datetimepicker({
                format:'MM-DD-YYYY',
                locale: 'en',
                minDate:new Date(),
            });
        })
    })

$(document).ready(function(){        
        $(function () {
            $('#todatepicker').datetimepicker({
                format: 'MM-DD-YYYY',
                minDate:new Date(),
                }).on('dp.change',function(e){
                $('.Fromdatereq').html('');
                date =  moment($('#fromdatepicker').val(), 'MM-DD-YYYY')
                $('#todatepicker').data("DateTimePicker").minDate(date);
                // $('#todatepicker').val('');
            });  
        })
    })
    $('.requestWareHouse').change(function (){
		if($(".requestWareHouse:checked").length == 0)
		{
            storageArray1 = []
            productDealArray1 = []
        }
        if($(this).hasClass('storageTypeClass1')){
            if($(this).prop('checked')==true){
                storageArray1.push("'"+$(this).val()+"'")
              
            }
            else if($(this).prop('checked')==false){
               var indexVal1= storageArray11.findIndex(element=>{
                return element=="'"+$(this).val()+"'"  
               })
               storageArray1.splice(indexVal1,1)
            }
            // console.log(storageArray,"storageArray")
        }

if($(this).hasClass('productsDealTypeClass') || $(this).hasClass('productsDealTypeClass')){
            if($(this).prop('checked')==true && $(this).val() ==1 ){
                productDealArray1.push("'"+1+"'")
                $('.productsDealTypeClass').each(function () {
                    productDealArray1.push("'"+$(this).val()+"'")
                })
            }
            else if($(this).prop('checked')==false && $(this).val() ==1 ){
                productDealArray1=[]
            }
            else if($(this).prop('checked')==true ){
                productDealArray1.push("'"+$(this).val()+"'")
            }
            else if($(this).prop('checked')==false){
               var indexVal1= productDealArray1.findIndex(element=>{
                return element=="'"+$(this).val()+"'" 
               })
               productDealArray1.splice(indexVal1,1)
            }
            // console.log(productDealArray,"productDealArray1")
            
        }
    })

//product deals checkboxes
 $(document).ready(function () {
        $("#productType1").click(function () {
            $(".productsDealTypeClass").prop('checked', $(this).prop('checked'));
        });
        $('.productsDealTypeClass').click(function (){
            if($(this).prop('checked')==false){
                $('#productType1').prop('checked', false)
            }
            if($('.productsDealTypeClass:checked').length==$('.productsDealTypeClass').length){
                $('#productType1').prop('checked', true)

}
        })
    })

</script>
</body>

</html>