ok
Mini Shell
<?php include('header.php'); ?>
<div class="page-wrapper">
<div class="page-content">
<div class=" card card-body">
<div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
<div class="ms-auto">
<div class="btn-group">
<a href="add-plans.php" class="btn btn-sm btn-add"><i class="lni lni-circle-plus"></i> Add Subscription</a>
</div>
</div>
</div>
<div class="tab-content ">
<!--new order start-->
<div class="tab-pane fade show active" id="new" role="tabpanel">
<b style="font-size:14px;">Subscription Details</b>
<div class="row" style="margin:10px 0px 10px 0px ;">
</div>
<table id="plan">
<thead>
<tr>
<th>Action</th>
<th>S.No</th>
<th>Plan Name</th>
<th>Plan Duration</th>
<th>Price</th>
<th>Status</th>
</tr>
</thead>
</table>
</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 type="text/javascript">
$(document).ready(function() {
var start = moment().subtract(0, 'days');
var end = moment();
function cb(start, end) {
$('#reportrange span').html(start.format('D-M-Y') + ' to ' + end.format('D-M-Y'));
//if(text==''){text='Today';}
//$('#reportrange span').html(text);
}
$('#reportrange').daterangepicker({
startDate: start,
endDate: end,
ranges: {
'Today': [moment(), moment()],
'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
'Last 7 Days': [moment().subtract(6, 'days'), moment()],
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
'This Month': [moment().startOf('month'), moment().endOf('month')],
'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')],
'Last 6 Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(6, 'month').endOf('month')]
}
}, cb);
cb(start, end);
});
</script>
<script>
$(document).ready(function() {
getData();
function getData(){
var dataTable = $('#plan').DataTable( {
"processing": true,
"order":[[0,'asc']],
"serverSide": true,
"lengthMenu": [[5,10, 25, 50, 100], [5,10, 25, 50, 100]],
"destroy":true,
"ajax":{
url :"data-tables/plan-dt.php", // json datasource
data: {type:'get_plan_table'},
type: "post", // method , by default get
error: function(){ // error handling
$(".example-error").html("");
$("#plan").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>');
$("#plan").css("display","none");
}
}
});
}
});
</script>
<?php include('footer.php'); ?>
Zerion Mini Shell 1.0