ok
Direktori : /home2/selectio/www/wedding-info-new/ |
Current File : /home2/selectio/www/wedding-info-new/product.php |
<?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' ?>