JezK

Edit File: index.php

<?php
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);

include_once("app/checkSession.php");
include_once("app/adminObj.php");
$res=$customerObj->testimonial();
// echo "<pre>";
$testimage = "";
// print_r($res);exit;
if(!empty($res))
{
    $i = 0;
    foreach($res as $val)
    {
        if($i ==0)
        { 
            $active = "active"; 
        }
        else
        {
            $active = ""; 
        }

if($val['image'] != "")
        {
            $image = '<img src="uploads/testimonial_images/'.$val["image"].'" alt="image1" class="testImage">';
        }
        else
        {
            $image = '<img src="images/Home_Croppings/testmonial.png" alt="Avatar">';
        }
        $testimage .= '<div class="item '.$active.'">
                        <div class="d-md-flex ">
                            <div class="col-md-3">
                                '.$image.'
                            </div>
                            <div class="p-5 col-md-10">
                                <h3 class="tm-h">'.$val['user_name'].'</h3>
                                <p class="tm-sh">'.$val['message'].'</p> 
                                <p class="tm-sh">
                            </div>
                        </div>
                    </div>';
        $i++;
    }
}
$topWarehouses=$customerObj->getTopWarehouses();
//  echo "<pre>";
//  print_r($res);
$topWarehousesHTML = "";
$topWarehousesCls = ""; 
if(count($topWarehouses) < 1)
{
	$topWarehousesCls = "d-none";	
}
foreach($topWarehouses as $warehouse)
{   
    if(isset($warehouse['warehouse_img']) && isset($warehouse['warehouse_img'])!=''){
        $warehouseImgTag='<img src="uploads/warehouse_imgs/'.$warehouse['warehouse_img'].'">';
    }else{
        $warehouseImgTag='<img src="pictures/img1.png">';

}
    
    $ratingHtml='';
    if(isset($warehouse['rating'])){
        $rating=round($warehouse['rating']);

$select="";
       $selected=''; 
       $ratedStars='';  
       if($rating>0){
           for($i=1;$i<=$rating;$i++){
               $select="select";
               $selected='selected';   
           $ratedStars.='<button class="et-app-rating-star '.$select.'" data-star="1">
           <i class="fa fa-star-o" aria-hidden="true"></i>
           <i class="fa fa-star '.$selected.'" aria-hidden="true"></i>
           <span class="et-app-sr">Rating: 1 star</span>
           </button>';
       
       }
       for($j=1;$j<=(5-$rating);$j++){

$ratedStars.='<button class="et-app-rating-star " data-star="1">
           <i class="fa fa-star-o" aria-hidden="true"></i>
           <span class="et-app-sr">Rating: 1 star</span>
           </button>'; 
       }
       }
   }
	$topWarehousesHTML .= '<div class=" item mx-3">
                                <div class="card topware">
                                    <a href="topwarehouseDetails.php?id='.$warehouse['warehouse_id'].'">
                                        <div class="card-body">
                                            <div class="col-md-8 pb-3 top_img">
                                                 '.$warehouseImgTag.'
                                            </div>
                                            <div class="col-md-4 padalign">
                                            <div class="row justify-content-end">
                                                    <h6 class="text-dark  text-capitalize mr-5"><b>'.$warehouse['package_name'].'</b></h6>
                                                </div>
                                                <div class="row justify-content-between">
                                                    <h5 class="text-dark  text-capitalize warehouseName" title="'.$warehouse['warehouse_name'].'">'.$warehouse['warehouse_name'].'</h5>
                                                </div>

<div class="row warehouse-icons my-5">
                                                    <ul>
                                                        <li class="pl-1"><img src="images/Home_Croppings/icon_1.png"
                                                                class="sec-warehouse"></li>
                                                        <li class="pl-1"><img src="images/Home_Croppings/icon_2.png"
                                                                class="sec-warehouse"></li>
                                                        <li class="pl-1"><img src="images/Home_Croppings/icon_3.png"
                                                                class="sec-warehouse"></li>
                                                        <li class="pl-1"><img src="images/Home_Croppings/icon_4.png"
                                                                class="sec-warehouse"></li>
                                                    </ul>
                                                </div>
                                           
                                            <div class="et-app-rating-stars" >
                                                <input type="hidden" value='.$rating.'>
                                                '.$ratedStars.'
                                            </div>
                                                
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </div>';
}

