Domain: amberpublishers.in
Server Adress: 86.38.243.169
privdayz.com
<!DOCTYPE html>
<html lang="en">
<head>
<?php include 'common/head.php'; ?>
<link rel="stylesheet" href="styles.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<?php include 'common/header.php'; ?>
<main id="main">
<section class="breadcrumbs">
<div class="container">
<div class="d-flex justify-content-between align-items-center">
<h2 class="fw-bold">Publication Fees</h2>
<ol>
<li><a href="index.php">Home</a></li>
<li>Publication Fees</li>
</ol>
</div>
</div>
</section>
<section class="inner-page pt-4">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="fees-details">
<h3 class="section-title">Publication Fees Details</h3>
<p>Publication fee is charged to meet expenses like Formatting, Cover Designing, ISBN Allotment, Proof Reading and Reviewing.</p>
<p>Authors can deposit fees by using QR Code or direct bank transfer.</p>
<!-- <ul>
<li>
<h3 class="section-title">Publication Fee:</h3>
<ul>
<li><strong>Indian Authors:</strong> Rs.750 (For One entire research paper)</li>
<li><strong>Foreign Authors:</strong> $20 (For One entire research paper)</li>
</ul>
</li>
</ul> -->
<div class="steps-process">
<h3 class="section-title">Payment Process</h3>
<div class="step">
<div class="step-circle">1</div>
<p>Submit your manuscript for review</p>
</div>
<div class="step">
<div class="step-circle">2</div>
<p>Receive acceptance notification</p>
</div>
<div class="step">
<div class="step-circle">3</div>
<p>Make payment using QR Code or bank transfer</p>
</div>
<div class="step">
<div class="step-circle">4</div>
<p>Upload payment screenshot and provide a message</p>
</div>
<div class="step">
<div class="step-circle">5</div>
<p>Payment verification and publication</p>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="bank-details">
<h3 class="section-title">Bank Details</h3>
<ul class="bank-details-list">
<li>
<p style=" margin-bottom: 1px;"><strong>Bank Name:</strong> CANARA BANK</p>
</li>
<li>
<p style=" margin-bottom: 1px;"><strong>Beneficiary Name:</strong> Mariyam Kazmi</p>
</li>
<li>
<p style=" margin-bottom: 1px;"><strong>Account Number:</strong> 5319101001132</p>
</li>
<li>
<p style=" margin-bottom: 1px;"><strong>IFSC Code:</strong> CNRB0005319</p>
</li>
</ul>
</div>
<div class="qr-code">
<h3 class="section-title">OR</h3>
<h3 class="section-title">Scan QR Code</h3>
<img src="./assets/img/qr_code.png" alt="QR Code">
</div>
</div>
<div class="col-lg-3">
<div class="upload-screenshot" style="margin-top: 0px;">
<h3 class="section-title">Upload Screenshot</h3>
<form id="myForm" method="post" enctype="multipart/form-data">
<div class="mb-3">
<label for="name" class="form-label">Book/Chapter Title</label>
<input type="text" class="form-control" id="name" name="name" required>
<div id="name-error" class="text-danger"></div>
</div>
<div class="mb-3">
<label for="email" class="form-label">Email</label>
<input type="email" class="form-control" id="email" name="email" required>
<div id="email-error" class="text-danger"></div>
</div>
<div class="mb-3">
<label for="formFile" class="form-label">Upload Payment Screenshot</label>
<input class="form-control" type="file" id="formFile" name="fileToUpload" required>
<div id="fileToUpload-error" class="text-danger"></div>
</div>
<div class="mb-3">
<label for="message" class="form-label">Message</label>
<textarea class="form-control" name="message" id="message" cols="30" rows="5"></textarea>
</div>
<button type="button" id="submit-button" class="btn btn-outline-dark">Send Email</button>
<img id="spinner" src="./assets/img/Spinner-1s-200px.gif" alt="Loading..." style="display: none;width: 50px; height: 50px;">
</form>
<div id="response-message"></div>
</div>
</div>
</div>
</div>
</section>
</main>
<?php include 'common/footer.php'; ?>
<?php include 'common/scripts.php'; ?>
<script>
$(document).ready(function () {
$("#submit-button").click(function (e) {
e.preventDefault(); // Prevent the default form submission
// Validate the form fields
var name = $("#name").val();
var email = $("#email").val();
var fileToUpload = $("#formFile").val();
var isValid = true;
// Validate the name field (for example, require at least 3 characters)
if (name.length < 3) {
$("#name-error").text("Name must be at least 3 characters.");
isValid = false;
} else {
$("#name-error").text(""); // Clear error message
}
// Validate the email field (you can add more complex email validation)
if (!isValidEmail(email)) {
$("#email-error").text("Invalid email address.");
isValid = false;
} else {
$("#email-error").text(""); // Clear error message
}
// Validate the fileToUpload field (check if a file is selected)
if (!fileToUpload) {
$("#fileToUpload-error").text("Please select a file.");
isValid = false;
} else {
$("#fileToUpload-error").text(""); // Clear error message
}
if (isValid) {
// If the form is valid, proceed with AJAX request and email sending
// ...
// Disable the button and change text
$("#submit-button").prop("disabled", true).text("Sending Email...");
// Show the spinner
$("#spinner").show();
// AJAX request and email sending code
$.ajax({
type: "POST",
url: "process_payment.php", // Submit to the same page
data: new FormData($("#myForm")[0]),
processData: false, // Prevent jQuery from processing data
contentType: false, // Prevent jQuery from setting content type
success: function (response) {
// Display the response message on your page
$("#response-message").html(response);
if (response.includes("success")) {
$("#response-message").html('<div class="alert alert-success mt-2">Email Sent Successfully.</div>');
// // Clear form fields
$("#name").val("");
$("#email").val("");
$("#formFile").val("");
$("#message").val("");
alert("Email sent successfully!");
} else {
alert("Email could not be sent.");
$("#response-message").html('<div class="alert alert-danger mt-2">Email could not be sent.</div>');
}
},
error: function () {
// Handle errors here
$("#response-message").html('<div class="alert alert-danger mt-2">Email could not be sent.</div>');
},
complete: function () {
// Re-enable the button and restore text
$("#submit-button").prop("disabled", false).text("Send Email");
$("#spinner").hide();
},
});
}
});
// Email validation function (simple example)
function isValidEmail(email) {
var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
return emailRegex.test(email);
}
});
</script>
</body>
</html>
