%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/ugotscom/public_html/boniface/application/modules/Listing/views/
Upload File :
Create Path :
Current File : /home/ugotscom/public_html/boniface/application/modules/Listing/views/listing.php

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

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Boniface</title>
    <!-- Bootstrap -->
    <link href="<?php echo base_url().'assets/';?>css/bootstrap.min.css" rel="stylesheet">
    <link href="<?php echo base_url().'assets/';?>css/main.css" rel="stylesheet">
    <!-- Style CSS -->
    <link href="<?php echo base_url().'assets/';?>css/style2.css" rel="stylesheet">
    <link href="<?php echo base_url().'assets/';?>css/style.css" rel="stylesheet">
     <link href = "https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css" rel = "stylesheet">
    <!-- Google Fonts -->
    <link href="<?php echo base_url().'assets/';?>https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
    <!-- FontAwesome icon -->
    <link href="<?php echo base_url().'assets/';?>fontawesome/css/fontawesome-all.css" rel="stylesheet">
    <!-- Fontello icon -->
    <link href="<?php echo base_url().'assets/';?>fontello/css/fontello.css" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
      
 <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
   <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
 
<style>
#loading
{
 text-align:center; 
 background: url('<?php echo base_url(); ?>asset/images/loader.gif') no-repeat center; 
 height: 150px;
}
</style>
</head>

