ikan Uploader :
Directory : /home/ni05r7l36tus/www/poojajewellersbbsr.com/admin/
Upload File : |
| Current File : //home/ni05r7l36tus/www/poojajewellersbbsr.com/admin/add_blog.php |
<?php include "common/header.php" ?>
<?php
include 'connection/config.php';
$editMode = isset($_GET['action']) && $_GET['action'] === 'edit_blog';
$blog = [];
if ($editMode) {
$id = $_GET['id'];
$stmt = $pdo->prepare("SELECT * FROM `blog` WHERE id = ?");
$stmt->execute([$id]);
$blog = $stmt->fetch(PDO::FETCH_ASSOC);
}
?>
<!-- ==================================================== -->
<!-- Start right Content here -->
<!-- ==================================================== -->
<div class="page-content">
<!-- Start Container Fluid -->
<div class="container-xxl">
<form action="function.php" method="POST" enctype="multipart/form-data">
<!-- Hidden Fields -->
<?php if (isset($blog['id'])): ?>
<input type="hidden" name="id" value="<?= $blog['id'] ?>">
<?php endif; ?>
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-header">
<h4 class="card-title d-flex align-items-center gap-1"><iconify-icon icon="solar:shop-2-bold-duotone" class="text-primary fs-20"></iconify-icon>Blog Details</h4>
</div>
<div class="card-body">
<div class="row">
<div class="col-lg-12">
<div class="mb-3">
<label for="store-name" class="form-label">Title</label>
<input type="text" name="title" class="form-control" placeholder="Enter Title" value="<?= $editMode ? htmlspecialchars($blog['title']) : '' ?>">
</div>
</div>
<div class="col-lg-6">
<div class="mb-3">
<label for="schedule-number" class="form-label">Publish Date </label>
<input type="text" name="publish_date" name="schedule-number" class="form-control" placeholder="Enter Publish Date" value="<?= $editMode ? htmlspecialchars($blog['publish_date']) : '' ?>">
</div>
</div>
<div class="col-lg-6">
<div class="mb-3">
<label for="schedule-email" class="form-label">Author</label>
<input type="text" name="author" name="schedule-email" class="form-control" placeholder="Enter Author" value="<?= $editMode ? htmlspecialchars($blog['author']) : '' ?>">
</div>
</div>
<div class="col-lg-12">
<div class="mb-3">
<label for="owner-name" class="form-label">Image</label>
<input type="file" name="image" class="form-control" placeholder="Image">
</div>
<div id="imagePreview0" class="mb-3">
<?php if ($editMode && $blog['image']): ?>
<img src="../uploads/blog/<?= htmlspecialchars($blog['image']) ?>" class="img-thumbnail" width="150" height="150" alt="Preview">
<?php endif; ?>
</div>
</div>
<div class="col-lg-12">
<div class="mb-3">
<label for="address" class="form-label">Description</label>
<textarea class="form-control bg-light-subtle" id="blog_description" name="description" rows="3" placeholder="Enter Description"><?= $editMode ? html_entity_decode($blog['description']) : '' ?></textarea>
<script src="ckeditor/ckeditor.js"></script>
<script>CKEDITOR.replace('blog_description', { height: '300', width: 'auto' });</script>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-header">
<h4 class="card-title d-flex align-items-center gap-1"><iconify-icon icon="solar:settings-bold-duotone" class="text-primary fs-20"></iconify-icon>Seo Details</h4>
</div>
<div class="card-body">
<div class="row">
<div class="col-lg-6">
<div class="mb-3">
<label for="meta-tag" class="form-label">Slug</label>
<input type="text" name="slug" class="form-control" placeholder="Enter slug" value="<?= $editMode ? htmlspecialchars($blog['slug']) : '' ?>">
</div>
</div>
<div class="col-lg-6">
<div class="mb-3">
<label for="meta-name" class="form-label">Meta Title</label>
<input type="text" name="meta_title" class="form-control" placeholder="Enter Meta Title" value="<?= $editMode ? htmlspecialchars($blog['meta_title']) : '' ?>">
</div>
</div>
<div class="col-lg-12">
<div class="mb-3">
<label for="meta-tag" class="form-label">Meta Tag Keyword</label>
<input type="text" name="meta_keyword" class="form-control" placeholder="Enter Meta Tag Keyword" value="<?= $editMode ? htmlspecialchars($blog['meta_keyword']) : '' ?>">
</div>
</div>
<div class="col-lg-12">
<div class="">
<label for="description" class="form-label">Description</label>
<textarea class="form-control bg-light-subtle" id="description" name="meta_description" rows="4" placeholder="Type description"><?= $editMode ? html_entity_decode($blog['meta_description']) : '' ?></textarea>
<script src="ckeditor/ckeditor.js"></script>
<script>CKEDITOR.replace('description', { height: '300', width: 'auto' });</script>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="text-end">
<button type="submit" name="<?= $editMode ? 'update_blog' : 'add_blog' ?>" class="btn btn-success">Submit</button>
</div>
</form>
</div>
<!-- End Container Fluid -->
<!-- ========== Footer Start ========== -->
<?php include "common/footer.php" ?>
<!-- ========== Footer End ========== -->
</div>
<!-- ==================================================== -->
<!-- End Page Content -->
<!-- ==================================================== -->
</div>
<!-- END Wrapper -->
<!-- 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>
<!-- Vendor Javascript (Require in all Page) -->
<script src="assets/js/vendor.js"></script>
<!-- App Javascript (Require in all Page) -->
<script src="assets/js/app.js"></script>
</body>
</html>
........