|
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 (0755) : /home2/imyrqtmy/public_html/mauryamarriagebureau/vendor/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<?php
session_start();
$se = $_SESSION["id"];
if (!isset($_SESSION['id'])) {
header("Location: login.php");
}
include("includes/config.php");;
$user_id = $_SESSION['id'];
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Profile Elements</title>
<!-- Google Font: Source Sans Pro -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
<!-- Font Awesome -->
<link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="dist/css/adminlte.min.css">
</head>
<body class="hold-transition sidebar-mini">
<div class="wrapper">
<!-- Navbar -->
<?php require "includes/nav.php" ?>
<!-- /.navbar -->
<!-- Main Sidebar Container -->
<?php require "includes/sidebar.php" ?>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
<h1>Profile</h1>
</div>
<div class="col-sm-6">
<ol class="breadcrumb float-sm-right">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active">Profile</li>
</ol>
</div>
</div>
</div><!-- /.container-fluid -->
</section>
<!-- Main content -->
<section class="content">
<div class="container-fluid">
<div class="row">
<!-- left column -->
<div class="col-md-12">
<!-- general form elements -->
<div class="card card-primary">
<div class="card-header">
<h3 class="card-title">Add Profile</h3>
</div>
<!-- /.card-header -->
<!-- form start -->
<?php
if(isset($_SESSION['status']) && $_SESSION != ''){
?>
<div class="alert alert-warning alert-dismissible fade show" role="alert">
<strong>Hey!</strong> <?php echo $_SESSION['status']; ?>
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
<?php
unset($_SESSION['status']);
}
?>
<div id="statusMessage"></div>
<!-- <form action="add_profile.php" method="post" enctype="multipart/form-data"> -->
<form id="profileForm" enctype="multipart/form-data">
<?php
$se = $_SESSION["id"];
$query = "SELECT * FROM vendor WHERE id='$se'";
$query_run =mysqli_query($conn, $query);
if(mysqli_num_rows($query_run) > 0){
foreach($query_run as $row){
?>
<div class="card-body">
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label for="exampleInputPassword1">Name</label>
<input type="text" class="form-control" id="name" name="name" value="<?php echo $row['name']; ?>">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="dob">Date Of Birth</label>
<input type="date" class="form-control" id="dob" name="dob" placeholder="Enter DOB" onchange="calculateAge()">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="age">Age</label>
<input type="text" class="form-control" id="age" name="age" placeholder="Enter Age" readonly>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label for="exampleInputPassword1">Family Name</label>
<input type="text" class="form-control" id="family_name" name="family_name" placeholder="Family Name">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="exampleInputPassword1">Weight (KG)</label>
<input type="text" class="form-control" id="weight" name="weight" placeholder="Enter Weight">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="exampleInputPassword1">Religion</label>
<input type="text" class="form-control" id="religion" name="religion" placeholder="Enter Religion">
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label for="exampleInputPassword1">Height (CM)</label>
<input type="text" class="form-control" id="height" name="height" placeholder="Enter Height">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="exampleInputPassword1">Degree</label>
<input type="text" class="form-control" id="degree" name="degree" placeholder="Enter Degree">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="exampleInputPassword1">Profession</label>
<input type="text" class="form-control" id="profession" name="profession" placeholder="Enter Profession">
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label for="exampleInputPassword1">Position</label>
<input type="text" class="form-control" id="position" name="position" placeholder="Enter Position">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="exampleInputPassword1">Mobile</label>
<input type="text" class="form-control" id="mobile" name="mobile" value="<?php echo $row['mobile']; ?>">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="exampleInputPassword1">Email</label>
<input type="text" class="form-control" id="email" name="email" value="<?php echo $row['username']; ?>">
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="exampleInputPassword1">Category Id</label>
<select name="category_id" id="category" class="form-control" required="">
<option value="" selected disabled>Select</option>
<?php
$query = "SELECT * FROM categories";
$query_run =mysqli_query($conn, $query);
if(mysqli_num_rows($query_run) > 0){
foreach($query_run as $row){
echo '<option class="fs-6" value="'.$row["id"].'">'.$row["cat_name"].'</option>';
}}
?>
</select>
</div>
</div>
<!-- <div class="col-md-6">
<div class="form-group">
<label for="exampleInputFile">Image</label>
<div class="input-group">
<div class="custom-file">
<label class="custom-file-label" for="exampleInputFile">Add Image</label>
<input type="file" class="custom-file-input" id="photo" name="photo" required>
</div>
</div>
</div>
</div> -->
<div class="col-md-6">
<div class="form-group">
<label for="exampleInputFile">Image</label>
<div class="input-group">
<div class="custom-file">
<label class="custom-file-label" for="photo">Add Image</label>
<input type="file" class="custom-file-input" id="photo" name="photo" accept="image/*" required>
</div>
</div>
<!-- Image Preview -->
<div class="mt-3">
<img id="imagePreview" src="#" alt="Image Preview" style="display: none; height: 70px; border: 1px solid #ccc; padding: 5px;" />
</div>
</div>
</div>
<!-- </div> -->
</div>
<div class="form-group">
<label for="exampleInputPassword1">Address</label>
<input type="text" class="form-control" id="address" name="address" placeholder="Enter Address">
</div>
<?php }} ?>
<div class="card-footer">
<button type="submit" name="add_profile" class="btn btn-primary">Add</button>
</div>
<!-- <div id="statusMessage"></div> -->
</form>
</div>
<!-- /.card -->
</div>
</div>
</div>
</section>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function () {
// Preview the selected image
$('#photo').on('change', function () {
const file = this.files[0];
if (file) {
const reader = new FileReader();
reader.onload = function (e) {
$('#imagePreview')
.attr('src', e.target.result)
.css('display', 'block'); // Show the preview
};
reader.readAsDataURL(file);
} else {
$('#imagePreview').css('display', 'none'); // Hide preview if no file selected
}
});
});
</script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function () {
$('#profileForm').on('submit', function (e) {
e.preventDefault();
var formData = new FormData(this);
$.ajax({
url: 'add_profile.php',
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function (response) {
$('#statusMessage').html('<div class="alert alert-success">Profile uploaded successfully!</div>');
console.log(response);
setTimeout(function () {
window.location.href = 'view-profile.php';
}, 2000);
},
error: function (xhr, status, error) {
$('#statusMessage').html('<div class="alert alert-danger">An error occurred: ' + error + '</div>');
console.error(xhr.responseText);
}
});
});
});
</script>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<!-- <footer class="main-footer">
<div class="float-right d-none d-sm-block">
<b>Version</b> 3.2.0
</div>
<strong>Copyright © 2014-2021 <a href="https://adminlte.io">AdminLTE.io</a>.</strong> All rights reserved.
</footer> -->
<!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark">
<!-- Control sidebar content goes here -->
</aside>
<!-- /.control-sidebar -->
</div>
<!-- ./wrapper -->
<script>
const allowedExtensions = ['gif', 'png', 'jpg', 'jpeg', 'webp', 'avif'];
const fileInput = document.getElementById('photo');
fileInput.addEventListener('change', function () {
const file = fileInput.files[0];
if (file) {
const fileExtension = file.name.split('.').pop().toLowerCase();
if (!allowedExtensions.includes(fileExtension)) {
alert('Please upload a PNG,JPG & JPEG image file.');
fileInput.value = '';
}
}
});
</script>
<script>
function calculateAge() {
const dobInput = document.getElementById('dob').value;
if (dobInput) {
const birthDate = new Date(dobInput);
const currentDate = new Date();
const age = currentDate.getFullYear() - birthDate.getFullYear();
const monthDifference = currentDate.getMonth() - birthDate.getMonth();
// If birthday hasn't occurred this year yet, subtract one from the age
if (monthDifference < 0 || (monthDifference === 0 && currentDate.getDate() < birthDate.getDate())) {
age--;
}
// Display the calculated age in the 'age' input field
document.getElementById('age').value = age;
} else {
document.getElementById('age').value = '';
}
}
</script>
<script>
// document.addEventListener("DOMContentLoaded", function() {
// tinymce.init({
// selector: 'textarea', // Use all textarea elements as editors
// plugins: 'autoresize', // Enable autoresize plugin
// toolbar: 'undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat',
// autoresize_min_height: 200, // Set minimum height for autoresize
// autoresize_max_height: 600, // Set maximum height for autoresize
// // You can add more configuration options here
// });
// });
</script>
<!-- jQuery -->
<!--<script src="https://cdn.tiny.cloud/1/4eu5hkaizynyxdpz89auai3uf02ibspaj5h5pi5mtzorahit/tinymce/5/tinymce.min.js"></script>-->
<script src="plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- bs-custom-file-input -->
<script src="plugins/bs-custom-file-input/bs-custom-file-input.min.js"></script>
<!-- AdminLTE App -->
<script src="dist/js/adminlte.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="dist/js/demo.js"></script>
<!-- Page specific script -->
<script>
$(function () {
bsCustomFileInput.init();
});
</script>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<script>
CKEDITOR.replace('option_text_1');
CKEDITOR.replace('option_text_2');
CKEDITOR.replace('option_text_3');
</script>
</body>
</html>