// <div class="star-rating mt-5">
// <input type="radio" id="5-stars" name="rating" value="5" />
// <label for="5-stars" class="star">&#9733;</label>
// <input type="radio" id="4-stars" name="rating" value="4" />
// <label for="4-stars" class="star">&#9733;</label>
// <input type="radio" id="3-stars" name="rating" value="3" checked/>
// <label for="3-stars" class="star">&#9733;</label>
// <input type="radio" id="2-stars" name="rating" value="2" checked />
// <label for="2-stars" class="star">&#9733;</label>
// <input type="radio" id="1-star" name="rating" value="1"  checked />
// <label for="1-star" class="star">&#9733;</label>
// </div>
//~ exit;
?>
<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Uflexit</title>
    <meta name="description" content="Uflexit">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="apple-touch-icon" href="apple-icon.png">
    
    <link rel="icon" href="images/fav.png" type="image/gif" sizes="16x16">
    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="css/nice-select.css" type="text/css">
    <link rel="stylesheet" href="css/font-awesome.min.css" type="text/css">
    <link rel="stylesheet" href="css/style.css" type="text/css">
    <link rel="stylesheet" href="css/header.css" type="text/css">
    <link rel="stylesheet" href="css/index.css?x=2" type="text/css">
    <link rel="stylesheet" href="css/bootstrap-datetimepicker.min.css" type="text/css">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.theme.min.css">
    <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.js">
    </script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"> </script>
    <script src="js/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/css/bootstrap-datepicker.css"
        rel="stylesheet">
    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.js"></script>

<?php
   $page =basename($_SERVER['PHP_SELF']);
	$home_act = $ware_act = "";
	$home_image = "images/Home_Croppings/Home.png";
   	$ware_image = "images/Home_Croppings/Warehouses.png";
   
   
if($page == "index.php")
{
	$home_act = "active";
	$home_image ="images/Home_Croppings/Home_Selected.png";
}
   
 if($page == "warehouse-list.php"){
	$ware_act = "active";
	$ware_image ="images/Home_Croppings/Warehouses_selected.png";
}
   ?>
    <style>
    .top_img img{
    height:150px;
    }
    input#email {
        padding-left: 55px !important;
    }

.active .menu-items {
        color: #077ef4;
        font-weight: bold;
    }

select {
        display: none;
    }

.form-control {
        margin: 0;
    }

.carousel-control {
        top: -60px !important;
    }

.star-rating {
        /*   border:solid 1px #ccc; */
        display: flex;
        flex-direction: row-reverse;
        font-size: 20px;
        justify-content: space-around;
        /*   padding:0 .2em; */
        text-align: center;
        /*   width:5em; */
    }

.star-rating input {
        display: none;
    }

.star-rating label {
        color: #ccc;
        cursor: pointer;
    }

.star-rating :checked~label {
        color: #f90;
    }

.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;
        margin-left: -15px;
        margin-bottom: 8px;
        margin-top: -15px;
    }

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

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

.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 */
    }

.select:after {
        background: unset;
    }

.fa-star-o:before {
        color: #ccc;
    }
    .option{
    text-transform: capitalize;
    }
    
.contain {
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}

.item {
  align-items: center;
  
}

