codeignitor 3 Advance search system with pagination
Controller.php
public function searchCars($page=1)
{
$minresult = $minresult = $minmodelyear = $maxmodelyear = "";
$searchcompany = $this->input->post('searchcompany');
$searchcity = $this->input->post('searchcity');
$minprice = $this->input->post('minprice');
$maxprice = $this->input->post('maxprice');
$minmodelyeartext = $this->input->post('minmodelyear');
$maxmodelyeartext = $this->input->post('maxmodelyear');
$model = $this->input->post('model');
$enginetype = $this->input->post('enginetype');
$mincapacity = $this->input->post('mincapacity');
$maxcapacity = $this->input->post('maxcapacity');
$minmileage = $this->input->post('minmileage');
$maxmileage = $this->input->post('maxmileage');
$registercity = $this->input->post('registercity');
$color = $this->input->post('color');
$assembly = $this->input->post('assembly');
$transmission = $this->input->post('transmission');
$emissionzone = $this->input->post('emissionzone');
$data['carinfo'] = "";
$data['sendingvariable'] = [
'searchcompany' => $searchcompany,
'searchcity' => $searchcity,
'minprice' => $minprice,
'maxprice' => $maxprice,
'enginetype' => $enginetype,
'mincapacity' => $mincapacity,
'maxcapacity' => $maxcapacity,
'minmileage' => $minmileage,
'maxmileage' => $maxmileage,
'registercity' => $registercity,
'color' => $color,
'assembly' => $assembly,
'transmission' => $transmission,
'emissionzone' => $emissionzone,
'minmodelyear' => $minmodelyeartext,
'maxmodelyear' => $maxmodelyeartext,
'model'=>$model
];
//pagination
$config = array();
$config["base_url"] = base_url('car/used-cars');
$config["total_rows"] = $this->Search_model->filterData('tblcar',$resultType="count_all",$arg=['variables'=>['make'=>$searchcompany,'city'=>$searchcity,'minprice'=>$minprice,'maxprice'=>$maxprice]]);
$config['per_page'] = 8;
$config['uri_segment'] = 3;
$config['use_page_numbers'] = TRUE;
$config['full_tag_open'] = '<ul class="float-right pagination">';
$config['full_tag_close'] = '</ul>';
$config['first_tag_open'] = '<li>';
$config['first_tag_close'] = '</li>';
$config['last_tag_open'] = '<li>';
$config['last_tag_close'] = '</li>';
$config['next_link'] = '>';
$config['next_tag_open'] = '<li>';
$config['next_tag_close'] = '</li>';
$config['prev_link'] = '<';
$config['prev_tag_open'] = '<li>';
$config['prev_tag_close'] = '</li>';
$config['cur_tag_open'] = "<li class='active'><a href=''>";
$config['cur_tag_close'] = '</a></li>';
$config['num_tag_open'] = '<li>';
$config['num_tag_close'] = '</li>';
$this->pagination->initialize($config);
$page = ($this->uri->segment(3)) ? $this->uri->segment(3) : 0;
$result = $this->Search_model->filterData('tblcar',$resultType="result_array",$arg=['variables'=>['make'=>$searchcompany,'city'=>$searchcity,'minprice'=>$minprice,'maxprice'=>$maxprice],'limit'=>[$config["per_page"], $this->uri->segment(3)] ]);
$data["links"] = $this->pagination->create_links();
if(!empty($result))
{
$carid = array();
foreach($result as $row)
{
$carid[] = $row['carid'];
}
$this->db->select('*');
$this->db->from('tblcar AS c');
$this->db->where_in('c.carid',$carid);
$this->db->join('tblseller AS seller','seller.sellerid=c.sellerid','inner');
$this->db->join('tblcity AS city','city.cityid=c.carcityid','inner');
$this->db->join('tblmodelyear AS my','my.modelyearid=c.modelid','inner');
$this->db->join('tblcarmodel AS m','m.modelid=c.modelyear','inner');
$this->db->join('tblcarmake AS mk','mk.makeid=c.makeid','inner');
$this->db->join('tblcarmodelversion AS mv','mv.modelversionid=c.modelversionid','inner');
$data['carinfo'] = $this->db->get()->result_array();
}
$data['title'] = "Sell Your Car";
$data['company'] = $this->my_model->getData('tblcarmake',$result_type="result_array",$arg=[]);
$countryid = 3;
$data['city'] = $this->my_model->getData('tblcity',$result_type="result_array",$arg=['where'=>['countryid'=>$countryid]]);
$data['color'] = $this->my_model->getData('tblcarcolor',$result_type="result_array",$arg=[]);
$data['price'] = $this->my_model->getData('tblcar',$result_type="result_array",$arg=['select'=>['carprice'],'order'=>['col'=>'carprice','type'=>'ASC']]);
$data['capacity'] = $this->my_model->getData('tblcar',$result_type="result_array",$arg=['select'=>['carcapacity'],'order'=>['col'=>'carcapacity','type'=>'ASC']]);
$data['model'] = $this->my_model->getData('tblcarmodel',$result_type="result_array",$arg=[]);
$data['modelyear'] = $this->my_model->getData('tblmodelyear',$result_type="result_array",$arg=[]);
$data['currency'] = $this->my_model->getData('tblcurrency',$result_type="row_array",$arg=['where'=>['currencystatus'=>'1']]);
$this->load->view('home/search',$data);
}
public function searchFilter($page=1)
{
sleep(1);
$carinfo = "";
$output = "";
$minresult = $minresult = $minmodelyear = $maxmodelyear = "";
$minmodelyeartext = $this->input->post('minmodelyear');
$maxmodelyeartext = $this->input->post('maxmodelyear');
$searchcompany = $this->input->post('searchcompany');
$searchmodel = $this->input->post('searchmodel');
$searchtransmission = $this->input->post('searchtransmission');
$searchenginetype = $this->input->post('searchenginetype');
$searchassembly = $this->input->post('searchassembly');
$searchemissionzone = $this->input->post('searchemissionzone');
$searchcity = $this->input->post('searchcity');
$searchregistercity = $this->input->post('registercity');
$searchcolor = $this->input->post('searchcolor');
$minprice = $this->input->post('minprice');
$maxprice = $this->input->post('maxprice');
$mincapacity = $this->input->post('mincapacity');
$maxcapacity = $this->input->post('maxcapacity');
//echo json_encode($minmodelyeartext);exit();
if($minmodelyeartext)
{
$minresult = $this->my_model->getData('tblmodelyear',$result_type="row_array",$arg=['where'=>['modelyear'=>$minmodelyeartext]]);
$minmodelyear = $minresult['modelyearid'];
}
if($maxmodelyeartext)
{
$maxresult = $this->my_model->getData('tblmodelyear',$resultType="row_array",$arg=['where'=>['modelyear'=>$maxmodelyeartext]]);
$maxmodelyear = $maxresult['modelyearid'];
}
$this->load->library('pagination');
//get counts
$counts = $this->Search_model->jqueryFilterData('tblcar',$resultType="count_all",$arg=[]);
//echo json_encode($counts);exit();
$config = array();
$config['base_url'] = '#/';
$config['total_rows'] = $counts;
$config['per_page'] = 8;
$config['uri_segment'] = 3;
$config['use_page_numbers'] = TRUE;
$config['full_tag_open'] = '<ul class="float-right pagination">';
$config['full_tag_close'] = '</ul>';
$config['first_tag_open'] = '<li>';
$config['first_tag_close'] = '</li>';
$config['last_tag_open'] = '<li>';
$config['last_tag_close'] = '</li>';
$config['next_link'] = '>';
$config['next_tag_open'] = '<li>';
$config['next_tag_close'] = '</li>';
$config['prev_link'] = '<';
$config['prev_tag_open'] = '<li>';
$config['prev_tag_close'] = '</li>';
$config['cur_tag_open'] = "<li class='active'><a href=''>";
$config['cur_tag_close'] = '</a></li>';
$config['num_tag_open'] = '<li>';
$config['num_tag_close'] = '</li>';
$config['num_links'] = 3;
$this->pagination->initialize($config);
$page = $this->uri->segment(3);
$start = ($page - 1) * $config['per_page'];
// echo json_encode('s');exit();
$data = $this->Search_model->jqueryFilterData('tblcar',$resultType="result_array",$arg=['variables'=>['minmodelyear'=>$minmodelyear,'maxmodelyear'=>$maxmodelyear,'searchmodel'=>$searchmodel,'color'=>$searchcolor,'registercity'=>$searchregistercity,'emissionzone'=>$searchemissionzone,'assembly'=>$searchassembly,'make'=>$searchcompany,'carenginetype'=>$searchenginetype,'cartransmission'=>$searchtransmission,'city'=>$searchcity,'minprice'=>$minprice,'maxprice'=>$maxprice,'mincapacity'=>$mincapacity,'maxcapacity'=>$maxcapacity],'limit'=>[$config["per_page"],$start]]);
//echo json_encode($arg['variables']['minmodelyear']); exit();
if(!empty($data))
{
$carid = array();
foreach($data as $row)
{
$carid[] = $row['carid'];
}
$this->db->select('*');
$this->db->from('tblcar AS c');
$this->db->where_in('c.carid',$carid);
$this->db->join('tblseller AS seller','seller.sellerid=c.sellerid','inner');
$this->db->join('tblcity AS city','city.cityid=c.carcityid','inner');
$this->db->join('tblmodelyear AS my','my.modelyearid=c.modelid','inner');
$this->db->join('tblcarmodel AS m','m.modelid=c.modelyear','inner');
$this->db->join('tblcarmake AS mk','mk.makeid=c.makeid','inner');
$this->db->join('tblcarmodelversion AS mv','mv.modelversionid=c.modelversionid','inner');
$carinfo = $this->db->get()->result_array();
$data['currency'] = $this->my_model->getData('tblcurrency',$result_type="row_array",$arg=['where'=>['currencystatus'=>'1']]);
// if($carinfo)
// {
foreach($carinfo as $row)
{
$makename = strtolower($row['makename']);
$modelname = strtolower($row['modelname']);
$modelyear = strtolower($row['modelyear']);
$cityname = strtolower($row['cityname']);
$output .="<div class='row rowcarinfo'><div class='col-12 col-md-2 info-left p-0'>";
if($row['carthumbnail']){
$output .="<img src='".base_url('upload/thumbnail/').$row['carthumbnail']."' alt='".$row['carthumbnail']."' class='img-responsive' width='100%' height='150px'>";
}else{
$output .="<div style='border:1px solid #ccc;height:150px;' class='text-center'><p style='transform: rotate(-30deg);margin-top: 20%;font-size: 119%;'><b>No Image</b></p></div>";
}
$output .="</div><div class='col-12 col-md-7 info-center'><div><a href='used-cars/".$makename."-".$modelname."-".$modelyear."-".$cityname."-".$row['carid']."' target='_blank' class='text-dark'>";
$output .="<h5 class='p-2 m-0'><span> ".$row['modelyear']." </span><span> " .$row['makename']." </span> " .$row['modelname']. " <span> " .$row['versionname']. " </span></h5></a></div>";
$output .="<p class='p-2 m-0'> ".$row['cityname']." </p><div class='p-1 m-0'><span class='p-1'> ".$row['modelyear']." </span>|<span class='p-1'> ".$row['carmileage']." km </span>|<span class='p-1'> ".$row['carenginetype']." </span>|<span class='p-1'> ".$row['carcapacity']." cc </span>|<span class='p-1'> ".$row['cartransmission']." </span></div>";
$output .="<p class='p-2 m-0'>Uploaded On : ".$row['createdAt']." </p></div><div class='col-12 col-md-3 info-left text-center'><div class='pt-2'><h5>".$data['currency']['currencysymbol']." ".$row['carprice']."</h5></div><div class='pt-2'>";
$output .="<button class='phonebutton btn btn-info btn btn-block'><i class='fa fa-phone'></i> <label class='m-0'>Show phone No.</label></button>";
$output .="<div class='toggleclass' style='color: #464e60;background-color: #fcfcfc;line-height: 22px;border-collapse: collapse;font-size: 12px;text-align: center;'>";
$output .="<h6 style='font-size:16px;' >".$row['sellername']."</h6>";
$output .="<i class='fa fa-phone' style='font-size:16px;'></i> <label class='pt-2' style='font-size:16px;'>";
if(empty($row['sellermobileno1'])){
$output .= $row['sellermobileno2'];
}else{
$output .= $row['sellermobileno1'];
}
$output .="</label></div></div></div></div>";
}
//echo json_encode("s");exit();
$output2 = [
'pagination_link' => $this->pagination->create_links(),
'car_list' => $output,//$this->Search_model->jqueryFilterData('tblcar',$resultType="result_array",$arg=['variables'=>['make'=>$searchcompany,'city'=>$searchcity,'minprice'=>$minprice,'maxprice'=>$maxprice],'limit'=>[$config["per_page"],$page] ]),
'statuss' => "success"
];
}
else
{
$output .="<div class='row rowcarinfo'><div class='col-12 col-md-10 p-0'><h3>No data Found</h3></div></div>";
$output2 = [
'pagination_link' => $this->pagination->create_links(),
'car_list' => $output,//$this->Search_model->jqueryFilterData('tblcar',$resultType="result_array",$arg=['variables'=>['make'=>$searchcompany,'city'=>$searchcity,'minprice'=>$minprice,'maxprice'=>$maxprice],'limit'=>[$config["per_page"],$page] ]),
'statuss' => "error"
];
}
// }
// else
// {
// $output .="<div class='row rowcarinfo'><div class='col-12 col-md-10 p-0'><h3>No data Found</h3></div></div>";
// $output2 = [
// //'pagination_link' => $this->pagination->create_links(),
// 'car_list' => $output,//$this->Search_model->jqueryFilterData('tblcar',$resultType="result_array",$arg=['variables'=>['make'=>$searchcompany,'city'=>$searchcity,'minprice'=>$minprice,'maxprice'=>$maxprice],'limit'=>[$config["per_page"],$page] ]),
// 'statuss' => "error"
// ];
// }
echo json_encode($output2);
}
View.php
<?php $this->load->view('home/include/head.php'); ?>
<title><?php echo $title; ?></title>
<style>
.searchlabel
{
font-size: 16px;
font-weight: 400;
}
[aria-expanded="true"] .fa-chevron-circle-up,
[aria-expanded="false"] .fa-chevron-circle-down
{
display:none;
}
i.fa.fa-chevron-circle-up
{
font-size:15px;
float: right;
margin: 4%;
}
i.fa.fa-chevron-circle-down
{
font-size:15px;
float: right;
margin: 4%;
}
.checklabel
{
margin:0;
width: 100%;
}
div.rowcarinfo
{
border:1px solid #ccc;
border-radius:5px;
padding:1%;
margin-bottom:2%;
height:auto;
margin: 0% 2% 1% 2%;
}
div.toggleclasses{
color: #464e60;
background-color: #fcfcfc;line-height: 22px;
border-collapse: collapse;
font-size: 16px;
text-align: center;
}
</style>
</head>
<body>
<div id="all">
<!--header start-->
<?php $this->load->view('home/include/header.php'); ?>
<!--header end-->
<!--main content start-->
<div class="container">
<div class="row" style="margin-top:5%">
<div class="col-12 pt-2 pb-3 pl-0">
<h3>Heading</h3>
</div>
<div class="col-12 col-md-2 p-0">
<div class="bg-primary p-2"><label class="text-center w-100 text-white">SHOW RESULTS BY:</label></div>
<!--Model Year Range-->
<div style="border: 2px solid #ccc;">
<input type="hidden" id="modelyeartoggle" <?php if(!empty($sendingvariable['minmodelyear']) || !empty($sendingvariable['maxmodelyear'])){ ?> value="1" <?php }else{ ?> value="" <?php } ?> >
<div style="background-color:#ccc;padding: 5%;" data-toggle="collapse" href="#modelyear" aria-expanded="false" aria-controls="make">
<label class="searchlabel">Model Year Range</label>
<i class="fa fa-chevron-circle-up"></i>
<i class="fa fa-chevron-circle-down"></i>
</div>
<div class="form-group m-0 pricerangediv collapse" id="modelyear">
<div class="checkbox" style="padding: 5% 15% 0% 15%;">
<div class="">
<input class="form-control" list="miny" name="minmodelyear" id="minmodelyear" style="height:30px" placeholder="Min value" <?php if($sendingvariable['minmodelyear']){ ?> value="<?php echo $sendingvariable['minmodelyear']; ?>" <?php } ?> >
<datalist id="miny">
<?php foreach($modelyear as $row){ ?>
<option value="<?php echo $row['modelyear'] ?>">
<?php } ?>
</select>
</div>
<div class="">
<input class="form-control" list="maxy" name="maxmodelyear" id="maxmodelyear" style="height:30px" placeholder="Max value" <?php if($sendingvariable['maxmodelyear']){ ?> value="<?php echo $sendingvariable['maxmodelyear']; ?>" <?php } ?> >
<datalist id="maxy">
<?php foreach($modelyear as $row){ ?>
<option value="<?php echo $row['modelyear'] ?>">
<?php } ?>
</datalist>
</div>
<div class="">
<button class="btn btn-primary w-100 mb-2" id="minmaxmodelyearsearch" type="submit">
Go
</button>
</div>
</div>
</div>
</div>
<!--/Model Year Range-->
<!--City-->
<div style="border: 2px solid #ccc;">
<input type="hidden" id="citytoggle" <?php if(!empty($sendingvariable['searchcity'])){ ?> value="1" <?php }else{ ?> value="" <?php } ?> >
<div style="background-color:#ccc;padding: 5%;" data-toggle="collapse" href="#city" aria-expanded="false" aria-controls="make">
<label class="searchlabel">City</label>
<i class="fa fa-chevron-circle-up"></i>
<i class="fa fa-chevron-circle-down"></i>
</div>
<div class="form-group m-0 collapse" id="city">
<div class="checkbox" style="padding: 5% 15% 0% 15%;">
<?php foreach($city as $row){ ?>
<label class="checklabel"><input type="checkbox" class="common_selector checkcity" value="<?php echo $row['cityid']; ?>" <?php if($row['cityid']== $sendingvariable['searchcity']){ ?> checked <?php } ?>>
<?php echo $row['cityname']; ?></label><br>
<?php } ?>
</div>
</div>
</div>
<!--/City-->
<!--Register City-->
<div style="border: 2px solid #ccc;">
<input type="hidden" id="registercitytoggle" <?php if(!empty($sendingvariable['registercity'])){ ?> value="1" <?php }else{ ?> value="" <?php } ?> >
<div style="background-color:#ccc;padding: 5%;" data-toggle="collapse" href="#registercity" aria-expanded="false" aria-controls="make">
<label class="searchlabel">Register City</label>
<i class="fa fa-chevron-circle-up"></i>
<i class="fa fa-chevron-circle-down"></i>
</div>
<div class="form-group m-0 collapse" id="registercity">
<div class="checkbox" style="padding: 5% 15% 0% 15%;">
<?php foreach($city as $row){ ?>
<label class="checklabel"><input type="checkbox" class="common_selector registercity" value="<?php echo $row['cityid']; ?>" <?php if($row['cityid']== $sendingvariable['registercity']){ ?> checked <?php } ?>>
<?php echo $row['cityname']; ?></label><br>
<?php } ?>
</div>
</div>
</div>
<!--/Register City-->
<!--Color-->
<div style="border: 2px solid #ccc;">
<input type="hidden" id="colortoggle" <?php if(!empty($sendingvariable['color'])){ ?> value="1" <?php }else{ ?> value="" <?php } ?> >
<div style="background-color:#ccc;padding: 5%;" data-toggle="collapse" href="#color" aria-expanded="false" aria-controls="make">
<label class="searchlabel">Color</label>
<i class="fa fa-chevron-circle-up"></i>
<i class="fa fa-chevron-circle-down"></i>
</div>
<div class="form-group m-0 collapse" id="color">
<div class="checkbox" style="padding: 5% 15% 0% 15%;">
<?php foreach($color as $row){ ?>
<label class="checklabel"><input type="checkbox" class="common_selector checkcolor" value="<?php echo $row['colorid']; ?>" <?php if($row['colorid']== $sendingvariable['color']){ ?> checked <?php } ?>>
<?php echo $row['colorname']; ?></label><br>
<?php } ?>
</div>
</div>
</div>
<!--/Color-->
<!--Price Range-->
<div style="border: 2px solid #ccc;">
<input type="hidden" id="pricerangetoggle" <?php if(!empty($sendingvariable['minprice']) || !empty($sendingvariable['maxprice'])){ ?> value="1" <?php }else{ ?> value="" <?php } ?> >
<div style="background-color:#ccc;padding: 5%;" data-toggle="collapse" href="#price" aria-expanded="false" aria-controls="make">
<label class="searchlabel">Price Range</label>
<i class="fa fa-chevron-circle-up"></i>
<i class="fa fa-chevron-circle-down"></i>
</div>
<div class="form-group m-0 pricerangediv collapse" id="price">
<div class="checkbox" style="padding: 5% 15% 0% 15%;">
<div class="">
<input class="form-control" list="min" name="minprice" id="minprice" style="height:30px" placeholder="Min value" <?php if($sendingvariable['minprice']){ ?> value="<?php echo $sendingvariable['minprice']; ?>" <?php } ?> >
<datalist id="min">
<?php foreach($price as $row){ ?>
<option value="<?php echo $row['carprice'] ?>">
<?php } ?>
</datalist>
</div>
<div class="">
<input class="form-control" list="max" name="maxprice" id="maxprice" style="height:30px" placeholder="Max value" <?php if($sendingvariable['maxprice']){ ?> value="<?php echo $sendingvariable['maxprice']; ?>" <?php } ?> >
<datalist id="max">
<?php foreach($price as $row){ ?>
<option value="<?php echo $row['carprice'] ?>">
<?php } ?>
</datalist>
</div>
<div class="">
<button class="btn btn-primary w-100 mb-2" id="minmaxpricesearch" type="submit">
Go
</button>
</div>
</div>
</div>
</div>
<!--/Price Range-->
<!--ENGINE CAPACITY (CC)-->
<div style="border: 2px solid #ccc;">
<input type="hidden" id="capacitytoggle" <?php if(!empty($sendingvariable['mincapacity']) || !empty($sendingvariable['maxcapacity'])){ ?> value="1" <?php }else{ ?> value="" <?php } ?> >
<div style="background-color:#ccc;padding: 5%;" data-toggle="collapse" href="#capcity" aria-expanded="false" aria-controls="make">
<label class="searchlabel">Engine Capacity (cc)</label>
<i class="fa fa-chevron-circle-up"></i>
<i class="fa fa-chevron-circle-down"></i>
</div>
<div class="form-group m-0 collapse" id="capcity">
<div class="checkbox" style="padding: 5% 15% 0% 15%;">
<div class="">
<input class="form-control" list="minc" name="mincapacity" id="mincapacity" style="height:30px" placeholder="Min value" <?php if($sendingvariable['mincapacity']){ ?> value="<?php echo $sendingvariable['mincapacity']; ?>" <?php } ?> >
<datalist id="minc">
<?php foreach($capacity as $row){ ?>
<option value="<?php echo $row['carcapacity'] ?>">
<?php } ?>
</datalist>
</div>
<div class="">
<input class="form-control" list="maxc" name="maxcapacity" id="maxcapacity" style="height:30px" placeholder="Max value" <?php if($sendingvariable['maxcapacity']){ ?> value="<?php echo $sendingvariable['maxcapacity']; ?>" <?php } ?>>
<datalist id="maxc">
<?php foreach($capacity as $row){ ?>
<option value="<?php echo $row['carcapacity'] ?>">
<?php } ?>
</datalist>
</div>
<div class="">
<button class="btn btn-primary w-100 mb-2" id="minmaxcapacitysearch" type="submit">
Go
</button>
</div>
</div>
</div>
</div>
<!--/ENGINE CAPACITY (CC)-->
<!--Company-->
<div style="border: 2px solid #ccc;">
<input type="hidden" id="companytoggle" <?php if(!empty($sendingvariable['searchcompany'])){ ?> value="1" <?php }else{ ?> value="" <?php } ?> >
<div style="background-color:#ccc;padding: 5%;" data-toggle="collapse" href="#make" aria-expanded="false" aria-controls="make">
<label class="searchlabel">Make</label>
<i class="fa fa-chevron-circle-up"></i>
<i class="fa fa-chevron-circle-down"></i>
</div>
<div class="form-group m-0 collapse" id="make">
<div class="checkbox" style="padding: 5% 15% 0% 15%;">
<?php foreach($company as $row){ ?>
<label class="checklabel"><input type="checkbox" class="common_selector checkmake" value="<?php echo $row['makeid']; ?>" <?php if($row['makeid']== $sendingvariable['searchcompany']){ ?> checked <?php } ?> >
<?php echo $row['makename']; ?></label><br>
<?php } ?>
</div>
</div>
</div>
<!--/Company-->
<!--Model-->
<div style="border: 2px solid #ccc;" id="modelshow">
<input type="hidden" id="modeltoggle" <?php if(!empty($sendingvariable['model'])){ ?> value="1" <?php }else{ ?> value="" <?php } ?> >
<div style="background-color:#ccc;padding: 5%;" data-toggle="collapse" href="#model" aria-expanded="false" aria-controls="make" >
<label class="searchlabel">Model</label>
<i class="fa fa-chevron-circle-up"></i>
<i class="fa fa-chevron-circle-down"></i>
</div>
<div class="form-group m-0 collapse" id="model">
<div id="modelloopshow" class="checkbox" style="padding: 5% 15% 0% 15%;">
<?php foreach($model as $row){ ?>
<label class="checklabel"><input type="checkbox" class="common_selector checkmodel" value="<?php echo $row['modelid'];?>" <?php if($row['modelid'] == $sendingvariable['model']) { ?> checked <?php } ?> >
<?php echo $row['modelname']; ?></label><br>
<?php } ?>
</div>
</div>
</div>
<!--/Model-->
<!--engine type-->
<div style="border: 2px solid #ccc;">
<input type="hidden" id="enginetypetoggle" <?php if(!empty($sendingvariable['enginetype'])){ ?> value="1" <?php }else{ ?> value="" <?php } ?> >
<div style="background-color:#ccc;padding: 5%;" data-toggle="collapse" href="#searchenginetype" aria-expanded="false" aria-controls="make">
<label class="searchlabel">Engine Type</label>
<i class="fa fa-chevron-circle-up"></i>
<i class="fa fa-chevron-circle-down"></i>
</div>
<div class="form-group m-0 collapse" id="searchenginetype">
<div class="checkbox" style="padding: 5% 15% 0% 15%;">
<label class="checklabel"><input type="checkbox" class="common_selector checksearchenginetype" name="checktransmission" value="CNG" <?php if($sendingvariable['enginetype']=="CNG"){ ?> checked <?php } ?>>
CNG</label><br>
<label class="checklabel"><input type="checkbox" class="common_selector checksearchenginetype" name="checktransmission" value="LPG" <?php if($sendingvariable['enginetype']=="LPG"){ ?> checked <?php } ?>>
LPG</label><br>
<label class="checklabel"><input type="checkbox" class="common_selector checksearchenginetype" name="checktransmission" value="Petrol" <?php if($sendingvariable['enginetype']=="Petrol"){ ?> checked <?php } ?>>
Petrol</label><br>
<label class="checklabel"><input type="checkbox" class="common_selector checksearchenginetype" name="checktransmission" value="Desial" <?php if($sendingvariable['enginetype']=="Desial"){ ?> checked <?php } ?>>
Desial</label><br>
<label class="checklabel"><input type="checkbox" class="common_selector checksearchenginetype" name="checktransmission" value="Hybrid" <?php if($sendingvariable['enginetype']=="Hybrid"){ ?> checked <?php } ?>>
Hybrid</label><br>
</div>
</div>
</div>
<!--engine type-->
<!--transmission-->
<div style="border: 2px solid #ccc;">
<input type="hidden" id="transmissiontoggle" <?php if(!empty($sendingvariable['transmission'])){ ?> value="1" <?php }else{ ?> value="" <?php } ?> >
<div style="background-color:#ccc;padding: 5%;" data-toggle="collapse" href="#transmission" aria-expanded="false" aria-controls="make">
<label class="searchlabel">Transmission</label>
<i class="fa fa-chevron-circle-up"></i>
<i class="fa fa-chevron-circle-down"></i>
</div>
<div class="form-group m-0 collapse" id="transmission">
<div class="checkbox" style="padding: 5% 15% 0% 15%;">
<label class="checklabel"><input type="checkbox" class="common_selector checktransmission" name="checktransmission" value="automatic" <?php if($sendingvariable['transmission']=="automatic"){ ?> checked <?php } ?>>
Automatic</label><br>
<label class="checklabel"><input type="checkbox" class="common_selector checktransmission" name="checktransmission" value="transmission" <?php if($sendingvariable['transmission']=="transmission"){ ?> checked <?php } ?>>
Transmission</label><br>
<label class="checklabel"><input type="checkbox" class="common_selector checktransmission" name="checktransmission" value="manual" <?php if($sendingvariable['transmission']=="manual"){ ?> checked <?php } ?>>
Manual</label><br>
</div>
</div>
</div>
<!--transmission-->
<!--Assembly-->
<div style="border: 2px solid #ccc;">
<input type="hidden" id="assemblytoggle" <?php if(!empty($sendingvariable['assembly'])){ ?> value="1" <?php }else{ ?> value="" <?php } ?> >
<div style="background-color:#ccc;padding: 5%;" data-toggle="collapse" href="#assembly" aria-expanded="false" aria-controls="make">
<label class="searchlabel">Assembly</label>
<i class="fa fa-chevron-circle-up"></i>
<i class="fa fa-chevron-circle-down"></i>
</div>
<div class="form-group m-0 collapse" id="assembly">
<div class="checkbox" style="padding: 5% 15% 0% 15%;">
<label class="checklabel"><input type="checkbox" class="common_selector checkassembly" name="checkassembly" value="local" <?php if($sendingvariable['assembly']=="local"){ ?> checked <?php } ?>>
Local</label><br>
<label class="checklabel"><input type="checkbox" class="common_selector checkassembly" name="checkassembly" value="imported" <?php if($sendingvariable['assembly']=="imported"){ ?> checked <?php } ?>>
Imported</label><br>
</div>
</div>
</div>
<!--Assembly-->
<!--Emission Zone-->
<div style="border: 2px solid #ccc;">
<input type="hidden" id="emissionzonetoggle" <?php if(!empty($sendingvariable['emissionzone'])){ ?> value="1" <?php }else{ ?> value="" <?php } ?> >
<div style="background-color:#ccc;padding: 5%;" data-toggle="collapse" href="#emissionzone" aria-expanded="false" aria-controls="make">
<label class="searchlabel">Emission Zone</label>
<i class="fa fa-chevron-circle-up"></i>
<i class="fa fa-chevron-circle-down"></i>
</div>
<div class="form-group m-0 collapse" id="emissionzone">
<div class="checkbox" style="padding: 5% 15% 0% 15%;">
<label class="checklabel"><input type="checkbox" class="common_selector checkemissionzone" value="ULEZ" <?php if($sendingvariable['emissionzone']=="ULEZ"){ ?> checked <?php } ?>>
ULEZ</label><br>
<label class="checklabel"><input type="checkbox" class="common_selector checkemissionzone" value="LEZ" <?php if($sendingvariable['emissionzone']=="LEZ"){ ?> checked <?php } ?>>
LEZ</label><br>
<label class="checklabel"><input type="checkbox" class="common_selector checkemissionzone" value="EZ" <?php if($sendingvariable['emissionzone']=="EZ"){ ?> checked <?php } ?>>
EZ</label><br>
</div>
</div>
</div>
<!--/Emission Zone-->
</div>
<!--Show filterData -->
<div class="col-12 col-md-10 p-0 filterDataShow">
<?php
if($carinfo){
foreach($carinfo as $row){ ?>
<div class="row rowcarinfo">
<div class="col-12 col-md-2 info-left p-0">
<?php if($row['carthumbnail']){?>
<img src="<?php echo base_url('upload/thumbnail/').$row['carthumbnail'];?>" alt="<?php echo $row['carthumbnail']; ?>" class="img-responsive" width="100%" height="150px" >
<?php }else{ ?>
<div style="border:1px solid #ccc;height:150px;" class="text-center"><p style="transform: rotate(-30deg);margin-top: 20%;font-size: 119%;"><b>No Image</b></p></div>
<?php } ?>
</div>
<div class="col-12 col-md-7 info-center">
<div>
<?php
$makename = strtolower($row['makename']);
$modelname = strtolower($row['modelname']);
$modelyear = strtolower($row['modelyear']);
$cityname = strtolower($row['cityname']);
?>
<a href="<?php echo base_url('car/used-cars/').$makename."-".$modelname."-".$modelyear."-".$cityname."-".$row['carid']; ?>" target="_blank" class="text-dark">
<h5 class="p-2 m-0">
<span><?php echo $row['modelyear'];?> </span>
<span><?php echo $row['makename'];?> </span>
<span><?php echo $row['modelname'];?> </span>
<span><?php echo $row['versionname'];?> </span>
</h5>
</a>
</div>
<p class="p-2 m-0"><?php echo $row['cityname'];?></p>
<div class="p-1 m-0">
<span class="p-1"><?php echo $row['modelyear'];?> </span>|
<span class="p-1"> <?php echo $row['carmileage'];?> km </span>|
<span class="p-1"> <?php echo $row['carenginetype'];?> </span>|
<span class="p-1"> <?php echo $row['carcapacity'];?> cc </span>|
<span class="p-1"> <?php echo $row['cartransmission'];?> </span>
</div>
<p class="p-2 m-0">Uploaded On : <?php echo $row['createdAt'];?></p>
</div>
<div class="col-12 col-md-3 info-left text-center">
<div class="pt-2">
<h5><?php echo $currency['currencysymbol']; ?> <?php echo $row['carprice'];?></h5>
</div>
<div class="pt-2">
<button class="phonebuttons btn btn-info btn btn-block" >
<i class="fa fa-phone"></i>
<label class="m-0">Show phone No.</label>
</button>
<div class="toggleclasses" style="">
<h6 style="font-size:16px;" ><?php echo $row['sellername']; ?></h6>
<i class="fa fa-phone" style="font-size:16px;"></i>
<label class="pt-2" style="font-size:16px;">
<?php
if(empty($row['sellermobileno1']))
{
echo $row['sellermobileno2'];
}
else
{
echo $row['sellermobileno1'];
}
?>
</label>
</div>
</div>
</div>
</div>
<?php }}else{ ?>
<div class='row rowcarinfo'>
<div class='col-12 col-md-10 p-0'>
<h3>No data Found</h3>
</div>
</div>
<?php } ?>
</div>
<!--/Show filterData -->
<div class="col-12 text-right" style="font-size: 20px;" id="pagination_link">
<p><?php echo $links; ?></p>
</div>
</div>
</div>
<!--main content end-->
</div>
<!-- /#all -->
</body>
<!--footer start-->
<?php $this->load->view('home/include/footer.php'); ?>
<!--footer end-->
<script>
$(document).ready(function(){
var modeltoggleval = $('#modeltoggle').val();
var searchcompanyval = $('#companytoggle').val();
var citytoggleval = $('#citytoggle').val();
var pricerangetoggleval = $('#pricerangetoggle').val();
var registertoggleval = $('#registercitytoggle').val();
var colortoggleval = $('#colortoggle').val();
var capacitytoggleval = $('#capacitytoggle').val();
var enginetypetoggleval = $('#enginetypetoggle').val();
var transmissiontoggleval = $('#transmissiontoggle').val();
var assemblytoggleval = $('#assemblytoggle').val();
var emissionzonetoggleval = $('#emissionzonetoggle').val();
var modelyeartoggleval = $('#modelyeartoggle').val();
if(modelyeartoggleval){
$('div#modelyear').addClass('show');
}
if(modeltoggleval){
$('div#model').addClass('show');
}
if(transmissiontoggleval){
$('div#transmission').addClass('show');
}
if(assemblytoggleval){
$('div#assembly').addClass('show');
}
if(emissionzonetoggleval){
$('div#emissionzone').addClass('show');
}
if(enginetypetoggleval){
$('div#searchenginetype').addClass('show');
}
if(capacitytoggleval){
$('div#capcity').addClass('show');
}
if(registertoggleval){
$('div#registercity').addClass('show');
}
if(colortoggleval){
$('div#color').addClass('show');
}
if(pricerangetoggleval){
$('div#price').addClass('show');
}
if(citytoggleval){
$('div#city').addClass('show');
}
if(searchcompanyval){
$('div#make').addClass('show');
}
$('.toggleclasses').hide();
$('button.phonebuttons').hover(function()
{
$(this).closest('div').find('.toggleclasses').toggle();
});
$(document).on('mouseenter', 'button.phonebutton', function(event){
event.preventDefault();
$(this).closest('div').find('.toggleclass').toggle();
});
$(document).on('mouseleave', 'button.phonebutton', function(event){
event.preventDefault();
$(this).closest('div').find('.toggleclass').toggle();
});
$('.common_selector').click(function(){
filterData(1);
});
$('#minmaxpricesearch').click(function(){
filterData(1);
});
$('#minmaxcapacitysearch').click(function(){
filterData(1);
});
$('#minmaxmodelyearsearch').click(function(){
filterData(1);
});
$("#modelloopshow").on("click",".common_select",function(){
page=1;
var searchcompany = getCommonfilter('checkmake');
var searchenginetype= getCommonfilter('checksearchenginetype');
var searchtransmission = getCommonfilter('checktransmission');
var searchassembly = getCommonfilter('checkassembly');
var searchemissionzone = getCommonfilter('checkemissionzone');city
var searchcity = getCommonfilter('checkcity');
var registercity = getCommonfilter('registercity');
var searchcolor = getCommonfilter('checkcolor');
var searchmodel = getCommonfilter('checkmodel');
var minprice = $('#minprice').val();
var maxprice = $('#maxprice').val();
var mincapacity = $('#mincapacity').val();
var maxcapacity = $('#maxcapacity').val();
var minmodelyear = $('#minmodelyear').val();
var maxmodelyear = $('#maxmodelyear').val();
$.ajax
({
url:"<?php echo base_url(); ?>Site/searchFilter/"+page,
method:"POST",
data:{searchcompany:searchcompany,searchenginetype:searchenginetype,searchtransmission:searchtransmission,
searchassembly:searchassembly,searchemissionzone:searchemissionzone,searchcity:searchcity,registercity:registercity,
searchcolor:searchcolor,minprice:minprice,maxprice:maxprice,mincapacity:mincapacity,maxcapacity:maxcapacity,searchmodel:searchmodel,
minmodelyear:minmodelyear,maxmodelyear:maxmodelyear
},
dataType: "json",
beforeSend: function () { $("#loader").show(); },
complete: function () { $("#loader").hide(); },
success:function(response)
{
console.log(response);
var result= jQuery.parseJSON(JSON.stringify(response));
var paginationlink=result['pagination_link'];
var carlist=result['car_list'];
$('.filterDataShow').html(carlist);
$('#pagination_link').html(paginationlink);
$('.toggleclass').hide();
}
});
});
function filterData(page)
{
var searchcompany = getMakefilter('checkmake');
var searchenginetype= getCommonfilter('checksearchenginetype');
var searchtransmission = getCommonfilter('checktransmission');
var searchassembly = getCommonfilter('checkassembly');
var searchemissionzone = getCommonfilter('checkemissionzone');city
var searchcity = getCommonfilter('checkcity');
var registercity = getCommonfilter('registercity');
var searchcolor = getCommonfilter('checkcolor');
var searchmodel = getCommonfilter('checkmodel');
var minprice = $('#minprice').val();
var maxprice = $('#maxprice').val();
var mincapacity = $('#mincapacity').val();
var maxcapacity = $('#maxcapacity').val();
var minmodelyear = $('#minmodelyear').val();
var maxmodelyear = $('#maxmodelyear').val();
$.ajax
({
url:"<?php echo base_url(); ?>Site/searchFilter/"+page,
method:"POST",
data:{searchcompany:searchcompany,searchenginetype:searchenginetype,searchtransmission:searchtransmission,
searchassembly:searchassembly,searchemissionzone:searchemissionzone,searchcity:searchcity,registercity:registercity,
searchcolor:searchcolor,minprice:minprice,maxprice:maxprice,mincapacity:mincapacity,maxcapacity:maxcapacity,searchmodel:searchmodel,
minmodelyear:minmodelyear,maxmodelyear:maxmodelyear
},
dataType: "json",
beforeSend: function () { $("#loader").show(); },
complete: function () { $("#loader").hide(); },
success:function(response)
{
console.log(response);
var result= jQuery.parseJSON(JSON.stringify(response));
var paginationlink=result['pagination_link'];
var carlist=result['car_list'];
$('.filterDataShow').html(carlist);
$('#pagination_link').html(paginationlink);
$('.toggleclass').hide();
}
});
}
function getCommonfilter(class_name)
{
var filter = [];
$('.'+class_name+':checked').each(function(){
filter.push($(this).val());
});
return filter;
}
function getMakefilter(class_name)
{
var filter = [];
$('.'+class_name+':checked').each(function(){
filter.push($(this).val());
});
$.ajax
({
url:"<?php echo base_url(); ?>site/getModel",
method:"POST",
data:{filter:filter},
beforeSend: function () { $("#loader").show(); },
complete: function () { $("#loader").hide(); },
success:function(response)
{
//console.log(response);
var result = jQuery.parseJSON(response);
var len = result.length;
$("#modelloopshow").empty();
for( var i = 0; i<len; i++){
var modelid = result[i]['modelid'];
var modelname = result[i]['modelname'];
$("#modelloopshow").append("<label class='checklabel'><input type='checkbox' class='common_select checkmodel' value='"+modelid+"'> "+modelname+"</label><br>");
}
}
});
return filter;
}
$(document).on('click', '.pagination li a', function(event){
event.preventDefault();
var page = $(this).data('ci-pagination-page');
filterData(page);
});
});
</script>view.php
<?php $this->load->view('home/include/head.php'); ?>
<title><?php echo $title; ?></title>
<style>
.searchlabel
{
font-size: 16px;
font-weight: 400;
}
[aria-expanded="true"] .fa-chevron-circle-up,
[aria-expanded="false"] .fa-chevron-circle-down
{
display:none;
}
i.fa.fa-chevron-circle-up
{
font-size:15px;
float: right;
margin: 4%;
}
i.fa.fa-chevron-circle-down
{
font-size:15px;
float: right;
margin: 4%;
}
.checklabel
{
margin:0;
width: 100%;
}
div.rowcarinfo
{
border:1px solid #ccc;
border-radius:5px;
padding:1%;
margin-bottom:2%;
height:auto;
margin: 0% 2% 1% 2%;
}
div.toggleclasses{
color: #464e60;
background-color: #fcfcfc;line-height: 22px;
border-collapse: collapse;
font-size: 16px;
text-align: center;
}
</style>
</head>
<body>
<div id="all">
<!--header start-->
<?php $this->load->view('home/include/header.php'); ?>
<!--header end-->
<!--main content start-->
<div class="container">
<div class="row" style="margin-top:5%">
<div class="col-12 pt-2 pb-3 pl-0">
<h3>Heading</h3>
</div>
<div class="col-12 col-md-2 p-0">
<div class="bg-primary p-2"><label class="text-center w-100 text-white">SHOW RESULTS BY:</label></div>
<!--Model Year Range-->
<div style="border: 2px solid #ccc;">
<input type="hidden" id="modelyeartoggle" <?php if(!empty($sendingvariable['minmodelyear']) || !empty($sendingvariable['maxmodelyear'])){ ?> value="1" <?php }else{ ?> value="" <?php } ?> >
<div style="background-color:#ccc;padding: 5%;" data-toggle="collapse" href="#modelyear" aria-expanded="false" aria-controls="make">
<label class="searchlabel">Model Year Range</label>
<i class="fa fa-chevron-circle-up"></i>
<i class="fa fa-chevron-circle-down"></i>
</div>
<div class="form-group m-0 pricerangediv collapse" id="modelyear">
<div class="checkbox" style="padding: 5% 15% 0% 15%;">
<div class="">
<input class="form-control" list="miny" name="minmodelyear" id="minmodelyear" style="height:30px" placeholder="Min value" <?php if($sendingvariable['minmodelyear']){ ?> value="<?php echo $sendingvariable['minmodelyear']; ?>" <?php } ?> >
<datalist id="miny">
<?php foreach($modelyear as $row){ ?>
<option value="<?php echo $row['modelyear'] ?>">
<?php } ?>
</select>
</div>
<div class="">
<input class="form-control" list="maxy" name="maxmodelyear" id="maxmodelyear" style="height:30px" placeholder="Max value" <?php if($sendingvariable['maxmodelyear']){ ?> value="<?php echo $sendingvariable['maxmodelyear']; ?>" <?php } ?> >
<datalist id="maxy">
<?php foreach($modelyear as $row){ ?>
<option value="<?php echo $row['modelyear'] ?>">
<?php } ?>
</datalist>
</div>
<div class="">
<button class="btn btn-primary w-100 mb-2" id="minmaxmodelyearsearch" type="submit">
Go
</button>
</div>
</div>
</div>
</div>
<!--/Model Year Range-->
<!--City-->
<div style="border: 2px solid #ccc;">
<input type="hidden" id="citytoggle" <?php if(!empty($sendingvariable['searchcity'])){ ?> value="1" <?php }else{ ?> value="" <?php } ?> >
<div style="background-color:#ccc;padding: 5%;" data-toggle="collapse" href="#city" aria-expanded="false" aria-controls="make">
<label class="searchlabel">City</label>
<i class="fa fa-chevron-circle-up"></i>
<i class="fa fa-chevron-circle-down"></i>
</div>
<div class="form-group m-0 collapse" id="city">
<div class="checkbox" style="padding: 5% 15% 0% 15%;">
<?php foreach($city as $row){ ?>
<label class="checklabel"><input type="checkbox" class="common_selector checkcity" value="<?php echo $row['cityid']; ?>" <?php if($row['cityid']== $sendingvariable['searchcity']){ ?> checked <?php } ?>>
<?php echo $row['cityname']; ?></label><br>
<?php } ?>
</div>
</div>
</div>
<!--/City-->
<!--Register City-->
<div style="border: 2px solid #ccc;">
<input type="hidden" id="registercitytoggle" <?php if(!empty($sendingvariable['registercity'])){ ?> value="1" <?php }else{ ?> value="" <?php } ?> >
<div style="background-color:#ccc;padding: 5%;" data-toggle="collapse" href="#registercity" aria-expanded="false" aria-controls="make">
<label class="searchlabel">Register City</label>
<i class="fa fa-chevron-circle-up"></i>
<i class="fa fa-chevron-circle-down"></i>
</div>
<div class="form-group m-0 collapse" id="registercity">
<div class="checkbox" style="padding: 5% 15% 0% 15%;">
<?php foreach($city as $row){ ?>
<label class="checklabel"><input type="checkbox" class="common_selector registercity" value="<?php echo $row['cityid']; ?>" <?php if($row['cityid']== $sendingvariable['registercity']){ ?> checked <?php } ?>>
<?php echo $row['cityname']; ?></label><br>
<?php } ?>
</div>
</div>
</div>
<!--/Register City-->
<!--Color-->
<div style="border: 2px solid #ccc;">
<input type="hidden" id="colortoggle" <?php if(!empty($sendingvariable['color'])){ ?> value="1" <?php }else{ ?> value="" <?php } ?> >
<div style="background-color:#ccc;padding: 5%;" data-toggle="collapse" href="#color" aria-expanded="false" aria-controls="make">
<label class="searchlabel">Color</label>
<i class="fa fa-chevron-circle-up"></i>
<i class="fa fa-chevron-circle-down"></i>
</div>
<div class="form-group m-0 collapse" id="color">
<div class="checkbox" style="padding: 5% 15% 0% 15%;">
<?php foreach($color as $row){ ?>
<label class="checklabel"><input type="checkbox" class="common_selector checkcolor" value="<?php echo $row['colorid']; ?>" <?php if($row['colorid']== $sendingvariable['color']){ ?> checked <?php } ?>>
<?php echo $row['colorname']; ?></label><br>
<?php } ?>
</div>
</div>
</div>
<!--/Color-->
<!--Price Range-->
<div style="border: 2px solid #ccc;">
<input type="hidden" id="pricerangetoggle" <?php if(!empty($sendingvariable['minprice']) || !empty($sendingvariable['maxprice'])){ ?> value="1" <?php }else{ ?> value="" <?php } ?> >
<div style="background-color:#ccc;padding: 5%;" data-toggle="collapse" href="#price" aria-expanded="false" aria-controls="make">
<label class="searchlabel">Price Range</label>
<i class="fa fa-chevron-circle-up"></i>
<i class="fa fa-chevron-circle-down"></i>
</div>
<div class="form-group m-0 pricerangediv collapse" id="price">
<div class="checkbox" style="padding: 5% 15% 0% 15%;">
<div class="">
<input class="form-control" list="min" name="minprice" id="minprice" style="height:30px" placeholder="Min value" <?php if($sendingvariable['minprice']){ ?> value="<?php echo $sendingvariable['minprice']; ?>" <?php } ?> >
<datalist id="min">
<?php foreach($price as $row){ ?>
<option value="<?php echo $row['carprice'] ?>">
<?php } ?>
</datalist>
</div>
<div class="">
<input class="form-control" list="max" name="maxprice" id="maxprice" style="height:30px" placeholder="Max value" <?php if($sendingvariable['maxprice']){ ?> value="<?php echo $sendingvariable['maxprice']; ?>" <?php } ?> >
<datalist id="max">
<?php foreach($price as $row){ ?>
<option value="<?php echo $row['carprice'] ?>">
<?php } ?>
</datalist>
</div>
<div class="">
<button class="btn btn-primary w-100 mb-2" id="minmaxpricesearch" type="submit">
Go
</button>
</div>
</div>
</div>
</div>
<!--/Price Range-->
<!--ENGINE CAPACITY (CC)-->
<div style="border: 2px solid #ccc;">
<input type="hidden" id="capacitytoggle" <?php if(!empty($sendingvariable['mincapacity']) || !empty($sendingvariable['maxcapacity'])){ ?> value="1" <?php }else{ ?> value="" <?php } ?> >
<div style="background-color:#ccc;padding: 5%;" data-toggle="collapse" href="#capcity" aria-expanded="false" aria-controls="make">
<label class="searchlabel">Engine Capacity (cc)</label>
<i class="fa fa-chevron-circle-up"></i>
<i class="fa fa-chevron-circle-down"></i>
</div>
<div class="form-group m-0 collapse" id="capcity">
<div class="checkbox" style="padding: 5% 15% 0% 15%;">
<div class="">
<input class="form-control" list="minc" name="mincapacity" id="mincapacity" style="height:30px" placeholder="Min value" <?php if($sendingvariable['mincapacity']){ ?> value="<?php echo $sendingvariable['mincapacity']; ?>" <?php } ?> >
<datalist id="minc">
<?php foreach($capacity as $row){ ?>
<option value="<?php echo $row['carcapacity'] ?>">
<?php } ?>
</datalist>
</div>
<div class="">
<input class="form-control" list="maxc" name="maxcapacity" id="maxcapacity" style="height:30px" placeholder="Max value" <?php if($sendingvariable['maxcapacity']){ ?> value="<?php echo $sendingvariable['maxcapacity']; ?>" <?php } ?>>
<datalist id="maxc">
<?php foreach($capacity as $row){ ?>
<option value="<?php echo $row['carcapacity'] ?>">
<?php } ?>
</datalist>
</div>
<div class="">
<button class="btn btn-primary w-100 mb-2" id="minmaxcapacitysearch" type="submit">
Go
</button>
</div>
</div>
</div>
</div>
<!--/ENGINE CAPACITY (CC)-->
<!--Company-->
<div style="border: 2px solid #ccc;">
<input type="hidden" id="companytoggle" <?php if(!empty($sendingvariable['searchcompany'])){ ?> value="1" <?php }else{ ?> value="" <?php } ?> >
<div style="background-color:#ccc;padding: 5%;" data-toggle="collapse" href="#make" aria-expanded="false" aria-controls="make">
<label class="searchlabel">Make</label>
<i class="fa fa-chevron-circle-up"></i>
<i class="fa fa-chevron-circle-down"></i>
</div>
<div class="form-group m-0 collapse" id="make">
<div class="checkbox" style="padding: 5% 15% 0% 15%;">
<?php foreach($company as $row){ ?>
<label class="checklabel"><input type="checkbox" class="common_selector checkmake" value="<?php echo $row['makeid']; ?>" <?php if($row['makeid']== $sendingvariable['searchcompany']){ ?> checked <?php } ?> >
<?php echo $row['makename']; ?></label><br>
<?php } ?>
</div>
</div>
</div>
<!--/Company-->
<!--Model-->
<div style="border: 2px solid #ccc;" id="modelshow">
<input type="hidden" id="modeltoggle" <?php if(!empty($sendingvariable['model'])){ ?> value="1" <?php }else{ ?> value="" <?php } ?> >
<div style="background-color:#ccc;padding: 5%;" data-toggle="collapse" href="#model" aria-expanded="false" aria-controls="make" >
<label class="searchlabel">Model</label>
<i class="fa fa-chevron-circle-up"></i>
<i class="fa fa-chevron-circle-down"></i>
</div>
<div class="form-group m-0 collapse" id="model">
<div id="modelloopshow" class="checkbox" style="padding: 5% 15% 0% 15%;">
<?php foreach($model as $row){ ?>
<label class="checklabel"><input type="checkbox" class="common_selector checkmodel" value="<?php echo $row['modelid'];?>" <?php if($row['modelid'] == $sendingvariable['model']) { ?> checked <?php } ?> >
<?php echo $row['modelname']; ?></label><br>
<?php } ?>
</div>
</div>
</div>
<!--/Model-->
<!--engine type-->
<div style="border: 2px solid #ccc;">
<input type="hidden" id="enginetypetoggle" <?php if(!empty($sendingvariable['enginetype'])){ ?> value="1" <?php }else{ ?> value="" <?php } ?> >
<div style="background-color:#ccc;padding: 5%;" data-toggle="collapse" href="#searchenginetype" aria-expanded="false" aria-controls="make">
<label class="searchlabel">Engine Type</label>
<i class="fa fa-chevron-circle-up"></i>
<i class="fa fa-chevron-circle-down"></i>
</div>
<div class="form-group m-0 collapse" id="searchenginetype">
<div class="checkbox" style="padding: 5% 15% 0% 15%;">
<label class="checklabel"><input type="checkbox" class="common_selector checksearchenginetype" name="checktransmission" value="CNG" <?php if($sendingvariable['enginetype']=="CNG"){ ?> checked <?php } ?>>
CNG</label><br>
<label class="checklabel"><input type="checkbox" class="common_selector checksearchenginetype" name="checktransmission" value="LPG" <?php if($sendingvariable['enginetype']=="LPG"){ ?> checked <?php } ?>>
LPG</label><br>
<label class="checklabel"><input type="checkbox" class="common_selector checksearchenginetype" name="checktransmission" value="Petrol" <?php if($sendingvariable['enginetype']=="Petrol"){ ?> checked <?php } ?>>
Petrol</label><br>
<label class="checklabel"><input type="checkbox" class="common_selector checksearchenginetype" name="checktransmission" value="Desial" <?php if($sendingvariable['enginetype']=="Desial"){ ?> checked <?php } ?>>
Desial</label><br>
<label class="checklabel"><input type="checkbox" class="common_selector checksearchenginetype" name="checktransmission" value="Hybrid" <?php if($sendingvariable['enginetype']=="Hybrid"){ ?> checked <?php } ?>>
Hybrid</label><br>
</div>
</div>
</div>
<!--engine type-->
<!--transmission-->
<div style="border: 2px solid #ccc;">
<input type="hidden" id="transmissiontoggle" <?php if(!empty($sendingvariable['transmission'])){ ?> value="1" <?php }else{ ?> value="" <?php } ?> >
<div style="background-color:#ccc;padding: 5%;" data-toggle="collapse" href="#transmission" aria-expanded="false" aria-controls="make">
<label class="searchlabel">Transmission</label>
<i class="fa fa-chevron-circle-up"></i>
<i class="fa fa-chevron-circle-down"></i>
</div>
<div class="form-group m-0 collapse" id="transmission">
<div class="checkbox" style="padding: 5% 15% 0% 15%;">
<label class="checklabel"><input type="checkbox" class="common_selector checktransmission" name="checktransmission" value="automatic" <?php if($sendingvariable['transmission']=="automatic"){ ?> checked <?php } ?>>
Automatic</label><br>
<label class="checklabel"><input type="checkbox" class="common_selector checktransmission" name="checktransmission" value="transmission" <?php if($sendingvariable['transmission']=="transmission"){ ?> checked <?php } ?>>
Transmission</label><br>
<label class="checklabel"><input type="checkbox" class="common_selector checktransmission" name="checktransmission" value="manual" <?php if($sendingvariable['transmission']=="manual"){ ?> checked <?php } ?>>
Manual</label><br>
</div>
</div>
</div>
<!--transmission-->
<!--Assembly-->
<div style="border: 2px solid #ccc;">
<input type="hidden" id="assemblytoggle" <?php if(!empty($sendingvariable['assembly'])){ ?> value="1" <?php }else{ ?> value="" <?php } ?> >
<div style="background-color:#ccc;padding: 5%;" data-toggle="collapse" href="#assembly" aria-expanded="false" aria-controls="make">
<label class="searchlabel">Assembly</label>
<i class="fa fa-chevron-circle-up"></i>
<i class="fa fa-chevron-circle-down"></i>
</div>
<div class="form-group m-0 collapse" id="assembly">
<div class="checkbox" style="padding: 5% 15% 0% 15%;">
<label class="checklabel"><input type="checkbox" class="common_selector checkassembly" name="checkassembly" value="local" <?php if($sendingvariable['assembly']=="local"){ ?> checked <?php } ?>>
Local</label><br>
<label class="checklabel"><input type="checkbox" class="common_selector checkassembly" name="checkassembly" value="imported" <?php if($sendingvariable['assembly']=="imported"){ ?> checked <?php } ?>>
Imported</label><br>
</div>
</div>
</div>
<!--Assembly-->
<!--Emission Zone-->
<div style="border: 2px solid #ccc;">
<input type="hidden" id="emissionzonetoggle" <?php if(!empty($sendingvariable['emissionzone'])){ ?> value="1" <?php }else{ ?> value="" <?php } ?> >
<div style="background-color:#ccc;padding: 5%;" data-toggle="collapse" href="#emissionzone" aria-expanded="false" aria-controls="make">
<label class="searchlabel">Emission Zone</label>
<i class="fa fa-chevron-circle-up"></i>
<i class="fa fa-chevron-circle-down"></i>
</div>
<div class="form-group m-0 collapse" id="emissionzone">
<div class="checkbox" style="padding: 5% 15% 0% 15%;">
<label class="checklabel"><input type="checkbox" class="common_selector checkemissionzone" value="ULEZ" <?php if($sendingvariable['emissionzone']=="ULEZ"){ ?> checked <?php } ?>>
ULEZ</label><br>
<label class="checklabel"><input type="checkbox" class="common_selector checkemissionzone" value="LEZ" <?php if($sendingvariable['emissionzone']=="LEZ"){ ?> checked <?php } ?>>
LEZ</label><br>
<label class="checklabel"><input type="checkbox" class="common_selector checkemissionzone" value="EZ" <?php if($sendingvariable['emissionzone']=="EZ"){ ?> checked <?php } ?>>
EZ</label><br>
</div>
</div>
</div>
<!--/Emission Zone-->
</div>
<!--Show filterData -->
<div class="col-12 col-md-10 p-0 filterDataShow">
<?php
if($carinfo){
foreach($carinfo as $row){ ?>
<div class="row rowcarinfo">
<div class="col-12 col-md-2 info-left p-0">
<?php if($row['carthumbnail']){?>
<img src="<?php echo base_url('upload/thumbnail/').$row['carthumbnail'];?>" alt="<?php echo $row['carthumbnail']; ?>" class="img-responsive" width="100%" height="150px" >
<?php }else{ ?>
<div style="border:1px solid #ccc;height:150px;" class="text-center"><p style="transform: rotate(-30deg);margin-top: 20%;font-size: 119%;"><b>No Image</b></p></div>
<?php } ?>
</div>
<div class="col-12 col-md-7 info-center">
<div>
<?php
$makename = strtolower($row['makename']);
$modelname = strtolower($row['modelname']);
$modelyear = strtolower($row['modelyear']);
$cityname = strtolower($row['cityname']);
?>
<a href="<?php echo base_url('car/used-cars/').$makename."-".$modelname."-".$modelyear."-".$cityname."-".$row['carid']; ?>" target="_blank" class="text-dark">
<h5 class="p-2 m-0">
<span><?php echo $row['modelyear'];?> </span>
<span><?php echo $row['makename'];?> </span>
<span><?php echo $row['modelname'];?> </span>
<span><?php echo $row['versionname'];?> </span>
</h5>
</a>
</div>
<p class="p-2 m-0"><?php echo $row['cityname'];?></p>
<div class="p-1 m-0">
<span class="p-1"><?php echo $row['modelyear'];?> </span>|
<span class="p-1"> <?php echo $row['carmileage'];?> km </span>|
<span class="p-1"> <?php echo $row['carenginetype'];?> </span>|
<span class="p-1"> <?php echo $row['carcapacity'];?> cc </span>|
<span class="p-1"> <?php echo $row['cartransmission'];?> </span>
</div>
<p class="p-2 m-0">Uploaded On : <?php echo $row['createdAt'];?></p>
</div>
<div class="col-12 col-md-3 info-left text-center">
<div class="pt-2">
<h5><?php echo $currency['currencysymbol']; ?> <?php echo $row['carprice'];?></h5>
</div>
<div class="pt-2">
<button class="phonebuttons btn btn-info btn btn-block" >
<i class="fa fa-phone"></i>
<label class="m-0">Show phone No.</label>
</button>
<div class="toggleclasses" style="">
<h6 style="font-size:16px;" ><?php echo $row['sellername']; ?></h6>
<i class="fa fa-phone" style="font-size:16px;"></i>
<label class="pt-2" style="font-size:16px;">
<?php
if(empty($row['sellermobileno1']))
{
echo $row['sellermobileno2'];
}
else
{
echo $row['sellermobileno1'];
}
?>
</label>
</div>
</div>
</div>
</div>
<?php }}else{ ?>
<div class='row rowcarinfo'>
<div class='col-12 col-md-10 p-0'>
<h3>No data Found</h3>
</div>
</div>
<?php } ?>
</div>
<!--/Show filterData -->
<div class="col-12 text-right" style="font-size: 20px;" id="pagination_link">
<p><?php echo $links; ?></p>
</div>
</div>
</div>
<!--main content end-->
</div>
<!-- /#all -->
</body>
<!--footer start-->
<?php $this->load->view('home/include/footer.php'); ?>
<!--footer end-->
<script>
$(document).ready(function(){
var modeltoggleval = $('#modeltoggle').val();
var searchcompanyval = $('#companytoggle').val();
var citytoggleval = $('#citytoggle').val();
var pricerangetoggleval = $('#pricerangetoggle').val();
var registertoggleval = $('#registercitytoggle').val();
var colortoggleval = $('#colortoggle').val();
var capacitytoggleval = $('#capacitytoggle').val();
var enginetypetoggleval = $('#enginetypetoggle').val();
var transmissiontoggleval = $('#transmissiontoggle').val();
var assemblytoggleval = $('#assemblytoggle').val();
var emissionzonetoggleval = $('#emissionzonetoggle').val();
var modelyeartoggleval = $('#modelyeartoggle').val();
if(modelyeartoggleval){
$('div#modelyear').addClass('show');
}
if(modeltoggleval){
$('div#model').addClass('show');
}
if(transmissiontoggleval){
$('div#transmission').addClass('show');
}
if(assemblytoggleval){
$('div#assembly').addClass('show');
}
if(emissionzonetoggleval){
$('div#emissionzone').addClass('show');
}
if(enginetypetoggleval){
$('div#searchenginetype').addClass('show');
}
if(capacitytoggleval){
$('div#capcity').addClass('show');
}
if(registertoggleval){
$('div#registercity').addClass('show');
}
if(colortoggleval){
$('div#color').addClass('show');
}
if(pricerangetoggleval){
$('div#price').addClass('show');
}
if(citytoggleval){
$('div#city').addClass('show');
}
if(searchcompanyval){
$('div#make').addClass('show');
}
$('.toggleclasses').hide();
$('button.phonebuttons').hover(function()
{
$(this).closest('div').find('.toggleclasses').toggle();
});
$(document).on('mouseenter', 'button.phonebutton', function(event){
event.preventDefault();
$(this).closest('div').find('.toggleclass').toggle();
});
$(document).on('mouseleave', 'button.phonebutton', function(event){
event.preventDefault();
$(this).closest('div').find('.toggleclass').toggle();
});
$('.common_selector').click(function(){
filterData(1);
});
$('#minmaxpricesearch').click(function(){
filterData(1);
});
$('#minmaxcapacitysearch').click(function(){
filterData(1);
});
$('#minmaxmodelyearsearch').click(function(){
filterData(1);
});
$("#modelloopshow").on("click",".common_select",function(){
page=1;
var searchcompany = getCommonfilter('checkmake');
var searchenginetype= getCommonfilter('checksearchenginetype');
var searchtransmission = getCommonfilter('checktransmission');
var searchassembly = getCommonfilter('checkassembly');
var searchemissionzone = getCommonfilter('checkemissionzone');city
var searchcity = getCommonfilter('checkcity');
var registercity = getCommonfilter('registercity');
var searchcolor = getCommonfilter('checkcolor');
var searchmodel = getCommonfilter('checkmodel');
var minprice = $('#minprice').val();
var maxprice = $('#maxprice').val();
var mincapacity = $('#mincapacity').val();
var maxcapacity = $('#maxcapacity').val();
var minmodelyear = $('#minmodelyear').val();
var maxmodelyear = $('#maxmodelyear').val();
$.ajax
({
url:"<?php echo base_url(); ?>Site/searchFilter/"+page,
method:"POST",
data:{searchcompany:searchcompany,searchenginetype:searchenginetype,searchtransmission:searchtransmission,
searchassembly:searchassembly,searchemissionzone:searchemissionzone,searchcity:searchcity,registercity:registercity,
searchcolor:searchcolor,minprice:minprice,maxprice:maxprice,mincapacity:mincapacity,maxcapacity:maxcapacity,searchmodel:searchmodel,
minmodelyear:minmodelyear,maxmodelyear:maxmodelyear
},
dataType: "json",
beforeSend: function () { $("#loader").show(); },
complete: function () { $("#loader").hide(); },
success:function(response)
{
console.log(response);
var result= jQuery.parseJSON(JSON.stringify(response));
var paginationlink=result['pagination_link'];
var carlist=result['car_list'];
$('.filterDataShow').html(carlist);
$('#pagination_link').html(paginationlink);
$('.toggleclass').hide();
}
});
});
function filterData(page)
{
var searchcompany = getMakefilter('checkmake');
var searchenginetype= getCommonfilter('checksearchenginetype');
var searchtransmission = getCommonfilter('checktransmission');
var searchassembly = getCommonfilter('checkassembly');
var searchemissionzone = getCommonfilter('checkemissionzone');city
var searchcity = getCommonfilter('checkcity');
var registercity = getCommonfilter('registercity');
var searchcolor = getCommonfilter('checkcolor');
var searchmodel = getCommonfilter('checkmodel');
var minprice = $('#minprice').val();
var maxprice = $('#maxprice').val();
var mincapacity = $('#mincapacity').val();
var maxcapacity = $('#maxcapacity').val();
var minmodelyear = $('#minmodelyear').val();
var maxmodelyear = $('#maxmodelyear').val();
$.ajax
({
url:"<?php echo base_url(); ?>Site/searchFilter/"+page,
method:"POST",
data:{searchcompany:searchcompany,searchenginetype:searchenginetype,searchtransmission:searchtransmission,
searchassembly:searchassembly,searchemissionzone:searchemissionzone,searchcity:searchcity,registercity:registercity,
searchcolor:searchcolor,minprice:minprice,maxprice:maxprice,mincapacity:mincapacity,maxcapacity:maxcapacity,searchmodel:searchmodel,
minmodelyear:minmodelyear,maxmodelyear:maxmodelyear
},
dataType: "json",
beforeSend: function () { $("#loader").show(); },
complete: function () { $("#loader").hide(); },
success:function(response)
{
console.log(response);
var result= jQuery.parseJSON(JSON.stringify(response));
var paginationlink=result['pagination_link'];
var carlist=result['car_list'];
$('.filterDataShow').html(carlist);
$('#pagination_link').html(paginationlink);
$('.toggleclass').hide();
}
});
}
function getCommonfilter(class_name)
{
var filter = [];
$('.'+class_name+':checked').each(function(){
filter.push($(this).val());
});
return filter;
}
function getMakefilter(class_name)
{
var filter = [];
$('.'+class_name+':checked').each(function(){
filter.push($(this).val());
});
$.ajax
({
url:"<?php echo base_url(); ?>site/getModel",
method:"POST",
data:{filter:filter},
beforeSend: function () { $("#loader").show(); },
complete: function () { $("#loader").hide(); },
success:function(response)
{
//console.log(response);
var result = jQuery.parseJSON(response);
var len = result.length;
$("#modelloopshow").empty();
for( var i = 0; i<len; i++){
var modelid = result[i]['modelid'];
var modelname = result[i]['modelname'];
$("#modelloopshow").append("<label class='checklabel'><input type='checkbox' class='common_select checkmodel' value='"+modelid+"'> "+modelname+"</label><br>");
}
}
});
return filter;
}
$(document).on('click', '.pagination li a', function(event){
event.preventDefault();
var page = $(this).data('ci-pagination-page');
filterData(page);
});
});
</script>
Comments
Post a Comment