vb_book/app/Views/setting_form.php
2024-10-29 15:37:48 +05:30

236 lines
14 KiB
PHP
Executable File

<html>
<head>
</head>
<style>
/* CSS for the preview image */
.preview-image {
display: block; /* Ensure the image is displayed as a block element */
width: 120px; /* Set the desired width for passport size */
height: 160px; /* Set the desired height for passport size */
object-fit: cover; /* Maintain the aspect ratio and fill the container */
margin-top: 10px; /* Add a top margin for spacing */
}
</style>
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-body">
<h4 class="header-title"><?= $page_name; ?></h4>
<p class="sub-header"> </p>
<?php if (session()->getFlashdata('success')): ?>
<div class="alert alert-success"><?= session()->getFlashdata('success') ?></div>
<?php endif; ?>
<form method="post" enctype="multipart/form-data"
action="<?= base_url()."sitesetting_synchronization"; ?>">
<div class="form-group">
<div class="form-row">
<div class="form-group col-md-12">
<?php if (isset($details['business_id']) && $details['business_id'] != "" ) {
$displayvalue = "";
foreach ($business_details as $value) {
if ($details['business_id'] === $value['business_id']) {
$displayvalue = $value['title'];
}
} ?>
<label for="business_id" class="col-form-label">Business</label>
<input type="hidden" name="business_id" value="<?= $details['business_id']; ?>" />
<input type="text" class="form-control" value="<?= $displayvalue ?>" readonly/>
<?php } else { ?>
<label for="business_id" class="col-form-label">Business<span class="text-danger">*</span></label>
<select id="business_id" name="business_id" class="form-control" data-toggle="select2" onchange="fetch_details(this.value);">
<option value="">Choose your Business</option>
<?php foreach ($business_details as $value) {
if($value['setting_id'] == "" && (int)$value['isactive'] == 1){ ?>
<option value="<?php echo $value['business_id']; ?>" >
<?php echo $value['title']; ?>
</option>
<?php } } ?>
</select>
<?php } ?>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="site_name" class="col-form-label">Site Name</label>
<input type="text" class="form-control" id="site_name" name="site_name"
value="<?= isset($details['site_name']) ? $details['site_name'] : '' ?>"
placeholder="Site Name" readonly />
</div>
<div class="form-group col-md-6">
<label for="site_short_name" class="col-form-label">Site Short Name<span
class="text-danger">*</span></label>
<input type="text" class="form-control" id="site_short_name" name="site_short_name"
placeholder="Site Short Name"
value="<?= isset($details['site_short_name']) ? $details['site_short_name'] : '' ?>"
required />
</div>
</div>
<div class="form-row">
<div class="form-group col-md-12">
<label for="site_color" class="col-form-label">Site Color</label>
<input class="form-control" type="color" id="site_color" name="site_color" value="<?= isset($details['site_color']) ? $details['site_color'] : '#3bafda' ?>">
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="site_info" class="col-form-label">Site Information<span
class="text-danger">*</span></label>
<textarea class="form-control" id="site_info" name="site_info"
placeholder="Site Information"
required><?= isset($details['site_info']) ? $details['site_info'] : '' ?></textarea>
</div>
<div class="form-group col-md-6">
<label for="about_info" class="col-form-label">About Information<span
class="text-danger">*</span></label>
<textarea class="form-control" id="about_info" name="about_info"
placeholder="About info"
required><?= isset($details['about_info']) ? $details['about_info'] : '' ?></textarea>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="terms_service" class="col-form-label">Terms Service</label>
<textarea class="form-control" id="terms_service" name="terms_service"
placeholder="Terms Service" readonly
rows="5"><?= isset($details['terms_service']) ? $details['terms_service'] : ''?></textarea>
</div>
<div class="form-group col-md-6">
<label for="footer_about" class="col-form-label">Footer about<span
class="text-danger">*</span></label>
<textarea class="form-control" id="footer_about" name="footer_about"
placeholder="Footer about" required
rows="5"><?= isset($details['footer_about']) ? $details['footer_about'] : '' ?></textarea>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="site_email" class="col-form-label">Email</label>
<input type="email" class="form-control" id="site_email" name="site_email"
placeholder="Site Email" readonly
value="<?= isset($details['site_email']) ? $details['site_email'] : '' ?>"
/>
</div>
<div class="form-group col-md-6">
<label for="mobile" class="col-form-label">Mobile Number</label>
<input type="number" class="form-control" id="mobile" name="mobile"
placeholder="Mobile Number (Enter only numbers)" data-parsley-type="number"
value="<?= isset($details['mobile']) ? $details['mobile'] : '' ?>" readonly />
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="country" class="col-form-label">Country</label>
<input type="text" class="form-control" id="country" name="country"
placeholder="Country"
value="<?= isset($details['country']) ? $details['country'] : '' ?>" readonly />
</div>
<div class="form-group col-md-6">
<label for="copyright" class="col-form-label">Copyright</label>
<input type="text" class="form-control" id="copyright" name="copyright"
placeholder="Copy Right"
value="<?= isset($details['copyright']) ? $details['copyright'] : '' ?>" />
</div>
</div>
<div class="form-row">
<?php if (!empty($details['favicon'])) { ?>
<div class="form-group col-md-4 mt-3">
<div class="media">
<img src="<?= base_url('public/uploads/' . $details['favicon']) ?>" alt="Icon" height="50" class="preview-image d-flex align-self-start rounded mr-2">
<div class="media-body">
<h5 class="mt-0">Existing FavIcon</h5>
<p class="mb-1"><?= $details['favicon']; ?></p>
<input type="hidden" id="existing_favicon_name" name="existing_favicon_name" placeholder="hidden Field for Icon name" readonly value="<?= $details['favicon']; ?>" />
</div>
</div>
</div>
<?php } ?>
<div class="form-group col-md-4">
<label for="favicon" class="col-form-label">FavIcon</label>
<input type="file" name="favicon" value="<?= isset($details['favicon']) ? $details['favicon'] : '' ?>" accept="image/ico,image/x-icon" onchange="validateFile(this)" />
<div id="error_message" style="color: red;"></div>
</div>
</div>
<input type="hidden" id="setting_id" name="setting_id" placeholder="hidden for setting id"
value="<?= isset($details['setting_id']) ? $details['setting_id'] : '' ?>" />
<input type="hidden" id="logo" name="logo" placeholder="hidden for logo"
value="<?= isset($details['logo']) ? $details['logo'] : '' ?>" />
<?php if(!empty($details)){ ?>
<div class="form-group text-right m-b-0 checkbox checkbox-purple">
<input type="checkbox" id="isactive" name="isactive" class="form-control"
<?= isset($details) && $details['isactive'] == 1 ? 'checked' : '' ?>>
<label for="isactive"> Is Active</label>
</div>
<br>
<?php } ?>
<div class="form-group text-right m-b-0">
<button class="btn btn-success waves-effect waves-light mr-1" type="submit" id="submitBtn">
Submit
</button>
<button type="reset" class="btn btn-primary waves-effect mr-1">
Reset
</button>
<button type="button" class="btn btn-secondary waves-effect">Cancel</button>
</div>
</div>
</form>
</div> <!-- end card-body-->
</div> <!-- end card-->
</div> <!-- end col-->
</div>
<!-- end row -->
<script>
function fetch_details(buss_id){
var buss_arr = <?php echo json_encode($business_details); ?>;
var filtered_buss_arr = buss_arr.filter(item => item['business_id'] == buss_id);
if (filtered_buss_arr.length > 0) {
$.each(filtered_buss_arr, function(k, v) {
$("#site_name").val(v.title).prop("readonly", true);
$("#country").val(v.country).prop("readonly", true);
$("#mobile").val(v.mobile_no).prop("readonly", true);
$("#terms_service").val(v.terms).prop("readonly", true);
$("#site_email").val(v.email);
$("#logo").val(v.business_logo);
});
}else{
alert("Business Details Not Founded");
}
}
function validateFile(input) {
const file = input.files[0];
const errorMessage = document.getElementById("error_message");
if (file) {
if (file.type === "image/ico" || file.type === "image/x-icon") {
// It's an image file, no error
errorMessage.textContent = "";
} else {
// Invalid file type
errorMessage.textContent = "Invalid file type. Please select an ICO or X-Icon image.";
input.value = ""; // Clear the input field
}
}
}
</script>
<script>
document.getElementById('myForm').addEventListener('submit', function(event) {
var form = event.target;
if (form.checkValidity() === false) {
form.reportValidity(); // Display validation error messages
event.preventDefault(); // Prevent form submission if it's not valid
$('#submitBtn').prop('disabled', false);
} else {
$('#submitBtn').prop('disabled', true);
}
});
</script>