ikan Uploader :
Directory : /home/ni05r7l36tus/public_html/annapurnaed.com/admin/
Upload File : |
| Current File : /home/ni05r7l36tus/public_html/annapurnaed.com/admin/add_team.php |
<?php include "common/header.php"; ?>
<?php
include 'connection/config.php';
$editMode = isset($_GET['action']) && $_GET['action'] === 'edit_team';
$row = [];
if ($editMode) {
$id = $_GET['id'];
$stmt = $pdo->prepare("SELECT * FROM `team` WHERE id = ?");
$stmt->execute([$id]);
$row = $stmt->fetch(PDO::FETCH_ASSOC);
}
?>
<div class="container-xxl">
<div class="row justify-content-center">
<div class="col-md-12 col-lg-12">
<div class="card">
<div class="card-header">
<h4 class="card-title">Team Details</h4>
</div>
<div class="card-body pt-0">
<form action="function.php" method="POST" enctype="multipart/form-data">
<!-- Hidden Fields -->
<input type="hidden" name="table" value="team">
<input type="hidden" name="page" value="team.php">
<?php if ($editMode): ?>
<input type="hidden" name="record_id" value="<?= htmlspecialchars($row['id']) ?>">
<input type="hidden" name="old_image" value="<?= htmlspecialchars($row['image']) ?>">
<input type="hidden" name="image_field" value="image">
<?php endif; ?>
<!-- Full Name -->
<div class="mb-3">
<label class="form-label">Full Name</label>
<input type="text" class="form-control" name="full_name" placeholder="Enter Full Name" value="<?= $editMode ? htmlspecialchars($row['full_name']) : '' ?>">
</div>
<!-- Image Upload -->
<div class="input-group mb-3">
<input type="file" name="image" class="form-control" id="imageUploadInput" accept="image/*">
<label class="input-group-text" for="imageUploadInput">Upload</label>
</div>
<div id="imagePreview" class="mb-3">
<?php if ($editMode && $row['image']): ?>
<img id="previewImage" src="../upload/<?= htmlspecialchars($row['image']) ?>" class="img-thumbnail" width="150" height="150" alt="Preview">
<?php endif; ?>
</div>
<!-- Designation -->
<div class="mb-3">
<label class="form-label">Designation</label>
<input type="text" class="form-control" name="designation" placeholder="Enter Designation" value="<?= $editMode ? htmlspecialchars($row['designation']) : '' ?>">
</div>
<!-- Department -->
<div class="mb-3">
<label class="form-label">Department</label>
<input type="text" class="form-control" name="department" placeholder="Enter Department" value="<?= $editMode ? htmlspecialchars($row['department']) : '' ?>">
</div>
<!-- Email -->
<div class="mb-3">
<label class="form-label">Email</label>
<input type="email" class="form-control" name="email" placeholder="Enter Email" value="<?= $editMode ? htmlspecialchars($row['email']) : '' ?>">
</div>
<!-- Phone Number -->
<div class="mb-3">
<label class="form-label">Phone Number</label>
<input type="text" class="form-control" name="phone_number" placeholder="Enter Phone Number" value="<?= $editMode ? htmlspecialchars($row['phone_number']) : '' ?>">
</div>
<!-- LinkedIn -->
<div class="mb-3">
<label class="form-label">LinkedIn</label>
<input type="text" class="form-control" name="linkedin" placeholder="Enter LinkedIn Profile URL" value="<?= $editMode ? htmlspecialchars($row['linkedin']) : '' ?>">
</div>
<!-- Address -->
<div class="form-group mb-3">
<label class="form-label mt-2">Address</label>
<textarea class="form-control" rows="3" name="address" id="description2" placeholder="Enter Address"><?= $editMode ? htmlspecialchars($row['address']) : '' ?></textarea>
</div>
<!-- Date of Birth -->
<div class="form-group mb-3">
<label class="form-label mt-2">Date of Birth</label>
<input class="form-control" type="date" name="date_of_birth" value="<?= $editMode ? htmlspecialchars($row['date_of_birth']) : '' ?>" id="example-date-input">
</div>
<!-- Gender -->
<div class="form-group mb-3">
<label class="form-label mt-2">Gender</label>
<select class="form-select" name="gender">
<option value="">Select Gender</option>
<option value="male" <?= ($editMode && $row['gender'] == 'male') ? 'selected' : '' ?>>Male</option>
<option value="female" <?= ($editMode && $row['gender'] == 'female') ? 'selected' : '' ?>>Female</option>
<option value="other" <?= ($editMode && $row['gender'] == 'other') ? 'selected' : '' ?>>Other</option>
</select>
</div>
<!-- Previous Experience -->
<div class="mb-3">
<label class="form-label">Previous Experience</label>
<input type="text" class="form-control" name="previous_experience" placeholder="Enter Previous Experience" value="<?= $editMode ? htmlspecialchars($row['previous_experience']) : '' ?>">
</div>
<!-- Description -->
<div class="form-group mb-3">
<label class="form-label mt-2">Description</label>
<textarea class="form-control" rows="3" id="description" name="description" placeholder="Write here..."><?= $editMode ? htmlspecialchars($row['description']) : '' ?></textarea>
<script src="ckeditor/ckeditor.js"></script>
<script>CKEDITOR.replace('description', {height: '300', width: 'auto'});</script>
</div>
<!-- Submit Button -->
<button type="submit" name="<?= $editMode ? 'update_data' : 'submit_data' ?>" class="btn btn-primary">Submit</button>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- Image Preview Script -->
<script>
document.getElementById("imageUploadInput").addEventListener("change", function () {
const allowedExtensions = ["jpg", "jpeg", "png", "gif", "webp"];
const fileInput = this;
const file = fileInput.files[0];
const previewImg = document.getElementById("previewImage") || document.getElementById("imagePreview");
if (file) {
const fileName = file.name.toLowerCase();
const extension = fileName.split('.').pop();
if (!allowedExtensions.includes(extension)) {
alert("Only image files are allowed (jpg, jpeg, png, gif, webp)");
fileInput.value = "";
return;
}
const reader = new FileReader();
reader.onload = function (e) {
if (previewImg.tagName === "IMG") {
previewImg.src = e.target.result;
} else {
previewImg.innerHTML = "";
const img = document.createElement("img");
img.src = e.target.result;
img.style.maxWidth = "100px";
img.style.height = "100px";
img.style.border = "1px solid black";
previewImg.appendChild(img);
}
};
reader.readAsDataURL(file);
}
});
</script>
<?php include "common/footer.php"; ?>
........