<!DOCTYPE html>
<html lang="zxx">

<head>
    <?php include("head.php"); ?>
    <?php include("module/service.php"); ?>
    <script src="filter/js/jquery-ui.js"></script>
 <link href = "filter/css/jquery-ui.css" rel = "stylesheet">
  <link href="filter/css/style.css" rel="stylesheet">
</head>

<body class="blue-skin">
    <!-- ============================================================== -->
    <!-- Preloader - style you can find in spinners.css -->
    <!-- ============================================================== -->
    <div id="preloader">
        <div class="preloader"><span></span><span></span></div>
    </div>

    <!-- ============================================================== -->
    <!-- Main wrapper - style you can find in pages.scss -->
    <!-- ============================================================== -->
    <div id="main-wrapper">

        <!-- ============================================================== -->
        <!-- Top header  -->
        <!-- ============================================================== -->
        <!-- Start Navigation -->
        <?php include("header1.php"); ?>
        <!-- End Navigation -->
        <div class="clearfix"></div>
        <!-- ============================================================== -->
        <!-- Top header  -->
        <!-- ============================================================== -->


        <!-- ============================ Page Title Start================================== -->
        <div class="page-title">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 col-md-12">

                        <h2 class="ipt-title">Property List</h2>
                        <span class="ipn-subtitle">Property List With Sidebar</span>

                    </div>
                </div>
            </div>
        </div>



        <!-- ============================ All Property ================================== -->
        <section class="bg-light">

            <div class="container">
                <div class="row">
                    <div class="col-lg-12 col-md-12">
                        <div class="filter_search_opt">
                            <a href="javascript:void(0);" onclick="openFilterSearch()">Search Property<i
                                    class="ml-2 ti-menu"></i></a>
                        </div>
                    </div>
                </div>
                <div class="row">

                    <!-- property Sidebar -->
                    <div class="col-lg-4 col-md-4 col-sm-12">
                        <div class="simple-sidebar sm-sidebar" id="filter_search" style="left:0;">

                            <div class="search-sidebar_header">
                                <h4 class="ssh_heading">Close Filter</h4>
                                <button onclick="closeFilterSearch()" class="w3-bar-item w3-button w3-large"><i
                                        class="ti-close"></i></button>
                            </div>

                            <!-- Find New Property -->
                            <div class="sidebar-widgets">

                                <div class="search-inner p-0">

                            


                                    <div class="single_search_boxed list-group">
                                        <h3>Price</h3>
                                        <input type="hidden" id="hidden_minimum_price" value="0" />
                                        <input type="hidden" id="hidden_maximum_price" value="1000000" />
                                        <p id="price_show">0 - 10,00,000</p>
                                        <div id="price_range"></div>
                                    </div>
                                    <div class="single_search_boxed list-group">
                                        <h3>No. of Bedrooms</h3>
                                        <div style="">
                                            <?php

                                                $query = "SELECT DISTINCT(id),destination_type_name FROM cnf_mst_bedroom_type WHERE transaction_status = '1' ORDER BY id DESC";
                                                $statement = $con->prepare($query);
                                                $statement->execute();
                                                $result = $statement->fetchAll();
                                                foreach($result as $row)
                                                {
                                                ?>
                                            <div class="list-group-item checkbox">
                                                <label><input type="checkbox" class="common_selector bedrooms"
                                                        value="<?php echo $row['id']; ?>">
                                                    <?php echo $row['destination_type_name']; ?></label>
                                            </div>
                                            <?php
                                                    }

                                                    ?>
                                        </div>
                                    </div>

                                    <div class="single_search_boxed list-group">
                                        <h3>Type of property</h3>
                                        <?php

                                            $query = "
                                            SELECT DISTINCT(service_category_name),pk_service_category_code FROM cnf_mst_service_category WHERE transaction_status = '1' ORDER BY service_category_name ASC
                                            ";
                                            $statement = $con->prepare($query);
                                            $statement->execute();
                                            $result = $statement->fetchAll();
                                            foreach($result as $row)
                                            {
                                            ?>
                                        <div class="list-group-item checkbox">
                                            <label><input type="checkbox" class="common_selector ram"
                                                    value="<?php echo $row['pk_service_category_code']; ?>">
                                                <?php echo $row['service_category_name']; ?> </label>
                                        </div>
                                                                    <?php    
                                                }

                                                ?>
                                    </div>

                                    <div class="single_search_boxed list-group">
                                        <h3>Area</h3>
                                       
                                        <div class="list-group-item checkbox">
                                           
                                            <select name="" id="areaunit" class="common_selector areaunit">
                                        <?php
                                        $query = "
                                        SELECT DISTINCT(area_unit_name),id  FROM area_unit WHERE transaction_status = '1' ORDER BY id ASC
                                        ";
                                        $statement = $con->prepare($query);
                                        $statement->execute();
                                        $result = $statement->fetchAll();
                                        foreach($result as $row)
                                        {
                                        ?>
                                        
                                           
                                                <option value="<?php echo $row['id']; ?>"><?php echo $row['area_unit_name']; ?></option>
                                            
                                             
                                       
                                        <?php
                                            }
                                            ?>
                                            </select>  
                                           
                                            <!-- <h3>Units</h3> -->
                                        <input type="hidden" id="hidden_minimum_area" value="0" />
                                        <input type="hidden" id="hidden_maximum_area" value="4000" />
                                        <p id="area_show">0 - 4000</p>
                                        <div id="area_range"></div>
                                        </div>
                                    </div>
                                    <div class="single_search_boxed list-group">
                                        <h3>Amenities</h3>
                                        <?php

                                            $query = "
                                            SELECT DISTINCT(aminity_name),id FROM aminity WHERE transaction_status = '1' ORDER BY aminity_name ASC
                                            ";
                                            $statement = $con->prepare($query);
                                            $statement->execute();
                                            $result = $statement->fetchAll();
                                            foreach($result as $row)
                                            {
                                            ?>
                                        <div class="list-group-item checkbox">
                                            <label><input type="checkbox" class="common_selector aminity"
                                                    value="<?php echo $row['id']; ?>">
                                                <?php echo $row['aminity_name']; ?> </label>
                                        </div>
                                                                    <?php    
                                                }

                                                ?>
                                    </div>
                                   
                                </div>
                            </div>
                        </div>
                        <!-- Sidebar End -->

                    </div>

                    <div class="col-lg-8 col-md-12 col-sm-12">
                        <div class="row filter_data">

                        </div>

                    </div>
                </div>
            </div>
        </section>
        <!-- ============================ Call To Action ================================== -->
        <section class="theme-bg call-to-act-wrap">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">

                        <div class="call-to-act">
                            <div class="call-to-act-head">
                                <h3>Want to Become a Real Estate Agent?</h3>
                                <span>We'll help you to grow your career and growth.</span>
                            </div>
                            <a href="#" class="btn btn-call-to-act">SignUp Today</a>
                        </div>

                    </div>
                </div>
            </div>
        </section>
        <!-- ============================ Call To Action End ================================== -->

        <!-- ============================ Footer Start ================================== -->
        <?php include("footer.php"); ?>

        <a id="back2Top" class="top-scroll" title="Back to top" href="#"><i class="ti-arrow-up"></i></a>


    </div>
    <!-- ============================================================== -->
    <!-- End Wrapper -->
    <!-- ============================================================== -->

    <!-- ============================================================== -->
    <!-- All Jquery -->
    <!-- ============================================================== -->
    <?php include("foot.php"); ?>
    <!-- ============================================================== -->
    <!-- This page plugins -->
    <!-- ============================================================== -->

    <script>
    function openFilterSearch() {
        document.getElementById("filter_search").style.display = "block";
    }

    function closeFilterSearch() {
        document.getElementById("filter_search").style.display = "none";
    }
    </script>
    <script src="filter/js/filter.js"></script>

</body>

</html>