<body>
    <!-- header-top -->
 <header id="header2">
    <div class="container">

      <div id="logo" class="pull-left">
      
       <a href="<?php echo base_url();?>"> <img src="<?php echo base_url().'assets/';?>img/logo2.png"></a>
        <!-- Uncomment below if you prefer to use an image logo -->
        <!-- <a href="<?php echo base_url().'assets/';?>#intro"><img src="<?php echo base_url().'assets/';?>img/logo.png" alt="" title="" /></a>-->
      </div>

      <nav id="nav-menu-container">
        <ul class="nav-menu">
          <li class="menu-active"><a href="<?php echo base_url();?>">Home</a></li>
          <li><a href="<?php echo base_url().'assets/';?>#about">About Us</a></li>
          <li><a href="<?php echo base_url().'assets/';?>#services">Tour Packages</a>
              <ul>
              <li><a href="<?php echo base_url().'assets/';?>#">International Packages</a></li>
              <li><a href="<?php echo base_url().'assets/';?>#">Domestic Packages</a></li>
              </ul>

          </li>
          <li><a href="<?php echo base_url().'assets/';?>#portfolio">Blog</a></li>
          <li><a href="<?php echo base_url().'assets/';?>#team">Contact Us</a></li>
    
        </ul>
      </nav><!-- #nav-menu-container -->
    </div>
  </header><!-- #header -->
    <!--/.header-top -->
    <!-- header -->
   
    <!-- page-header -->
    <div class="page-headers">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-md-offset-0 s014 listingsearch">
                   <form class="form-inline" method="post" action="<?=base_url()?>Listing/search">
   
        <div class="inner-form">
          <div class="left">
            <div class="input-wrap first">
              <div class="input-field first">
               
                 <input type="text" id="speciality" name="speciality" placeholder="Starting From" required>
                      <input type="hidden" id="speciality_id" name="speciality_id">
              </div>
            </div>
            <div class="input-wrap second">
              <div class="input-field second">
               
                <input type="text" id="city" name="city" placeholder="Going to" required>
                      <input type="hidden" id="city_id" name="city_id">
              </div>
            </div>
          </div>
          <button class="btn-search" type="submit">SEARCH</button>
        </div>
      </form>
                </div>
            </div>
        </div>
    </div>

        <div class="container">
            <div class="row">
                 <!-- sidebar-section -->
                <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12">
                 <div class="list-group">
     <h3>Price</h3>
     <input type="hidden" id="hidden_minimum_price" value="0" />
                    <input type="hidden" id="hidden_maximum_price" value="65000" />
                    <p id="price_show">1000 - 65000</p>
                     <div id="price_range"></div>
                </div>    
                <div class="list-group">
     <h3>Activities</h3>
     <?php
                    foreach($brand_data->result_array() as $row)
                    {
                    ?>
                    <div class="list-group-item checkbox">
                        <label><input type="checkbox" class="common_selector brand" value="<?php echo $row['themes']; ?>"  > <?php echo $row['themes']; ?></label>
                    </div>
                    <?php
                    }
                    ?>
                </div>

    <!-- <div class="list-group">
     <h3>Hotel Category</h3>
     <?php
                    foreach($ram_data->result_array() as $row)
                    {
                    ?>
                    <div class="list-group-item checkbox">
                        <label><input type="checkbox" class="common_selector ram" value="<?php echo $row['hotel_category']; ?>" > <?php echo $row['hotel_category']; ?> Star</label>
                    </div>
                    <?php
                    }
                    ?> 
                </div> -->

                </div>
                <!-- /.sidebar-section -->
                <div class="col-xl-9 col-lg-9 col-md-9 col-sm-12 col-12">
                          <?=$city?>
    <br />
 
                <div class="filter_data">

                </div>
                
               
                 
                </div>
               
            </div>
            <!-- paginations -->
    
            <!-- /.paginations -->
        </div>
    </div>
    <!-- social-media-section -->
    <div class="social-media-block">
        <div class="container">
            <div class="row">
                <div class="col-xl-7 col-lg-7 col-md-6 col-sm-12 col-12">
                    <h3 class="text-white mb0 mt10">Would you like to connect with us</h3>
                </div>
                <div class="col-xl-5 col-lg-5 col-md-6 col-sm-12 col-12 text-right">
                    <div class="social-icons">
                        <a href="<?php echo base_url().'assets/';?>#" class="icon-square"><i class="fab fa-facebook-f"></i></a>
                        <a href="<?php echo base_url().'assets/';?>#" class="icon-square"><i class="fab fa-twitter"></i> </a>
                        <a href="<?php echo base_url().'assets/';?>#" class="icon-square"><i class="fab fa-google-plus-g"></i></a>
                        <a href="<?php echo base_url().'assets/';?>#" class="icon-square"><i class="fab fa-instagram"></i></a>
                        <a href="<?php echo base_url().'assets/';?>#" class="icon-square"><i class="fab fa-youtube"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /.social-media-section -->
    <!-- footer-section -->
    <div class="footer">
        <div class="container">
            <div class="row">
                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12">
                    <!-- footer-widget -->
                               <div class="footer-widget">
                        <h3 class="widget-title">
                           About Us
                        </h3>
                        <ul class="listnone">
<li><a href="">Flight Booking</a></li>
<li><a href="">Holiday Booking</a></li>
<li><a href="">Hotel Booking</a></li>
<li><a href="">Bus Booking</a></li>
<li><a href="">Visa Bookking</a></li>

                        </ul>
                    </div>
                </div>
                <!-- /.footer-widget -->
                <!-- footer-widget -->
                <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6 col-12">
                                    <div class="footer-widget">
                        <h3 class="widget-title">
                            Domestic Tours
                        </h3>
                        <ul class="listnone">
<li><a href="">Kashmir Holiday Packages</a></li>
<li><a href="">Leh Ladakh Packages</a></li>
<li><a href="">Goa Holidays</a></li>
<li><a href="">Andaman Holidays</a></li>
<li><a href="">Kerala Tour Packages</a></li>
<li><a href="">Himachal packages</a></li>
                        </ul>
                    </div>
                </div>
                <!-- /.footer-widget -->
                <!-- footer-widget -->
                <div class="col-xl-2 col-lg-2 col-md-4 col-sm-6 col-12">
                    <div class="footer-widget">
                        <h3 class="widget-title">
                            International Tours
                        </h3>
                        <ul class="listnone">
                          <li>Dubai tour packages</li>
