<?php include'common/header.php'; ?>
<style type="text/css">
.feature{
margin-top:10px; }
.remove-icon{
margin-top: -25px;
margin-right: -20px;
float: right;
}
.add-icon{
margin-bottom: -31px;
margin-right: -13px;
float: right;
}
</style>
<?php
include 'connection/config.php';
if(isset($_GET['action']) && $_GET['action']=='edit_service')
{
$id=$_GET['id'];
$resort_query=$mysqli->query("SELECT * FROM `service` WHERE id=$id");
$resort_row=mysqli_fetch_array($resort_query);
?>
<form action="function.php" method="POST" enctype="multipart/form-data">
<input type="hidden" name="id" id="id" value="<?php echo $resort_row['id'];?>" />
<!-- sa-app__body -->
<div id="top" class="sa-app__body">
<div class="mx-sm-2 px-2 px-sm-3 px-xxl-4 pb-6">
<div class="container">
<div class="py-5">
<div class="row g-4 align-items-center">
<div class="col">
<h1 class="h3 m-0">Edit Service</h1>
</div>
<div class="col-auto d-flex">
<button class="btn btn-primary" type="submit" name="update_service" id="inputGroupFileAddon04">UPDATE</button>
</div>
</div>
</div>
<div class="sa-entity-layout" data-sa-container-query="{"920":"sa-entity-layout--size--md","1100":"sa-entity-layout--size--lg"}">
<div class="sa-entity-layout__body">
<div class="sa-entity-layout__main">
<div class="card">
<div class="card-body p-5">
<div class="mb-5">
<h2 class="mb-0 fs-exact-18">Basic information</h2>
</div>
<div class="mb-4">
<label for="form-product/name" class="form-label">Name</label>
<input type="text" class="form-control" name="title" id="form-product/name" value="<?php echo $resort_row['title']; ?>"/>
</div>
<div class="mb-4">
<label for="form-product/seo-title" class="form-label">Page title</label>
<input type="text" class="form-control" name="pagetitle" id="form-product/seo-title"value="<?php echo $resort_row['pagetitle']; ?>" />
</div>
<div id="product-feature-section">
<label class="form-label">Product Attribute</label><br>
<div class="input-group mb-4 feature-row">
<input
type="text"
class="form-control"
placeholder="feature"
name="feature[]"
/>
<button class="btn btn-success add-feature-btn" type="button">ADD</button>
</div>
</div>
<script>
const featureSection = document.getElementById('product-feature-section');
featureSection.addEventListener('click', function (event) {
const target = event.target;
// When 'Add' button is clicked
if (target.classList.contains('add-feature-btn')) {
const currentRow = target.closest('.feature-row');
const newRow = currentRow.cloneNode(true);
// Clear the input in the cloned row
newRow.querySelectorAll('input').forEach(input => input.value = '');
// Change the button in the cloned row to 'Delete'
const newButton = newRow.querySelector('button');
newButton.textContent = 'Delete';
newButton.classList.remove('add-feature-btn', 'btn-success');
newButton.classList.add('remove-feature-btn', 'btn-danger');
// Append the new row
featureSection.appendChild(newRow);
}
// When 'Delete' button is clicked
if (target.classList.contains('remove-feature-btn')) {
const rowToRemove = target.closest('.feature-row');
rowToRemove.remove();
}
});
</script>
<div class="mb-4">
<label for="form-product/seo-title" class="form-label">Page details title</label>
<input type="text" class="form-control" name="pagedetails_title" id="form-product/seo-title"value="<?php echo $resort_row['pagedetails_title']; ?>" />
</div>
<div class="mb-4">
<label for="form-product/description" class="form-label">Description</label>
<textarea id="content1" name="description" rows="8"><?php echo html_entity_decode($resort_row['description']);?></textarea>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<script type="text/javascript">CKEDITOR.replace('content1', {height: '300', width: '700'});</script>
</div>
</div>
</div>
<div class="card mt-5">
<div class="card-body p-5">
<div class="mb-5">
<h2 class="mb-0 fs-exact-18">Search engine optimization</h2>
<div class="mt-3 text-muted">Provide information that will help improve the snippet and bring your product to the top of search engines.</div>
</div>
<div class="mb-4">
<label for="form-product/slug" class="form-label">Slug</label>
<div class="input-group input-group--sa-slug">
<span class="input-group-text" id="form-product/slug-addon">https://example.com/products/</span>
<input type="text" class="form-control" name="slug" id="form-product/slug" aria-describedby="form-product/slug-addon form-product/slug-help" value="<?php echo $resort_row['slug']; ?>"/>
</div>
<div id="form-product/slug-help" class="form-text">Unique human-readable product identifier. No longer than 255 characters.</div>
</div>
<div class="mb-4">
<label for="form-product/seo-title" class="form-label">Page Keywords</label>
<input type="text" name="keyword" class="form-control" id="form-product/seo-title" value="<?php echo $resort_row['keyword']; ?>" />
</div>
<div>
<label for="form-product/seo-description" class="form-label">Meta description</label>
<textarea id="form-product/seo-description" name="seodescription" class="form-control" rows="8"><?php echo html_entity_decode($resort_row['seodescription']);?></textarea>
</div>
</div>
</div>
<div class="card mt-5">
<div class="card-body p-5">
<div class="mb-5">
<h2 class="mb-0 fs-exact-18">Attribute</h2>
</div>
</div>
<div class="card">
<div class="card-body">
<table class="table mb-0">
<thead class="table-dark">
<tr>
<th scope="col">SL.NO.</th>
<th scope="col">Feature</th>
<th scope="col">Handle</th>
</tr>
</thead>
<tbody>
<?php
$multi_feature_image_sql=$mysqli->query("SELECT * FROM `service_feature` where `service_id`='$id' ");
$i=0;
while($multi_feature_row=mysqli_fetch_array($multi_feature_image_sql))
{
$i=$i+1;
?>
<tr>
<th scope="row"><?php echo $i; ?></th>
<td><?php echo $multi_feature_row['feature'] ?></td>
<td> <form action="function.php" method="POST" enctype="multipart/form-data">
<input type="hidden" name="feature_id" value="<?php echo $multi_feature_row['id'];?>">
<input type="hidden" name="service_id" value="<?php echo $multi_feature_row['service_id'];?>">
<button class="btn btn-danger" id="delete_feature" type="submit" name="remove_feature">X</button>
</form>
</td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
</div>
</div>
<div class="card mt-5">
<div class="card-body p-5">
<div class="mb-5">
<h2 class="mb-0 fs-exact-18">FAQ</h2>
</div>
<div class="col-auto d-flex">
<a href="servicefaq.php?service_id=<?php echo $resort_row['id']; ?>"><button class="btn btn-success" type="button">Add More</button></a>
</div>
</div>
<div class="card">
<div class="card-body">
<table class="table mb-0">
<thead class="table-dark">
<tr>
<th scope="col">SL.NO.</th>
<th scope="col">Feature</th>
<th scope="col">Feature</th>
<th scope="col">Handle</th>
</tr>
</thead>
<tbody>
<?php
$multi_feature_image_sql=$mysqli->query("SELECT * FROM `servicefaq` where `service_id`='$id' ");
$i=0;
while($multi_feature_row=mysqli_fetch_array($multi_feature_image_sql))
{
$i=$i+1;
?>
<tr>
<th scope="row"><?php echo $i; ?></th>
<td><?php echo $multi_feature_row['question'] ?></td>
<td><?php echo $multi_feature_row['answer'] ?></td>
<td> <form action="function.php" method="POST" enctype="multipart/form-data">
<input type="hidden" name="feature_id" value="<?php echo $multi_feature_row['id'];?>">
<input type="hidden" name="service_id" value="<?php echo $multi_feature_row['service_id'];?>">
<button class="btn btn-danger" type="submit" name="delete_faq">X</button>
</form>
</td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="sa-entity-layout__sidebar">
<div class="card w-100">
<div class="card-body p-5">
<h2 class="mb-0 fs-exact-18">Images</h2>
</div>
<div class="card-body p-5">
<div class="mb-4">
<label for="formFile-2-nl" class="form-label">Single</label
><input type="file" name="image" class="form-control" id="formFile-2-nl" />
<input type="hidden" name="hidden_image" value="<?php echo $resort_row['image'];?>" />
<img src="../upload/<?php echo $resort_row['image'];?>" style="height: 50px;">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- sa-app__body / end -->
</form>
<?php }
else {
?>
<form action="function.php" method="POST" enctype="multipart/form-data">
<!-- sa-app__body -->
<div id="top" class="sa-app__body">
<div class="mx-sm-2 px-2 px-sm-3 px-xxl-4 pb-6">
<div class="container">
<div class="py-5">
<div class="row g-4 align-items-center">
<div class="col">
<h1 class="h3 m-0">Add Service</h1>
</div>
<div class="col-auto d-flex">
<button class="btn btn-primary" type="submit" name="add_service" id="inputGroupFileAddon04">SAVE</button>
</div>
</div>
</div>
<div class="sa-entity-layout" data-sa-container-query="{"920":"sa-entity-layout--size--md","1100":"sa-entity-layout--size--lg"}">
<div class="sa-entity-layout__body">
<div class="sa-entity-layout__main">
<div class="card">
<div class="card-body p-5">
<div class="mb-5">
<h2 class="mb-0 fs-exact-18">Basic information</h2>
</div>
<div class="mb-4">
<label for="form-product/name" class="form-label">Name</label>
<input type="text" class="form-control" name="title" id="form-product/name" />
</div>
<div class="mb-4">
<label for="form-product/seo-title" class="form-label">Page title</label>
<input type="text" class="form-control" name="pagetitle" id="form-product/seo-title"/>
</div>
<div id="features-wrapper">
<label class="form-label">Product Attribute</label><br><br>
<div class="input-group mb-4 feature-row">
<input
type="text"
class="form-control"
placeholder="features"
name="features[]"
/>
<button class="btn btn-primary add-features-btn" type="button">Add</button>
</div>
</div>
<script>
document.addEventListener('click', function (e) {
// Add new feature row
if (e.target && e.target.classList.contains('add-features-btn')) {
const wrapper = document.getElementById('features-wrapper');
const newRow = e.target.closest('.feature-row').cloneNode(true);
// Clear the input values
newRow.querySelectorAll('input').forEach(input => input.value = '');
// Update the button in the cloned row
const button = newRow.querySelector('button');
button.textContent = 'Remove';
button.classList.remove('add-features-btn', 'btn-primary');
button.classList.add('remove-features-btn', 'btn-danger');
wrapper.appendChild(newRow);
}
// Remove feature row
if (e.target && e.target.classList.contains('remove-features-btn')) {
const row = e.target.closest('.feature-row');
row.remove();
}
});
</script>
<div class="mb-4">
<label for="form-product/seo-title" class="form-label">Page details title</label>
<input type="text" class="form-control" name="pagedetails_title" id="form-product/seo-title" />
</div>
<div class="mb-4">
<label for="form-product/description" class="form-label">Description</label>
<textarea id="content1" name="description" rows="8"></textarea>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<script type="text/javascript">CKEDITOR.replace('content1', {height: '300', width: '700'});</script>
</div>
</div>
</div>
<div class="card mt-5">
<div class="card-body p-5">
<div class="mb-5">
<h2 class="mb-0 fs-exact-18">Search engine optimization</h2>
<div class="mt-3 text-muted">Provide information that will help improve the snippet and bring your product to the top of search engines.</div>
</div>
<div class="mb-4">
<label for="form-product/slug" class="form-label">Slug</label>
<div class="input-group input-group--sa-slug">
<span class="input-group-text" id="form-product/slug-addon">https://example.com/products/</span>
<input type="text" class="form-control" name="slug" id="form-product/slug" aria-describedby="form-product/slug-addon form-product/slug-help" />
</div>
<div id="form-product/slug-help" class="form-text">Unique human-readable product identifier. No longer than 255 characters.</div>
</div>
<div class="mb-4">
<label for="form-product/seo-title" class="form-label">Page Keywords</label>
<input type="text" name="keyword" class="form-control" id="form-product/seo-title"/>
</div>
<div>
<label for="form-product/seo-description" class="form-label">Meta description</label>
<textarea id="form-product/seo-description" name="seodescription" class="form-control" rows="2"></textarea>
</div>
</div>
</div>
</div>
<div class="sa-entity-layout__sidebar">
<div class="card w-100">
<div class="card-body p-5">
<h2 class="mb-0 fs-exact-18">Images</h2>
</div>
<div class="card-body p-5">
<div class="mb-4">
<label for="formFile-2-nl" class="form-label">Single</label
><input type="file" name="image" class="form-control" id="formFile-2-nl" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- sa-app__body / end -->
</form>
<?php } ?>
<script type="text/javascript">
$(function() {
$("#MmultiImg").click(function(){
var del_id = $("#uid").val();
var info = 'id=' + del_id+'&action=multiimg';
if(confirm("Sure you want to delete this Image? There is NO undo!"))
{
$.ajax({
type: "GET",
url: "function.php",
data: info,
success: function(data){
console.log(data);
if (data == 'npsucess') {
alert("Data has deleted successfully");
location.reload();
}
else{
$("#bcoments").html("Data has not deleted.");
}
}
});
}
return false;
});
});
</script>
<?php include'common/footer.php'; ?>