ok
Mini Shell
<?php
include'header.php';
// $query = "select tbl_alliances_register.* ,(select COUNT(id) FROM tbl_rewards WHERE tbl_rewards.user_id=tbl_alliances_register.id and tbl_rewards.verification_status='1') as verify from tbl_alliances_register WHERE id = ". $u_id;
$query = "SELECT * FROM `tbl_product` where sub_cat_id =0";
$prepared2 = $pdo->prepare($query);
$prepared2->execute();
$result = $prepared2->fetchAll(PDO::FETCH_ASSOC);
?>
<style>
.top_category{
background-color: red;
border-radius: 50%;
width: 100%;
height: 60px;
text-align:center;
border: 5px solid #bda51a;
}
.first_top_category{
border: 2px solid white;
border-radius: 53px;
}
.second-border{
border: 4px solid red;
border-radius: 50px;
}
.top_category_letter{
margin-top:7px;
font-weight:bolder;
font-size:11px;
}
</style>
<section class="category-section top-space">
<ul class="category-slide">
<?php foreach($result as $cat){ ?>
<li>
<a onclick="cat('<?=$cat['id']?>')" class="category-box">
<img style="width: 65px !important;
height: 65px !important;
object-fit: fill !important;"src="admin/<?=$cat['product_img']?>" class="img-fluid" alt="">
<h4><?=$cat['cat_name']?> </h4>
</a>
</li>
<?php } ?>
<li>
<a onclick="cat()" class="category-box">
<img src="assets/images/top-category/men.png" class="img-fluid" alt="" style="">
<h4>All Products </h4>
</a>
</li>
</ul>
</section>
<div class="divider t-12 b-20"></div>
<div class="row" style="padding-right:20px;padding-left:20px;">
<div class="col-6">
<div class="form-floating mb-4">
<select onchange="profiles_filter()" name="gender" id="gender" class="form-control" style="background-color:#df7daa;" >
<option value="">Chosse The Gender</option>
<option value="Male" >Male</option>
<option value="Female" >Female</option>
</select>
</div>
</div>
<div class="col-6" >
<!--<span class="btn btn-success" style="background-color:#dd2b1c;border:2px solid #bda51a;">NEW OFFER PLUS</span>-->
<a href="#" style="
height: 61%;
width: 83%;
display: grid;
place-items: center;
background-color:#cfcfcf;"
class="btn btn-solid btn-sm form-control" data-bs-toggle="modal" data-bs-target="#delete" > <small>Filter </small></a>
</div>
<div class="col-12">
<div class="filter-container">
<label for="annual_income">Price:</label>
<input type="range" id="annual_income" name="annual_income" min="0" max="200000" value="10000" step="1" onchange="profiles_filter()">
<span id="rangeValue">Rs.50</span>
</div>
</div>
</div>
<div class="modal fade" id="delete" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="staticBackdropLabel"></h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form >
<div class="form-floating mb-4">
<select onchange="profiles_filter()" name="gender" id="gender" class="form-control" >
<option value="">Chosse The Gender</option>
<option value="Male" >Male</option>
<option value="Female" >Female</option>
</select>
<label for="one">Gender</label>
</div>
<div class="form-floating mb-4">
<input type="number" class="form-control" name="age" id="age" onchange="profiles_filter()" />
<label for="age">Price</label>
</div>
<div class="form-floating mb-4">
<select onchange="profiles_filter()" name="occupation" id="occupation" class="form-control" >
<option value="">Chosse The Occupation</option>
<option value="Farmer">Farmer</option>
</select>
<label for="one">Occupation</label>
</div>
<!-- <div class="form-floating mb-4">-->
<!-- <input type="number" class="form-control" name="annual_income" id="annual_income" onKeypress="profiles_filter()" />-->
<!-- <label for="one">Annual Income (RS)</label>-->
<!--</div>-->
<div class="form-floating mb-4">
<select onchange="profiles_filter()" name="marital_status" id="marital_status" class="form-control" >
<option value="">Chosse Marital Status</option>
<option value="UnMarried">UnMarried</option>
<option value="Widower">Widower</option>
<option value="Divorced">Divorced</option>
<option value="Awaiting">Awaiting</option>
</select>
<label for="one">Marital Status</label>
</div>
<div class="form-floating mb-4">
<select onchange="profiles_filter()" name="zodiac_signs_star" id="zodiac_signs_star" class="form-control" >
<option value="">Select Zodiac Signs / Star</option>
<option value="No star">No Star</option>
</select>
<label for="age">Zodiac Signs / Star</label>
</div>
<div class="form-floating mb-4">
<select onchange="profiles_filter()" name="dhosam" id="dhosam" class="form-control" >
<option value="">Select Dhosam</option>
<option value="No Dhosam">No Dhosam</option>
</select>
<label for="age">Dosham</label>
</div>
<div class="form-floating mb-4">
<select onchange="profiles_filter()" id="intrests" name="intrests" class="form-control">
<option value="">All</option>
<option value="Travel">Travel</option>
<option value="Sports and Fittness">Sports and Fittness</option>
<option value="Cooking">Cooking</option>
<option value="Music">Music</option>
<option value="Dance">Dance</option>
<option value="Movie and TV Shows">Movie and TV Shows</option>
<option value="Pet Lover">Pet Lover</option>
<option value="Reading">Reading</option>
<option value="Photography">Photography</option>
<option value="Mobile Gaming">Mobile Gaming</option>
<option value="Social media">Social media</option>
<option value="Journalism">Journalism</option>
<option value="Art">Art</option>
<option value="Child Care">Child Care</option>
</select>
<label for="one">Hobbies and Interests </label>
</div>
<br>
<div class="container mt-2 mb-2 text-center">
<input type="button" data-bs-dismiss="modal" aria-label="Close" class="btn btn-sm btn-success" value="Submit">
</div>
</form>
</div>
</div>
</div>
<!-- tab section start -->
<section class="pt-0 tab-section">
<div class="tab-section">
<div class="tab-content px-15" style="margin-bottom:60px;">
<div class="tab-pane fade show active" id="trending">
<div class="row">
<div class="col-4 col-sm-4 col-md-4 col-lg-4">
<!--<select onchange="profiles_filter()" name="caste" id="caste">-->
<!-- <option value="">Select Caste</option>-->
<!-- <option value="Hindu">Hindu</option>-->
<!-- <option value="Vanniyar">Vanniyar</option>-->
<!-- <option value="Vanniyar">Vanniyar</option>-->
<!--</select>-->
</div>
</div>
<div class="row gy-3 gx-3">
<div id="profile_list"></div>
<br><br><br><br>
</div>
</div>
</div>
</div>
</section>
<!-- tab section end -->
<!-- bottom panel start -->
<?php include 'footer.php';?>
<!-- bottom panel end -->
<!-- pwa install app popup start -->
<!--<div class="offcanvas offcanvas-bottom addtohome-popup" tabindex="-1" id="offcanvas">
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
<div class="offcanvas-body small">
<div class="app-info">
<img src="images/logo/SKT-logo.gif" class="img-fluid" style="width:10%;"/>
<div class="content">
<h3>Welcome To Wedding Info</h3>
</div>
</div>
<a href="javascript:void(0)" class="btn btn-solid install-app" id="installApp">add to home screen </a>
</div>
</div>-->
<!-- pwa install app popup end -->
<script>
$(document).ready(function(){
var caste=$('#caste').val();
$.ajax({
url: 'list/product_list.php',
type: 'post',
data:{caste:caste},
success: function (response) {
$('#profile_list').append(response);
}
});
});
function cat(id){
profiles_filter(id);
}
function relg(id){
alert(id)
$('#religion').val(id);
profiles_filter();
}
function profiles_filter(id=""){
$('#profile_list').empty();
var caste=$('#caste').val();
var gender=$('#gender').val();
var age=$('#age').val();
var occupation=$('#occupation').val();
var annual_income=$('#annual_income').val();
var marital_status=$('#marital_status').val();
var zodiac_signs_star=$('#zodiac_signs_star').val();
var dhosam=$('#dhosam').val();
var intrests=$('#intrests').val();
var religion=$('#religion').val();
var catid = id;
/*var filter_designation=$('#filter_designation').val();*/
$.ajax({
url: 'list/product_list.php',
type: 'post',
data:{caste:caste, gender:gender,catid:catid, age:age,religion:religion, intrests:intrests , occupation:occupation, annual_income:annual_income, marital_status:marital_status, zodiac_signs_star:zodiac_signs_star, dhosam:dhosam},
success: function (response) {
$('#profile_list').append(response);
}
});
}
</script>
<script>
$(document).ready(function () {
// Initial value of the range slider
var initialRangeValue = $('#annual_income').val();
// Display initial range value
$('#rangeValue').text("Rs."+initialRangeValue);
// Update range value display as slider changes
$('#annual_income').on('input', function () {
var currentValue = $(this).val();
$('#rangeValue').text("Rs."+currentValue);
filterProducts(currentValue);
});
});
</script>
<script>
function visit(id, seller) {
window.location.href = 'appointment.php?id=' + id + '&seller=' + seller;
}
</script>
<?php include'footer2.php' ?>
Zerion Mini Shell 1.0