ok
Mini Shell
<?php include 'header.php'; ?>
<div class="page-wrapper" >
<div class="page-content">
<form id="form_details">
<div class="row" id="content-div">
<div class="col-lg-12">
<div class="card" style="margin: 0px 10px 30px 10px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;">
<div class="card-body">
<div class="row g-3" style="padding: 0px 0px 20px 0px;">
<div class="col-12 col-lg-12">
<a href="district.php" class="btn btn-danger btn-sm" style="float: right;"><i class="bi bi-arrow-left-circle"></i> Back to List</a>
<b style="font-weight: bolder;font-size: 17px;">Add District Details</b>
<hr>
</div>
<div class="col-12 col-lg-4">
<label for="name" class="form-label required">District Name</label>
<input type="text" class="form-control" id="name" name="name" placeholder="Class Name" required>
</div>
<div class="col-sm-4">
<div class="form-group">
<label for="class_id" class="form-label required">Select State</label>
<select class="form-control select2" id="state_id" name="state_id" >
<option value="">All State</option>
<?php
$statement = $pdo->prepare("SELECT * FROM `state` WHERE status=1");
$statement->execute();
$resultss = $statement->fetchAll(PDO::FETCH_ASSOC);
foreach ($resultss as $result) {
?>
<option value="<?=$result['id']?>"><?=$result['state_name']?></option>
<?php } ?>
</select>
</div>
</div>
</div>
</div>
</div>
<div class="col text-center">
<button type="submit" class="btn btn-primary px-5">Save Details</button>
</div>
</div>
</div>
</form>
<div class="container" id="loading-div" style="display: none;">
<center> <img src="image/loading.gif" style="width: 250px;"><br><b class="blinking">Processing Please Wait...</b></center>
</div>
<div class="container" id="success-div" style="display: none; margin-top: 40px;">
<center><b class="blinking" style="font-size:22px;">District Details Added Successfully...</b><br>
<img src="image/success.gif" style="width: 250px;">
<br><br><a href="district.php"><button class="btn btn-warning"><i class="fa fa-list"></i> Back to District List</button></a>
<a href="district-add.php"><button class="btn btn-success"><i class="fa fa-plus"></i> Add Class Details</button></a>
</center>
</div>
</div>
</div>
<?php include 'footer.php'; ?>
<script>
$(document).ready(function(){
$('#form_details').on('submit', function(e){
e.preventDefault();
console.log("Form Submitted Successfully !!!")
$('#loading-div').show();
$('#content-div').hide();
var formData = new FormData(this);
formData.append('type', 'add_district');
$.ajax({
url: 'apis/district.php',
type: 'post',
dataType: 'json',
data: formData,
cache: false,
contentType: false,
processData: false,
enctype: 'multipart/form-data',
success: function (response) {
//console.log(response);
if(response['status']==200){
success(response['message']);
$('#loading-div').hide();
$('#form_details').trigger("reset");
$('#success-div').show();
}else{
warning(response['message']);
$('#loading-div').hide();
$('#content-div').show();
}
}
});
});
});
</script>
<script>
$("#hostel").change(function () {
get_rooms();
setTimeout(function() {
get_rooms_available();
}, 800);
});
$("#rooms_id").change(function () {
get_rooms_available();
});
function get_rooms(){
$('#rooms_id').empty();
var hostel_id = $('#hostel').val();
$.ajax({
url: 'api/get-values.php',
type: 'post',
dataType: 'json',
data: {type:'get_rooms',hostel_id:hostel_id},
success: function (response) {
console.log(response);
if(response['error']==false){
var m='';
for(var n=0;n<response['data'].length;n++){
m+='<option value='+response['data'][n]['id']+'>'+response['data'][n]['room_name']+'</option>';
}
$('#rooms_id').append(m);
}else{
var m='<option value="">No Rooms Found</option>';
$('#rooms_id').append(m);
}
}
});
}
function get_rooms_available(){
$('#bed_id').empty();
var rooms_id = $('#rooms_id').val();
$.ajax({
url: 'api/get-values.php',
type: 'post',
dataType: 'json',
data: {type:'get_rooms_availabilty',room_id:rooms_id},
success: function (response) {
console.log(response);
if(response['error']==false){
var m='';
for(var n=0;n<response['data'].length;n++){
if(response['data'][n]['Room_Status']=='Available'){
m+='<option value="'+response['data'][n]['id']+'">'+response['data'][n]['name']+' - ('+response['data'][n]['Room_Status']+')</option>';
}
}
$('#bed_id').append(m);
}else{
var m='No Beds Found';
$('#bed_id').append(m);
}
}
});
}
</script>
Zerion Mini Shell 1.0