ok
Mini Shell
<?php include('header.php');
$statement = $pdo->prepare("SELECT * FROM `tbl_rasi_star_matching` group by rasi_start_1 order by id asc");
$statement->execute();
$rasi_star = $statement->fetchAll(PDO::FETCH_ASSOC);
?>
<div class="page-wrapper">
<div class="page-content">
<div class=" card card-body">
<div class="tab-content ">
<!--new order start-->
<div class="tab-pane fade show active" id="new" role="tabpanel">
<b style="font-size:14px;">Rasi & Star Details</b>
<div class="row" style="margin:10px 0px 10px 0px ;">
<div class="col-12 col-lg-4">
<label for="FisrtName" class="form-label ">Rasi & Star(Female)</label>
<select name="female" id="female" class="form-select select2 valid font-size12" aria-invalid="false" required="">
<option value=''>All</option>
<?php
foreach($rasi_star as $r){
echo "<option value='".$r['rasi_start_1']."'>".$r['rasi_start_1']."</option>";
}
?>
</select>
</div>
<div class="col-12 col-lg-4">
<label for="FisrtName" class="form-label">Rasi & Star(Male)</label>
<select name="male" id="male" class="form-select select2 valid font-size12" aria-invalid="false" required="">
<option value=''>All</option>
<?php
foreach($rasi_star as $r){
echo "<option value='".$r['rasi_start_1']."'>".$r['rasi_start_1']."</option>";
}
?>
</select>
</div>
<div class="col-12 col-lg-2">
<label for="FisrtName" class="form-label"> </label><br>
<button class="btn btn-sm btn-success" id="filter"><i class="fadeIn animated bx bx-search"></i> Search Matching</button>
</div>
</div>
<div class="table-responsive">
<table id="rasi_star">
<thead>
<tr>
<!--<th>Action</th>-->
<th>S.No</th>
<th>Rasi & Star(Female)</th>
<th>Rasi & Star(Male)</th>
<th data-orderable="false">SUITABILITY</th>
<th data-orderable="false">Total Count</th>
<th data-orderable="false">Dina</th>
<th data-orderable="false">Gana</th>
<th data-orderable="false">Mahendra</th>
<th data-orderable="false">Stree Deergha</th>
<th data-orderable="false">Yoni</th>
<th data-orderable="false">Rasi</th>
<th data-orderable="false">Rasiyathipathi</th>
<th data-orderable="false">Vasya</th>
<th data-orderable="false">Rajju</th>
<th data-orderable="false">Veda</th>
</tr>
</thead>
</table>
</div>
</div>
<!--new order end-->
</div>
</div>
</div>
</div>
<style>
table{ width:100%;font-size:14px;font-family: SFProDisplay-Semibold;}
th{padding:10px;font-weight:bold;}
td{padding:7px;}
tr{margin:5px;}
thead,tr{
border: 0 solid transparent;
margin-bottom: 1.5rem;
border-radius:5px;
box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);
}.span-success{
background: #819558;
color: white;
padding: 3px 6px 3px 6px;
border-radius: 15px;
}
.breadcrumb-title {
font-size: 20px;
border-right: 0px solid #ffffff !important;
}
</style>
<script>
$(document).ready(function() {
getData();
$('#filter').click(function(){
getData();
});
});
function getData(){
var female=$('#female').val();
var male=$('#male').val();
var dataTable = $('#rasi_star').DataTable( {
"processing": true,
"order":[[0,'asc']],
"serverSide": true,
"lengthMenu": [[20,10, 25, 50, 100], [20,10, 25, 50, 100]],
"destroy":true,
"ajax":{
url :"data-tables/rasi-star-matching-dt.php", // json datasource
data: {type:'tbl_rasi_star_matching',female:female,male:male},
type: "post", // method , by default get
error: function(){ // error handling
$(".example-error").html("");
$("#rasi_star").append('<tbody class="example-error"><tr><th colspan="8" style="text-align:center;"><img src="assets/img/icon/no_orders_found.webp" style="width:200px;"><br>No data Found</th></tr></tbody>');
$("#rasi_star").css("display","none");
}
}
});
}
</script>
<script>
function rel_delete(ids){
if (confirm('Confirm If You Want Delete')) {
$.ajax({
url: 'api/matching_delete.php?ids='+ids,
type: 'post',
dataType: 'json',
success: function(response) {
console.log(response);
if (response['status'] == 200) {
success(response['message']);
getData();
} else {
warning(response['message']);
}
}
});
}
}
</script>
<?php include('footer.php'); ?>
Zerion Mini Shell 1.0