<li><a href="">Malaysia tour package</a></li>
<li><a href="">Singapore tour package</a></li>
<li><a href="">Thailand tour packages</a></li>
<li><a href="">Bali packages</a></li>
<li><a href="">Srilanka tour package</a></li>
<li><a href="">Europe tour packages</a></li>
<li><a href="">Mauritius packages</a></li>
<li><a href="">Maldives packages</a></li>
                        </ul>
                    </div>
                </div>
                <!-- /.footer-widget -->
                <!-- /.footer-widget -->
                <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6 col-12">
                    <div class="footer-widget">
                        
                    </div>
                </div>
                <!-- /.footer-widget -->
            </div>
        </div>
    </div>
    <!-- tiny-footer-section -->
    <div class="tiny-footer">
        <div class="container">
            <div class="row">
                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 text-right">
                    <p>© 2020 Boniface. All Rights Reserved.</p>
                </div>
            </div>
        </div>
    </div>
    <style>
#loading
{
 text-align:center; 
 background: url('<?php echo base_url(); ?>assets/images/loader2.gif') no-repeat center; 
 height: 150px;
}
</style>

<script>
$(document).ready(function(){

    filter_data(1);

    function filter_data(page)
    {
        $('.filter_data').html('<div id="loading" style="" ></div>');
        var action = 'fetch_data';
        var minimum_price = $('#hidden_minimum_price').val();
        var maximum_price = $('#hidden_maximum_price').val();
        var brand = get_filter('brand');
        var city=<?=$city?>;
        $.ajax({
            url:"<?php echo base_url(); ?>Listing/fetch_data/"+page,
            method:"POST",
            dataType:"JSON",
            data:{action:action, minimum_price:minimum_price, maximum_price:maximum_price, brand:brand,city:city },
            success:function(data) 
            {
                $('.filter_data').html(data.product_list);
                $('#pagination_link').html(data.pagination_link);
                  
            }
        })
    }

    function get_filter(class_name)
    {
        var filter = [];
        $('.'+class_name+':checked').each(function(){
            filter.push($(this).val());
        });
        return filter;
    }

    $(document).on('click', '.pagination li a', function(event){
        event.preventDefault();
        var page = $(this).data('ci-pagination-page');
        filter_data(page);
    });

    $('.common_selector').click(function(){
        filter_data(1);
    });

    $('#price_range').slider({
        range:true,
        min:1000,
        max:65000,
        values:[1000,65000],
        step:500,
        stop:function(event, ui)
        {
            $('#price_show').html(ui.values[0] + ' - ' + ui.values[1]);
            $('#hidden_minimum_price').val(ui.values[0]);
            $('#hidden_maximum_price').val(ui.values[1]);
            filter_data(1);
        }

    });

});
</script>

   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <!-- jQuery UI -->
  <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
  <script type='text/javascript'>
  $(document).ready(function(){
  
     $( "#speciality" ).autocomplete({
      source: function( request, response ) {
       // Fetch data
       $.ajax({
        url: "<?=base_url()?>index.php/search/userList",
        type: 'post',
        dataType: "json",
        data: {
         search: request.term
        },
        success: function( data ) {
         response( data );
        }
       });
      },
      select: function (event, ui) {
       // Set selection

$('#speciality').val(ui.item.label); 
        $('#speciality_id').val(ui.item.value); 
     

       return false;
      }
     });

  });
  </script>
   <script type='text/javascript'>
  $(document).ready(function(){
  
     $( "#city" ).autocomplete({
      source: function( request, response ) {
       // Fetch data
       $.ajax({
        url: "<?=base_url()?>index.php/search/holidaydestinations",
        type: 'post',
        dataType: "json",
        data: {
         search: request.term
        },
        success: function( data ) {
         response( data );
        }
       });
      },
      select: function (event, ui) {
       // Set selection

$('#city').val(ui.item.label); 
        $('#city_id').val(ui.item.value); 
     

       return false;
      }
     });

  });
  </script>
    
</body>

</html>

Zerion Mini Shell 1.0