.warehouseName{
    font-size:18px;
    white-space: nowrap; 
    width: 100%; 
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (min-width: 768px) and (max-width: 1023px){
    body{
       display: unset;
       
    }
}
.testImage
{
    border-radius: 40px;
    height:206px;
    width:169px;
}
    </style>
</head>

<body>
    
    <section id="main">
        <div class="container">
            <nav class="navbar navbar-expand-sm navbar-light nav px-md-5 custom-nav" style=" border-radius: 0px 0px 12px 12px;">
                <button class="navbar-toggler " type="button" data-toggle="collapse" data-target="#navbarNav"
                    aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="col-md-4 mobile-logo-block">
                        <a class="nav-link system-logo" href="index.php"><img src="images/Home_Croppings/uflexitlogo.png"> <span
                                class="sr-only">(current)</span></a>
                                <a class="nav-link mobile-logo" href="index.php"><img src="images/mobile_logo.png"> <span
                                class="sr-only">(current)</span></a>

</div>
                <div class="collapse navbar-collapse row" id="navbarNav">
                    
                    
                    <div class="col-md-4   mt-4">
                        <ul class="navbar-nav">
                            <li class="nav-item <?php echo $home_act;?>">
                                <a class="nav-link d-flex text-center home-icon" href="index.php">
                                    <div> <img class="pr-2 home-icon-img" src="<?php echo $home_image ;?>"> </div>
                                    <div class="menu-items hometext"> Home</div>
                                </a>
                            </li>
                            <li class="nav-item  pl-md-3 <?php echo $ware_act;?>">
                                
                                <a class="nav-link d-flex text-center warehouse-icon" href="warehouse-list.php">

<div> <img class="pr-2 warehouse-icon-img" src="<?php echo $ware_image ;?>"></div>
                                    <div class="menu-items">Warehouses</div>
                                </a>
                            </li>
                        </ul>
                    </div>

<div class="col-md-4  logindiv">
                        <ul class="navbar-nav ml-5 ">
                           <?php 
                           if(isset($_SESSION) && isset($_SESSION['customer_email']) && $_SESSION['customer_email']!='')
                           {
                        ?>
                            <li class="nav-item">
                                <a class="nav-link lr-styl py-0" href="warehouse.php">Hi:
                                    <?php echo substr($_SESSION['customer_name'],0,5)."..";?></a>
                            </li>
                            <li>
                                <div class="vl border-line" style="margin-top: 5px !important;">|</div>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link lr-styl py-0" href="logout.php">Logout</a>
                            </li>
                            <?php } else if(isset($_SESSION) && isset($_SESSION['email']) && $_SESSION['email']!='')
                            {
                            ?>
                            <li class="nav-item">
                                <a class="nav-link lr-styl py-0" href="warehouse_admin/dashboard.php">Hi:
                                    <?php echo substr($_SESSION['name'],0,5)."..";?></a>
                            </li>
                            <li>
                                <div class="vl border-line" style="margin-top: 5px !important;">|</div>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link lr-styl py-0" href="logout.php">Logout</a>
                            </li>
                            <?php } else {?>
                            <li class="nav-item ">
                                <a class="nav-link lr-styl py-0">Login
                                    <img class="image" src="images/Home_Croppings/dropdown_A.png"
                                        style="margin-bottom: 6px;"></a>
                                <ul class="li-dropdown dropdown-menu">
                                    <li><a href="owner_login.php">Warehouse Login</a></li>
                                    <li><a href="login.php">Customer Login</a></li>
                                </ul>
                            </li>
                            <li>
                                <div class="vl border-line" style="margin-top: 5px !important;">|</div>
                            </li>
                            
                            <li class="nav-item">
                                <a class="nav-link lr-styl py-0">Register
                                    <img class="image" src="images/Home_Croppings/dropdown_A.png"
                                        style="margin-bottom: 6px;"></a>
                                <ul class="li-dropdown dropdown-menu menu-right">
                                    <li><a href="owner_registration.php">Warehouse Registration</a></li>
                                    <li><a href="registration.php">Customer Registration</a></li>
                                </ul>
                            </li>
                            <?php }?>
                        </ul>
                        
                        
                    </div>
            </nav>
            <div class="container row pb-5">
                <div class="col-md-7 pb-3" style=" display: flex; flex-direction: column-reverse;">
                    <div class="px-5">
                        <h3 class="text-light hero-ht">FIND A WAREHOUSE RIGHT NOW</h3>
                        <h3 class="text-light hero-st">Capacity When, Where and How,You Need It.</h3>
                    </div>
                </div>
                <div class="col-md-5">
                    <form action="warehouse-list.php" method="post">
                        <div class="form-group search mb-0">
                            <span class="select-icon"><img src="images/Home_Croppings/Location.png"></span>
                          <select name="country_id" class="selectpicker form-control ml-2" data-live-search="true"
                                id="country" onchange="getcity(this.value);">
                            
                                <option value="">Country</option>
                                <?php $clist = $customerObj->getCountryList(); foreach($clist as $cl){?>
                                <option class="blueText text-capitalize" value="<?php echo $cl['country_id'];?>">
                                    <?php echo $cl['display_name'];?></option>
                                   
                                <?php } ?>
                            </select>
                        
                        
                                                       
                        </div>
                        <div class="form-group search mb-0">
                            <span class="select-icon "><img src="images/Home_Croppings/city.png" ></span>
                            <select name="warehouse_city" class="selectpicker form-control ml-2" data-live-search="true"
                                id="city">
                                <option value="">City</option>
                            </select>
                        </div>
                        <!-- <div class="form-group search1 mb-0">
                            
                            <span class="select-icon"><img src="images/Home_Croppings/date.png"></span>
                            <input name="date" type="text" class="form-control datepicker" id="datepicker"
                                placeholder="when do you want">

</div> -->
                        
                        <div class="form-group  search mb-0">
                            
                            <span class="select-icon"><img src="images/Home_Croppings/space.png"></span>
                            <select name="storageType" class="selectpicker form-control" data-live-search="true" id="space">
                                <option value="">Type of Space</option>
                                <option value="2">Pallet</option>
                                <option value="3">Space</option>
                            </select>
                        </div>
                        <div class="form-group">

</div>
                    </form>
                    <script type="text/javascript">
                    function check_search() {
                        /*alert($('#country').val());
                        alert($('#datepicker').val());
                        alert($('#age_property').val());
                        alert($('#space').val());*/
                        var added = 0;
                        if ($('#country').val() && $('#country').val() != '') {
                            var added = 1;
                        }
                        if ($('#datepicker').val() && $('#datepicker').val() != '') {

/*if($('#country').val() != '' || $('#datepicker').val() != '' || $('#age_property').val() != '' || $('#space').val() != '' ){
                              return true;
                        } else {
                          alert("Please select any search data");
                              $('#country').focus();
                              return false;
                        }*/

//$('#password').focus();

return false;
                    }
                    </script>
                </div>
            </div>
        </div>
    </section>
    
    <!-- <section class="topWareHouse <?php echo $topWarehousesCls; ?>" style="background-color:#F2F1F7;">
        <h3 class="text-center pt-5 h-ms" style="color:#2441B5;">Top Warehouses</h3>
        <div class=" container-fluid w-100" style="max-width:100%;">
            <div class=" mt-3 d-none1  contain" style="">
				<div class="owl-carousel owl-theme " id="topWarehouses">
					 <?php echo $topWarehousesHTML; ?>

</div>
               
            </div>
        </div>
    </section> -->

<section class="topWareHouse <?php echo $topWarehousesCls; ?>" style="background-color:#F2F1F7;">
        <h3 class="text-center pt-5 h-ms" style="color:#2441B5;">What Is On-Demand Warehousing?</h3>
        <div class=" container-fluid w-100" style="max-width:100%;">
            <div class=" mt-3 d-none1  contain" style="">
					<p class="text-custom">On-demand warehousing is the ability to access warehousing services as and when required without the need for long term commitments</p> 
                    <p class="text-custom">On-demand warehousing allows customers to access shared warehousing and logistics services on a pay-per-use basis</p>
               
            </div>
        </div>
    </section>
    
    <section class="locations my-5">
        <h3 class="text-center pt-5 h-ms" style="color:#2441B5;">Locations</h3>
        <div class=" container text-center">
            <div class="row my-5" style="padding:0px 60px;">
                
                <div class="col-md-4 text-center">
                    
                    <img src="images/Home_Croppings/img_4.png" style=" border-radius:12px; width:100%"
                        class=" justify-content-center">
                    
                    <h3 class="text-center">Jordan</h3>
                </div>
                <div class="col-md-4 text-center">
                    
                    <img src="images/Home_Croppings/img_5.png" style=" border-radius:12px;width:100%">
                    
                    <h3 class="text-center">Saudi Arabia</h3>
                </div>
                <div class="col-md-4 text-center ">
                    
                    <img src="images/Home_Croppings/img_6.png" style="border-radius:12px 12px 12px 12px;width:100%">
                    
                    <h3 class="text-center">UAE</h3>
                </div>
                
            </div>
        </div>
    </section>
    
    <section class="lease pt-3 my-5">
        <h4 class="text-center my-5 h-ms" style="color:#2441B5;">How to get warehouses for lease</h4>

<div class="container my-5">
            <div class="equalHMWrap eqWrap">
                <div class="equalHMR eq mx-2 p-3">
                    <div class="d-flex">
                        <div class="align-c"><img src="images/Home_Croppings/explore_warehouse.png"
                                style="width: 100%;height: max-content;"></div>
                        <div class="text col-md-9 pt-3">
                            <h6>Explore Warehouses</h6>
                            <p style="font-size:12px;">Explore Warehouses in our network and select the warehouse that cover your need</p>
                        </div>
                    </div>
                </div>
                <div class="equalHMR eq mx-2 p-3">
                    <div class="d-flex">
                        <div class="align-c"><img src="images/Home_Croppings/book_offline.png"
                                style="width: 100%;height: max-content;"></div>
                        <div class="text col-md-9 pt-3">
                            <h6>Book offline</h6>
                            <p style="font-size:12px;">Request quote and don’t worry, warehouse will response withing 48 hours</p>
                        </div>
                    </div>
                </div>
                <div class="equalHMR eq mx-2 p-3">
                    <div class="d-flex">
                        <div class="align-c"><img src="images/Home_Croppings/book-online.png"
                                style="width: 100%;height: max-content;"></div>
                        <div class="text col-md-9 pt-3">
                            <h6>Book offline</h6>
                            <p style="font-size:12px;">Accept the quote and congratulation, you got the best price to store your products</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

</section>

    <section class="topWareHouse <?php echo $topWarehousesCls; ?> pb-5" style="background-color:#F2F1F7;">
        <h3 class="text-center pt-5 h-ms" style="color:#2441B5;">Why Uflexit?</h3>
        <div class=" container-fluid w-100" style="max-width:100%;">
               
            <div class=" mt-3  d-none1 px-3 contain " style="">
            <div class="row">
                    
                     <div class="col-md-6 text-right">
                     <img src="./images/rectangle.png">
                     </div>
                     <div class="col-md-6 py-4">
                     <div class="py-3"><span><img src="./images/group.png"></span><span class="px-2 custom-tag">One Platform</span></div>
                     <div class="py-3"><span><img src="./images/group.png"></span><span class="px-2 custom-tag">Dedicated and experienced team</span></div> 
                     <div class="py-3"><span><img src="./images/group.png"></span><span class="px-2 custom-tag">More flexible and Secure product</span></div> 
                     <div class="py-3"><span><img src="./images/group.png"></span><span class="px-2 custom-tag">Continues Improvement</span></div> 
                     <div class="py-3"><span><img src="./images/group.png"></span><span class="px-2 custom-tag">Our network will never run out of space</span></div> 
                     <div class="py-3"><span><img src="./images/group.png"></span><span class="px-2 custom-tag">Quick response within 48 Hours</span></div> 
                     <div class="py-3"><span><img src="./images/group.png"></span><span class="px-2 custom-tag">Easy data access through reports and dashboards</span></div>
                     </div>
                </div>	
               
            </div>
        </div>
    </section>
    
    <section class="testimonals">
        <div class="w-100">
            <h3 class="mt-4 text-center h-ms">Testimonials</h3>
            <div id="myCarousel" class="carousel slide mt-5" data-ride="carousel">

<div class="tm-bg">
                    <div class="container carousel-inner w-md-70 px-md-5">
                        <?php echo $testimage; ?>

</div>
                </div>

<a class="left carousel-control" href="#myCarousel" data-slide="prev">
                    <span><img src="images\Home_Croppings\left.png"></span>

<span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#myCarousel" data-slide="next">
                    <span>
                        <img src="images\Home_Croppings\right.png">
                    </span>
                    
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>

</section>

<section class=" subscribe  py-5">
        <div id="subscription_area">
            <div class="container py-5">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="subscribe_now">
                            
                            <p>Sign up and we’ll send you best deals to you  - Get in touch</p>
                            <form class="subscribe_form">
                                <div class="input-group">
                                    <img class="mail_envlope" src="images/Home_Croppings/mail.png">
                                    <input type="text" class="form-control" name="email" id="email"
                                        placeholder="Enter your email"
                                        onchange="return checksubscribeemailExistsorNot(this.value,'1')">
                                    <span class="input-group-btn">
                                        <button class="btn btn-default" type="button"
                                            onclick="return newsletter_subcribe();">subscribe</button>
                                    </span>
                                </div>
                                <div class="error email_error"></div>
                                <div class="succes email_success"></div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

<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="custom-text"><a href="index.php">Home</a></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="custom-text"><a href="warehouse-list.php">Warehouse</a></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">For any support, please contact us on</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>

// });
    $(document).ready(function() {
        $('#country, #city, #space').niceSelect();
        $('.current').addClass('ml-2')
        $('.nice-select').addClass('ml-2')
    });
    // $(".home-icon").mouseover(function(){
    //    $('.home-icon-img').attr('src', 'images/Home_Croppings/Home_Selected.png');
    // }).mouseout(function(){
    //    $('.home-icon-img').attr('src', 'images/Home_Croppings/Home.png');
    // });
    $(".warehouse-icon").mouseover(function() {
        $('.warehouse-icon-img').attr('src', 'images/Home_Croppings/Warehouses_selected.png');
    }).mouseout(function() {
        $('.warehouse-icon-img').attr('src', 'images/Home_Croppings/Warehouses.png');
    });
    // $('[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) {
        //alert(country_id);
        // var state_v = $("#states option:selected").val();
        // alert(state_v);

jQuery.ajax({
            type: "POST",
            url: 'ajax.php',
            data: ({
                action: 'get_cities_list',
                country_id: country_id
            }),
            success: function(data) {
                // alert() 
                console.log(data)
                jQuery('#city').html(data);
                jQuery('#city').niceSelect('update');
            }
        });

}

// $(window).on('load', function (){

//  $("#topWarehouses").owlCarousel({
// 		loop: true,
// 		margin: 30,
// 		dots: true,
// 		nav: true,
// 		items: 3,
// 		autoPlay: true,
// 		autoplayTimeout:1000,
		
// 	});
// });
    </script>
    <script type="text/javascript" src="js/validations.js"></script>
</body>

</html>