ikan Uploader :
Directory : /home/ni05r7l36tus/public_html/annapurnaed.com/admin/
Upload File : |
| Current File : /home/ni05r7l36tus/public_html/annapurnaed.com/admin/add_project.php |
<?php include "common/header.php"; ?>
<?php
include 'connection/config.php';
$editMode = isset($_GET['action']) && $_GET['action'] === 'edit_project';
$row = [];
if ($editMode) {
$id = $_GET['id'];
$stmt = $pdo->prepare("SELECT * FROM `project` 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">
<form action="function.php" method="POST" enctype="multipart/form-data">
<!-- Hidden Fields -->
<?php if (isset($row['id'])): ?>
<input type="hidden" name="id" value="<?= $row['id'] ?>">
<?php endif; ?>
<!-- Project Content -->
<div class="card">
<div class="card-header">
<h4 class="card-title">Project Details</h4>
</div>
<div class="card-body pt-0">
<!-- Title -->
<div class="mb-3">
<label class="form-label">Title</label>
<input type="text" class="form-control" name="title" placeholder="Enter Title" value="<?= $editMode ? htmlspecialchars($row['title']) : '' ?>">
</div>
<!-- Subtitle -->
<div class="mb-3">
<label class="form-label">Pagetitle</label>
<input type="text" class="form-control" name="page_title" placeholder="Enter Subtitle" value="<?= $editMode ? htmlspecialchars($row['page_title']) : '' ?>">
</div>
<div class="mb-3">
<label class="form-label">client</label>
<input type="text" class="form-control" name="client" placeholder="Enter Subtitle" value="<?= $editMode ? htmlspecialchars($row['client']) : '' ?>">
</div>
<div class="mb-3">
<label class="form-label">company</label>
<input type="text" class="form-control" name="company" placeholder="Enter Subtitle" value="<?= $editMode ? htmlspecialchars($row['company']) : '' ?>">
</div>
<div class="mb-3">
<label class="form-label">location</label>
<input type="text" class="form-control" name="location" placeholder="Enter Subtitle" value="<?= $editMode ? htmlspecialchars($row['location']) : '' ?>">
</div>
<div class="mb-3">
<label class="form-label">Project type</label>
<input type="text" class="form-control" name="project_type" placeholder="Enter Subtitle" value="<?= $editMode ? htmlspecialchars($row['project_type']) : '' ?>">
</div>
<!-- Image Upload -->
<!-- Image -->
<label class="form-label">Image</label>
<div class="input-group mb-3">
<input type="file" name="image" class="form-control" id="imageUploadInput0" accept="image/*">
<label class="input-group-text" for="imageUploadInput0">Upload</label>
</div>
<div id="imagePreview0" class="mb-3">
<?php if ($editMode && $row['image']): ?>
<img src="../upload/<?= htmlspecialchars($row['image']) ?>" class="img-thumbnail" width="150" height="150" alt="Preview">
<?php endif; ?>
</div>
<!-- Image 1 -->
<label class="form-label">Image 1</label>
<div class="input-group mb-3">
<input type="file" name="image1" class="form-control" id="imageUploadInput1" accept="image/*">
<label class="input-group-text" for="imageUploadInput1">Upload</label>
</div>
<div id="imagePreview1" class="mb-3">
<?php if ($editMode && $row['image1']): ?>
<img src="../upload/<?= htmlspecialchars($row['image1']) ?>" class="img-thumbnail" width="150" height="150" alt="Preview">
<?php endif; ?>
</div>
<!-- Image 2 -->
<label class="form-label">Image 2</label>
<div class="input-group mb-3">
<input type="file" name="image2" class="form-control" id="imageUploadInput2" accept="image/*">
<label class="input-group-text" for="imageUploadInput2">Upload</label>
</div>
<div id="imagePreview2" class="mb-3">
<?php if ($editMode && $row['image2']): ?>
<img src="../upload/<?= htmlspecialchars($row['image2']) ?>" class="img-thumbnail" width="150" height="150" alt="Preview">
<?php endif; ?>
</div>
<!-- Full Description -->
<div class="form-group mb-3">
<label class="form-label">Description1</label>
<textarea class="form-control" rows="3" id="description1" name="description1"><?= $editMode ? html_entity_decode($row['description1']) : '' ?></textarea>
<script src="ckeditor/ckeditor.js"></script>
<script>CKEDITOR.replace('description1', { height: '300', width: 'auto' });</script>
</div>
<div class="form-group mb-3">
<label class="form-label">Description2</label>
<textarea class="form-control" rows="3" id="description2" name="description2"><?= $editMode ? html_entity_decode($row['description2']) : '' ?></textarea>
<script src="ckeditor/ckeditor.js"></script>
<script>CKEDITOR.replace('description2', { height: '300', width: 'auto' });</script>
</div>
<div class="form-group mb-3">
<label class="form-label">Description3</label>
<textarea class="form-control" rows="3" id="description3" name="description3"><?= $editMode ? html_entity_decode($row['description3']) : '' ?></textarea>
<script src="ckeditor/ckeditor.js"></script>
<script>CKEDITOR.replace('description3', { height: '300', width: 'auto' });</script>
</div>
<div class="form-group mb-3">
<label class="form-label">Description4</label>
<textarea class="form-control" rows="3" id="description4" name="description4"><?= $editMode ? html_entity_decode($row['description4']) : '' ?></textarea>
<script src="ckeditor/ckeditor.js"></script>
<script>CKEDITOR.replace('description4', { height: '300', width: 'auto' });</script>
</div>
</div>
</div>
<!-- SEO Details -->
<div class="card">
<div class="card-header">
<h4 class="card-title">SEO Details</h4>
</div>
<div class="card-body pt-0">
<!-- Slug -->
<div class="mb-3">
<label class="form-label">Slug</label>
<input type="text" class="form-control" name="slug" placeholder="Enter Slug" value="<?= $editMode ? htmlspecialchars($row['slug']) : '' ?>">
</div>
<!-- Meta Title -->
<div class="mb-3">
<label class="form-label">Meta Title</label>
<input type="text" class="form-control" name="meta_title" placeholder="Enter Meta Title" value="<?= $editMode ? htmlspecialchars($row['metatitle']) : '' ?>">
</div>
<!-- Meta Keyword -->
<div class="mb-3">
<label class="form-label">Meta Keyword</label>
<input type="text" class="form-control" name="meta_keyword" placeholder="Enter Meta Keyword" value="<?= $editMode ? htmlspecialchars($row['keyword']) : '' ?>">
</div>
<!-- Meta Description -->
<div class="form-group mb-3">
<label class="form-label">Meta Description</label>
<textarea class="form-control" rows="3" name="meta_description"><?= $editMode ? htmlspecialchars($row['seodescription']) : '' ?></textarea>
</div>
<!-- Submit -->
<button type="submit" name="<?= $editMode ? 'update_project' : 'add_project' ?>" class="btn btn-primary">Submit</button>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- Image Preview Script -->
<script>
function setupImagePreview(inputId, previewId) {
document.getElementById(inputId).addEventListener("change", function () {
const allowedExtensions = ["jpg", "jpeg", "png", "gif", "webp"];
const fileInput = this;
const file = fileInput.files[0];
const previewContainer = document.getElementById(previewId);
if (file) {
const extension = file.name.split('.').pop().toLowerCase();
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) {
previewContainer.innerHTML = `<img src="${e.target.result}" class="img-thumbnail" width="150" height="150">`;
};
reader.readAsDataURL(file);
}
});
}
// Attach to all file inputs
setupImagePreview("imageUploadInput0", "imagePreview0");
setupImagePreview("imageUploadInput1", "imagePreview1");
setupImagePreview("imageUploadInput2", "imagePreview2");
</script>
<?php include "common/footer.php"; ?>
........