294 lines
14 KiB
PHP
294 lines
14 KiB
PHP
<div class="content-page">
|
|
<!-- Start Content-->
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-lg-1 col-xl-1">
|
|
</div>
|
|
<div class="col-lg-10 col-xl-10">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
|
|
|
|
<div class="tab-pane show active" id="settings">
|
|
<h5 class="mb-3 text-uppercase bg-light p-2"><i class="mdi mdi-account-circle mr-1"></i> Business Info</h5>
|
|
|
|
<form id="business_edit_form" enctype="multipart/form-data">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="form-group">
|
|
<input type="hidden" id="business_id" name="business_id" value="<?php echo $branch['business_id'] ?>">
|
|
<label for="name">Business Name</label>
|
|
<?php if($branch){ $business_name = $branch['business_name']; ?>
|
|
<?php }else{ $business_name = ''; } ?>
|
|
<input type="text" class="form-control" id="business_name" name="business_name" value="<?= $business_name ?>">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="form-group ">
|
|
<label for="name">Change Logo</label>
|
|
<input type="file" id="business_logo" name="business_logo" accept="image/*" onchange="PreviewImage();">
|
|
|
|
</div>
|
|
<div class="form-group col-md-6 float-right" style="position: relative;top: 20px;">
|
|
<img src="<?= isset($branch['logo']) && !empty($branch['logo']) ? base_url() . "public/uploads/" . $branch['logo'] : base_url()."public/assets/images/avatar_2x.png" ?>" width="100" height="100" id="uploadPreview" class="avatar img-circle img-thumbnail" alt="avatar"/>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="col-md-12" style="margin-top: 27px;">
|
|
<button type="button" class="btn btn-primary" id="submit_business" style="float: inline-end;">Submit</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
<!-- end settings content-->
|
|
|
|
|
|
<div class="text-left mt-3">
|
|
|
|
<h5 class="mb-3 text-uppercase bg-light p-2"><i class="mdi mdi-account-circle mr-1"></i> Branch Info</h5>
|
|
<form id="branch_edit_form" enctype="multipart/form-data">
|
|
<input type="hidden" id="branch_id" name="branch_id" value="<?php echo $branch['branch_id']; ?>">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="form-group">
|
|
<label for="old_password">Branch Name</label>
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" id="branch_name" name="branch_name" value="<?php echo $branch['branch_name']; ?>" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<div class="form-group">
|
|
<label for="old_password">Contact 1</label>
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" id="contact_1" name="contact_1" value="<?php echo $branch['contact']; ?>" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-5">
|
|
<div class="form-group">
|
|
<label for="old_password">Email</label>
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" id="email" name="email" value="<?php echo $branch['email']; ?>" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6" style="margin-top: 27px;">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="form-group">
|
|
<label for="address">Address</label>
|
|
<input class="form-control" name="address" type="text" id="address" value="<?php echo $branch['address']; ?>" required="" placeholder="Address">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="city">City</label>
|
|
<input class="form-control" name="city" type="text" id="city" value="<?php echo $branch['city']; ?>" required="" placeholder="City">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="state">State</label>
|
|
<input class="form-control" name="state" type="text" id="state" value="<?php echo $branch['state']; ?>" required="" placeholder="State">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="pincode">Country</label>
|
|
<input class="form-control" name="country" type="text" id="country" value="<?php echo $branch['country']; ?>" required="" placeholder="Country">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="pincode">Pin Code</label>
|
|
<input class="form-control" name="postal_code" type="text" id="postal_code" value="<?php echo $branch['postal_code']; ?>" required="" placeholder="Postal Code">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="statecode">State Code</label>
|
|
<input class="form-control" name="state_code" type="text" id="state_code" value="<?php echo $branch['state_code']; ?>" required="" placeholder="State Code">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12" style="margin-top: 27px;">
|
|
<button type="button" class="btn btn-primary" id="submit_branch" style="float: inline-end;">Submit</button>
|
|
</div>
|
|
</form>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="col-lg-1 col-xl-1">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
|
<script>
|
|
|
|
|
|
$(document).ready(function() {
|
|
$('#submit_business').click(function(e) {
|
|
e.preventDefault(); // Prevent the form from submitting normally
|
|
|
|
var form = document.getElementById('business_edit_form');
|
|
var formData = new FormData(form);
|
|
|
|
$.ajax({
|
|
url: '<?= base_url() ?>business_edit',
|
|
type: 'POST',
|
|
data: formData,
|
|
processData: false, // Prevent jQuery from automatically processing the data
|
|
contentType: false, // Prevent jQuery from automatically setting the content type
|
|
success: function(response) {
|
|
console.log(response);
|
|
if (response) {
|
|
window.location.reload();
|
|
} else {
|
|
// Handle the case where the response indicates failure
|
|
alert('Update failed.');
|
|
}
|
|
},
|
|
error: function(xhr, status, error) {
|
|
// Handle errors here
|
|
console.error(xhr.responseText);
|
|
}
|
|
});
|
|
});
|
|
});
|
|
|
|
|
|
$('#submit_branch').click(function(e) {
|
|
e.preventDefault();
|
|
|
|
var form = document.getElementById('branch_edit_form');
|
|
var formData = new FormData(form);
|
|
$.ajax({
|
|
url: '<?= base_url() ?>branch_edit',
|
|
type: 'POST',
|
|
data: formData,
|
|
dataType: 'json',
|
|
processData: false, // Prevent jQuery from automatically processing the data
|
|
contentType: false,
|
|
success: function(response) {
|
|
console.log(response);
|
|
if (response) {
|
|
toastr.success( 'Success');
|
|
|
|
window.location.reload();
|
|
}else{
|
|
toastr.warning( 'Warning');
|
|
|
|
}
|
|
|
|
},
|
|
error: function(xhr, status, error) {
|
|
// Handle error response here
|
|
console.error(xhr.responseText);
|
|
}
|
|
});
|
|
|
|
})
|
|
|
|
|
|
</script>
|
|
<script>
|
|
var oldPasswordField = document.getElementById("old_password");
|
|
var toggleOldPassword = document.getElementById("toggleOldPassword");
|
|
|
|
var newPasswordField = document.getElementById("new_password");
|
|
var toggleNewPassword = document.getElementById("toggleNewPassword");
|
|
|
|
var confirmField = document.getElementById("confirm_password");
|
|
var toggleConfirmPassword = document.getElementById("toggleConfirmPassword");
|
|
|
|
toggleOldPassword.addEventListener("click", function() {
|
|
togglePasswordVisibility(oldPasswordField, toggleOldPassword);
|
|
});
|
|
|
|
toggleNewPassword.addEventListener("click", function() {
|
|
togglePasswordVisibility(newPasswordField, toggleNewPassword);
|
|
});
|
|
|
|
toggleConfirmPassword.addEventListener("click", function() {
|
|
togglePasswordVisibility(confirmField, toggleConfirmPassword);
|
|
});
|
|
|
|
function togglePasswordVisibility(field, toggle) {
|
|
if (field.type === "password") {
|
|
field.type = "text";
|
|
toggle.className = "fa fa-eye-slash";
|
|
} else {
|
|
field.type = "password";
|
|
toggle.className = "fa fa-eye";
|
|
}
|
|
}
|
|
</script>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
var newPasswordField = document.getElementById('new_password');
|
|
var confirmPasswordField = document.getElementById('confirm_password');
|
|
var submitButton = document.getElementById('submit_password');
|
|
|
|
// Add an event listener to the "Confirm Password" field
|
|
confirmPasswordField.addEventListener('input', function() {
|
|
// Check if the passwords match
|
|
if (newPasswordField.value === confirmPasswordField.value) {
|
|
// Enable the submit button
|
|
submitButton.disabled = false;
|
|
} else {
|
|
// Disable the submit button
|
|
submitButton.disabled = true;
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
|
|
|
|
<script>
|
|
|
|
|
|
function PreviewImage() {
|
|
console.log('function called');
|
|
var fileInput = document.getElementById("business_logo");
|
|
var file = fileInput.files[0];
|
|
|
|
if (file) {
|
|
var allowedExtensions = ["jpg", "jpeg", "png"];
|
|
var fileExtension = file.name.split('.').pop().toLowerCase();
|
|
|
|
// if (!allowedExtensions.includes(fileExtension) || file.size > 200 * 1024) {
|
|
// toastr.warning('Maximum file size allowed is 200KB.', 'File size exceeds limit.');
|
|
// // fileInput.value = ""; // Clear the file input
|
|
// // document.getElementById("uploadPreview").src = "http://ssl.gstatic.com/accounts/ui/avatar_2x.png"; // Remove the preview image
|
|
// } else {
|
|
var reader = new FileReader();
|
|
reader.readAsDataURL(file);
|
|
|
|
reader.onload = function (event) {
|
|
document.getElementById("uploadPreview").src = event.target.result;
|
|
};
|
|
// }
|
|
}
|
|
}
|
|
</script>
|