660 lines
37 KiB
PHP
660 lines
37 KiB
PHP
|
|
<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: auto;
|
|
/* 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 */
|
|
}
|
|
.toggle-icon {
|
|
cursor: pointer;
|
|
margin-left: 5px;
|
|
}
|
|
#error-message{
|
|
color:red;
|
|
|
|
}
|
|
</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 alert-dismissible fade show" role="alert">
|
|
<?= session('success') ?>
|
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<?php endif; ?>
|
|
<form class="needs-validation" novalidate method="POST" enctype="multipart/form-data" action="<?= base_url() . "insert_org"; ?>" id="myForm">
|
|
<hr />
|
|
<h4 class="header-title" id="org-settings-title">
|
|
Organization Settings
|
|
<span class="toggle-icon" onclick="toggleSettings('org-settings')">▼</span>
|
|
</h4>
|
|
<br>
|
|
|
|
<div>
|
|
<div class="form-group" id="org-settings">
|
|
<div class="form-row">
|
|
<div class="form-group col-md-6">
|
|
<label for="bname" class="col-form-label">Organization Name<span class="text-danger">*</span></label>
|
|
<input type="text" class="form-control" id="bname" name="bname" value="<?= isset($businesses['title']) ? $businesses['title'] : '' ?>" placeholder="Organization Name" required />
|
|
<div class="invalid-feedback"> Please provide. </div>
|
|
</div>
|
|
<div class="form-group col-md-6">
|
|
<label for="bmail" class="col-form-label">Organization Email<span class="text-danger">*</span></label>
|
|
<input type="email" class="form-control" name="bmail" value="<?= isset($businesses['email']) ? $businesses['email'] : '' ?>" placeholder="Email" required />
|
|
<div class="invalid-feedback"> Please provide. </div>
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="form-group col-md-6">
|
|
<label for="bmobile" class="col-form-label">Organization PAN Number<span class="text-danger">*</span></label>
|
|
<input type="text" class="form-control" name="pan_no" value="<?= isset($businesses['pan_no']) ? $businesses['pan_no'] : '' ?>" placeholder="PAN Number" required pattern="[A-Z]{5}[0-9]{4}[A-Z]{1}" title="Enter a valid PAN number" />
|
|
<div class="invalid-feedback"> Please provide. </div>
|
|
</div>
|
|
<div class="form-group col-md-6">
|
|
<label for="baddress" class="col-form-label">Organization Reg Number<span class="text-danger">*</span></label>
|
|
<input type="text" class="form-control" name="org_reg_no" value="<?= isset($businesses['org_reg_no']) ? $businesses['org_reg_no'] : '' ?>" placeholder="Organization Register Number" required />
|
|
<div class="invalid-feedback"> Please provide. </div>
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="form-group col-md-4">
|
|
<label for="bmobile" class="col-form-label">Organization Mobile Number<span class="text-danger">*</span></label>
|
|
<input type="tel" class="form-control" name="bmobile" value="<?= isset($businesses['mobile_no']) ? $businesses['mobile_no'] : '' ?>" placeholder="Mobile Number (Enter only numbers)" required pattern="\d{10}" title="Please enter a 10-digit mobile number" oninput="this.value = this.value.replace(/[^0-9]/g, '')" maxlength="10" />
|
|
<div class="invalid-feedback"> Please provide. </div>
|
|
</div>
|
|
<div class="form-group col-md-4">
|
|
<label for="baddress" class="col-form-label">Organization Address<span class="text-danger">*</span></label>
|
|
<input type="text" class="form-control" name="baddress" value="<?= isset($businesses['address']) ? $businesses['address'] : '' ?>" placeholder="Address (eg : 1234 Main St)" required />
|
|
<div class="invalid-feedback"> Please provide. </div>
|
|
</div>
|
|
|
|
<?php if (isset($businesses['loged_user'])) { ?>
|
|
<div class="form-group col-md-4">
|
|
<label for="baddress" class="col-form-label">80G</label>
|
|
<input type="text" class="form-control" name="80G" value="<?= isset($businesses['80G']) ? $businesses['80G'] : '' ?>" placeholder="80G Tax Free" />
|
|
</div>
|
|
<?php } ?>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="form-group col-md-4">
|
|
<label for="bcity" class="col-form-label">City<span class="text-danger">*</span></label>
|
|
<input type="text" class="form-control" name="bcity" value="<?= isset($businesses['city']) ? $businesses['city'] : '' ?>" placeholder="City" required pattern="[A-Za-z\s]+" title="Please enter alphabets only" />
|
|
<div class="invalid-feedback"> Please provide. </div>
|
|
</div>
|
|
<div class="form-group col-md-4">
|
|
<label for="bstate" class="col-form-label">State<span class="text-danger">*</span></label>
|
|
<input type="text" class="form-control" name="bstate" value="<?= isset($businesses['state']) ? $businesses['state'] : '' ?>" placeholder="State" required pattern="[A-Za-z\s]+" title="Please enter alphabets only" />
|
|
<div class="invalid-feedback"> Please provide. </div>
|
|
</div>
|
|
<div class="form-group col-md-4">
|
|
<label for="bzip" class="col-form-label">Postal Code<span class="text-danger">*</span></label>
|
|
<input type="text" class="form-control" name="bzip" value="<?= isset($businesses['postal_code']) ? $businesses['postal_code'] : '' ?>" placeholder="Postal Code (Eg: Pincode)" pattern="[0-9]{6}" maxlength="6" required />
|
|
<div class="invalid-feedback"> Please provide. </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Existing form fields above this section -->
|
|
<!-- ################################################################################################# -->
|
|
<hr />
|
|
<h4 class="header-title" id="site-settings-title">
|
|
Site Settings
|
|
<span class="toggle-icon" onclick="toggleSettings('site-settings')">▼</span>
|
|
</h4>
|
|
<br>
|
|
<div class="form-group" id="site-settings" style="display: none;">
|
|
<div class="form-row">
|
|
<div class="form-group col-md-12" style="display:none;">
|
|
<label for="postal_code" class="col-form-label">Organization</label>
|
|
<select id="business_id" name="business_id" class="form-control">
|
|
<option value="null"><?php if(!isset($details['business_id'])){ echo 'Choose Organization'; } ?></option>
|
|
<?php foreach ($business_details as $value) { ?>
|
|
<option value="<?php echo $value['business_id']; ?>"
|
|
<?php if (isset($details['business_id']) && ($details['business_id'] === $value['business_id'])) echo "selected"; ?>>
|
|
<?php echo $value['title']; ?></option>
|
|
<?php } ?>
|
|
</select>
|
|
</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" />
|
|
</div>
|
|
<div class="form-group col-md-6">
|
|
<label for="site_title" class="col-form-label">Site Title</label>
|
|
<input type="text" class="form-control" id="site_title" name="site_title"
|
|
placeholder="Site Title"
|
|
value="<?= isset($details['site_title']) ? $details['site_title'] : '' ?>" />
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="form-group col-md-6">
|
|
<label for="admin_email" class="col-form-label">Admin Email</label>
|
|
<input type="email" class="form-control" id="admin_email" name="admin_email"
|
|
placeholder="Admin Email"
|
|
value="<?= isset($details['admin_email']) ? $details['admin_email'] : '' ?>" />
|
|
</div>
|
|
<div class="form-group col-md-6">
|
|
<label for="mobile" class="col-form-label">Mobile Number</label>
|
|
<input type="text" class="form-control" id="mobile" name="mobile"
|
|
placeholder="Mobile Number (Enter only numbers)" data-parsley-type="number"
|
|
value="<?= isset($details['mobile']) ? $details['mobile'] : '' ?>" pattern="\d{10}" title="Please enter a 10-digit mobile number" maxlength="10" />
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<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 class="form-group col-md-6">
|
|
<label for="currency" class="col-form-label">Currency</label>
|
|
<input type="text" class="form-control" id="currency" name="currency"
|
|
placeholder="currency (eg : Rupees,Dollar,Euro)"
|
|
value="<?= isset($details['currency']) ? $details['currency'] : '' ?>" />
|
|
</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'] : '' ?>" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ################################################################################################# -->
|
|
<?php if ($loged_user !== 'sadmin') : ?>
|
|
<hr />
|
|
<!-- -->
|
|
<h4 class="header-title" id="donaton-accepted-title">
|
|
Accepted Contribution
|
|
<span class="toggle-icon" onclick="toggleSettings('donaton-accepted')">▼</span>
|
|
</h4>
|
|
<br>
|
|
<div class="form-group" id="donaton-accepted" style="display: none;">
|
|
<div class="form-group">
|
|
<div class="form-row">
|
|
<div class="form-group col-md-6">
|
|
<label for="title" class="col-form-label">Name<span class="text-danger">*</span></label>
|
|
<select class="form-control" placeholder="PAN Number" id="name" name="name[]" required data-toggle="select2" multiple >
|
|
<option value="0" disabled>--Select--</option>
|
|
<?php foreach ($donation as $val) : ?>
|
|
<option value="<?= $val["id"] ?>" <?php if ($val["is_active"] == 1) echo "selected"; ?> > <?= $val["name"] ?> </option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
<div class="invalid-feedback"> Please provide. </div>
|
|
</div>
|
|
|
|
|
|
<div class="form-group col-md-6"></div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<?php endif; ?>
|
|
<!--#################################################################### -->
|
|
<hr />
|
|
<h4 class="header-title" id="branch-settings-title">
|
|
Branch Settings
|
|
<span class="toggle-icon" onclick="toggleSettings('branch-settings')">▼</span>
|
|
</h4>
|
|
<br>
|
|
<div id="branchesContainer">
|
|
<div class="after-shipping-addr-add-more" id="branch-settings" style="display: none;">
|
|
<?php if (empty($branches)) : ?>
|
|
|
|
<!-- Display at least one set of branch fields when the array is empty -->
|
|
<div class="form-group">
|
|
<div class="form-row">
|
|
<div class="form-group col-md-6">
|
|
<label for="branchname" class="col-form-label">Branch Name<span class="text-danger"> </span></label>
|
|
<input type="text" class="form-control" id="branchname" name="branchname[]" placeholder="Branch Name"required />
|
|
<div class="invalid-feedback"> Please provide. </div>
|
|
</div>
|
|
<div class="form-group col-md-6">
|
|
<label for="branchaddress" class="col-form-label">Branch Address<span class="text-danger"></span></label>
|
|
<input type="text" class="form-control" id="branchaddress" name="branchaddress[]" placeholder="Address (eg : 1234 Main St)"required />
|
|
<div class="invalid-feedback"> Please provide. </div>
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="form-group col-md-6">
|
|
<label for="mobile_no" class="col-form-label">Contact Person<span class="text-danger"></span></label>
|
|
<input type="number" class="form-control" id="mobile_no" name="mobile_no[]" placeholder="Contact Person"required data-parsley-type="number" maxlength="10" />
|
|
<div class="invalid-feedback"> Please provide. </div>
|
|
</div>
|
|
<div class="form-group col-md-6">
|
|
<label for="email" class="col-form-label">Email<span class="text-danger"></span></label>
|
|
<input type="text" class="form-control" id="email" name="email[]" placeholder="Email" required/>
|
|
<div class="invalid-feedback"> Please provide. </div>
|
|
</div>
|
|
</div>
|
|
<!-- Add hidden input for branch id -->
|
|
<input type="hidden" name="id[]" />
|
|
</div>
|
|
<?php else : ?>
|
|
<!-- Display branch fields for each branch in the $branches array -->
|
|
<?php foreach ($branches as $branch) : ?>
|
|
|
|
|
|
|
|
<div class="form-group">
|
|
<div class="form-row">
|
|
<div class="form-group col-md-6">
|
|
<label for="branchname" class="col-form-label">Branch Name<span class="text-danger"></span></label>
|
|
<input type="text" class="form-control" id="branchname" name="branchname[]" value="<?= isset($branch['branch_name']) ? $branch['branch_name'] : '' ?>" placeholder="Branch Name"required />
|
|
<div class="invalid-feedback"> Please provide. </div>
|
|
</div>
|
|
<div class="form-group col-md-6">
|
|
<label for="branchaddress" class="col-form-label">Branch Address<span class="text-danger"> </span></label>
|
|
<input type="text" class="form-control" id="branchaddress" name="branchaddress[]" value="<?= isset($branch['address']) ? $branch['address'] : '' ?>" placeholder="Address (eg : 1234 Main St)" required />
|
|
<div class="invalid-feedback"> Please provide. </div>
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="form-group col-md-6">
|
|
<label for="mobile_no" class="col-form-label">Contact Person<span class="text-danger"> </span></label>
|
|
<input type="text" class="form-control" id="mobile_no" name="mobile_no[]" value="<?= isset($branch['mobile_no']) ? $branch['mobile_no'] : '' ?>" placeholder="Contact Person" required data-parsley-type="number" maxlength="10" />
|
|
<div class="invalid-feedback"> Please provide. </div>
|
|
</div>
|
|
<div class="form-group col-md-6">
|
|
<label for="email" class="col-form-label">Email<span class="text-danger"></span></label>
|
|
<input type="email" class="form-control" id="email" name="email[]" value="<?= isset($branch['email']) ? $branch['email'] : '' ?>" placeholder="Email"required/>
|
|
<div class="invalid-feedback"> Please provide. </div>
|
|
</div>
|
|
</div>
|
|
<!-- Add hidden input for branch id -->
|
|
<input type="hidden" name="id[]" value="<?= isset($branch['id']) ? $branch['id'] : '' ?>" />
|
|
</div>
|
|
<hr />
|
|
<?php endforeach; ?>
|
|
<?php endif; ?>
|
|
<!-- Add more branches when clicking the "Add More Branches" button -->
|
|
<div class="form-group col-md-12 text-right m-b-0">
|
|
<a class="btn btn-success waves-effect waves-light mr-1 add-brnach-details"id="addBranchButton">+ Add More Branches </a>
|
|
<!-- <a class="btn btn-danger waves-effect waves-light mr-1 remove-brnach-details">- Remove </a> -->
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Remaining form fields below this section -->
|
|
|
|
<!-- Add more branches when clicking the "Add More Branches" button -->
|
|
<!-- <div class="form-group col-md-12 text-right m-b-0">
|
|
<a class="btn btn-success waves-effect waves-light mr-1 add-brnach-details">+ Add More Branches </a>
|
|
<a class="btn btn-danger waves-effect waves-light mr-1 remove-brnach-details">- Remove </a>
|
|
</div>
|
|
</div> -->
|
|
</div>
|
|
<!-- ############################################################################################### -->
|
|
|
|
|
|
<hr />
|
|
<h4 class="header-title" id="logo-settings-title">
|
|
Logo Settings
|
|
<span class="toggle-icon" onclick="toggleSettings('logo-settings')">▼</span>
|
|
</h4>
|
|
<br>
|
|
<div class="form-group" id="logo-settings" style="display: none;">
|
|
<div class="form-row">
|
|
<div class="form-group col-md-6">
|
|
<label for="logo" class="col-form-label">Logo</label>
|
|
<input type="file" class="form-control" style="border: 0px !important; " id="logo"
|
|
name="slogo" placeholder="Logo Name" accept=".png, .jpg, .jpeg"
|
|
value="<?= isset($details['logo']) ? $details['logo'] : '' ?>" />
|
|
<p id="logo-error-message" style="color: red;"></p>
|
|
|
|
</div>
|
|
<?php if (!empty($details['logo'])) { ?>
|
|
<div class="form-group col-md-6">
|
|
<label for="slogo" class="col-form-label"> Logo</label>
|
|
<img src="<?= base_url('public/uploads/'. $details['logo']) ?>" alt="Logo"
|
|
class="preview-image" />
|
|
</div>
|
|
<?php } ?>
|
|
<div class="form-group col-md-6">
|
|
<label for="favicon" class="col-form-label">Favicon</label>
|
|
<input type="file" class="form-control" style="border: 0px !important; " id="favic"
|
|
name="favicon" placeholder="Fav-icon Name" accept=".png, .jpg, .jpeg"
|
|
value="<?= isset($details['favicon']) ? $details['favicon'] : '' ?>" />
|
|
<p id="favic-error-message" style="color: red;"></p>
|
|
|
|
</div>
|
|
<?php if (!empty($details['favicon'])) { ?>
|
|
<div class="form-group col-md-6">
|
|
<label for="favicon" class="col-form-label">Favicon</label>
|
|
<img src="<?= base_url('public/uploads/'. $details['favicon']) ?>" alt="Icon"
|
|
class="preview-image" />
|
|
</div>
|
|
<?php } ?>
|
|
</div>
|
|
|
|
<div class="form-row">
|
|
|
|
|
|
<div class="form-group col-md-6">
|
|
<label for="bfile" class="col-form-label">Signature</label>
|
|
<input type="file" onchange="validateImage(this)" class="form-control" style="border: 0px !important;" id="signature" name="signature" value="<?= isset($businesses['signature']) ? $businesses['signature'] : null ?>" multiple />
|
|
<p id="error-message"></p>
|
|
</div>
|
|
|
|
<?php if (!empty($businesses['signature'])) { ?>
|
|
<div class="form-group col-md-6">
|
|
<label for="bfile" class="col-form-label">Current Signature</label>
|
|
<img src="<?= base_url('public/uploads/' . $businesses['signature']) ?>" alt="Signature" class="preview-image" />
|
|
</div>
|
|
<?php } ?>
|
|
</div>
|
|
|
|
<input type="hidden" id="business_id" name="business_id" placeholder="hidden for Organization id" value="<?= isset($businesses['business_id']) ? $businesses['business_id'] : '' ?>" />
|
|
|
|
<?php if (!empty($businesses) && ($loggedin_person_role === 'sadmin')) { ?>
|
|
<div class="form-group text-right m-b-0 checkbox checkbox-purple">
|
|
<input type="checkbox" id="bcheckbox" name="bcheckbox" class="form-control" <?= isset($businesses) && $businesses['isactive'] == 1 ? 'checked' : '' ?>>
|
|
<label for="bcheckbox"> Is Active</label>
|
|
</div>
|
|
<br>
|
|
<?php } ?>
|
|
</div>
|
|
<div class="after-add-more">
|
|
<hr />
|
|
<h4 class="header-title" id="receipt-settings-title">
|
|
Receipt Settings
|
|
<span class="toggle-icon" onclick="toggleSettings('receipt-settings')">▼</span>
|
|
</h4>
|
|
<br>
|
|
<div class="form-group" id="receipt-settings" style="display: none;">
|
|
<div class="form-row">
|
|
<div class="form-group col-md-4">
|
|
<div>
|
|
<label for="bistate" class="col-form-label">Prefix</label>
|
|
<input type="text" class="form-control" id="bistate" name="prefix_format" placeholder="Receipt Number Format" value="<?= isset($details['prefix_format']) ? $details['prefix_format'] : ''?>"/>
|
|
</div>
|
|
</div>
|
|
<div class="form-group col-md-4">
|
|
<label for="baddress1" class="col-form-label">Left Padding</label>
|
|
<input type="text" class="form-control" id="baddress1" name="left_pad" placeholder="Left Padding Number" value="<?= isset($details['left_pad']) ? $details['left_pad'] : '' ?>"/>
|
|
</div>
|
|
<div class="form-group col-md-4">
|
|
<label for="bcity" class="col-form-label">Start Number</label>
|
|
<input type="text" class="form-control" id="bcity" name="start_no" value="<?= isset($details['start_no']) ? $details['start_no'] : '1' ?>" placeholder="Start Number" />
|
|
</div>
|
|
<div class="form-group col-md-12">
|
|
<label for="bterms" class="col-form-label">Receipt Note</label>
|
|
<textarea class="form-control" id="terms" name="bterms" rows="5" cols="50"><?= isset($businesses['terms']) ? $businesses['terms'] : '' ?></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php if(!empty($details)){ ?>
|
|
<div class="form-group text-right m-b-0 checkbox checkbox-purple">
|
|
|
|
</div>
|
|
<br>
|
|
<?php } ?>
|
|
<br />
|
|
|
|
|
|
<input type="hidden" id="setting_id" name="setting_id" placeholder="hidden for setting id" value="<?= isset($details['setting_id']) ? $details['setting_id'] : '' ?>" />
|
|
|
|
<div class="form-group text-right m-b-0">
|
|
<button class="btn btn-success waves-effect waves-light mr-1" type="submit" id="submitBtn">Save</button>
|
|
<?php
|
|
// $business_id=$businesses['business_id'];
|
|
$business_id = isset($businesses['business_id']) ? $businesses['business_id']: null;
|
|
// Check if the logged-in user's ID matches the user's ID
|
|
if ($session_bid == $business_id) {
|
|
|
|
// Redirect to the dashboard with logged_user_id parameter
|
|
$redirect_url = base_url() . "dashboard";
|
|
} else {
|
|
// Redirect to the user list
|
|
$redirect_url = base_url() . "org_list";
|
|
}
|
|
?>
|
|
<!-- -->
|
|
<a href="<?= $redirect_url; ?>" class="btn btn-secondary waves-effect">Cancel</a>
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div> <!-- end card-body-->
|
|
</div> <!-- end card-->
|
|
</div> <!-- end col-->
|
|
</div><!-- end row -->
|
|
<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);
|
|
}
|
|
});
|
|
|
|
function validateImage(input) {
|
|
|
|
const errorMessageElement = document.getElementById('error-message');
|
|
errorMessageElement.textContent = '';
|
|
|
|
|
|
const image = input.files[0];
|
|
|
|
// Check image type
|
|
const allowedImageTypes = ['image/jpeg', 'image/png', 'image/gif']; // Add more if needed
|
|
if (!allowedImageTypes.includes(image.type)) {
|
|
errorMessageElement.textContent = 'Invalid image type. Please select a JPEG, PNG, or GIF image.';
|
|
return;
|
|
}
|
|
|
|
const maxWidth = 150;
|
|
const maxHeight = 100;
|
|
|
|
const img = new Image();
|
|
img.onload = function () {
|
|
if (img.width > maxWidth || img.height > maxHeight) {
|
|
errorMessageElement.textContent = `Image dimensions should not exceed ${maxWidth}x${maxHeight}.`;
|
|
}
|
|
};
|
|
|
|
img.src = URL.createObjectURL(image);
|
|
}
|
|
</script>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
document.getElementById('addBranchButton').addEventListener('click', function () {
|
|
addBranch();
|
|
});
|
|
});
|
|
|
|
function addBranch(branchData) {
|
|
var html = '';
|
|
var i = document.querySelectorAll('.after-shipping-addr-add-more').length + 1; // Get the count of existing branches and increment
|
|
html += '<div class="after-shipping-addr-add-more" id="branch-settings-' + i + '">';
|
|
html += '<div class="form-group">';
|
|
html += '<div class="form-row">';
|
|
html += '<div class="form-group col-md-6">';
|
|
html += '<label for="branchname' + i + '" class="col-form-label">Branch Name<span class="text-danger"> </span></label>';
|
|
html += '<input type="text" class="form-control" id="branchname' + i + '" name="branchname[]" placeholder="Branch Name" required value="' + (branchData && branchData.branch_name ? branchData.branch_name : '') + '" />';
|
|
html += '<div class="invalid-feedback"> Please provide. </div>';
|
|
html += '</div>';
|
|
html += '<div class="form-group col-md-6">';
|
|
html += '<label for="branchaddress' + i + '" class="col-form-label">Branch Address<span class="text-danger"></span></label>';
|
|
html += '<input type="text" class="form-control" id="branchaddress' + i + '" name="branchaddress[]" placeholder="Address (eg: 1234 Main St)" required value="' + (branchData && branchData.address ? branchData.address : '') + '" />';
|
|
html += '<div class="invalid-feedback"> Please provide. </div>';
|
|
html += '</div>';
|
|
html += '</div>';
|
|
html += '<div class="form-row">';
|
|
html += '<div class="form-group col-md-6">';
|
|
html += '<label for="mobile_no' + i + '" class="col-form-label">Contact Person<span class="text-danger"></span></label>';
|
|
html += '<input type="number" class="form-control" id="mobile_no' + i + '" name="mobile_no[]" placeholder="Contact Person" required data-parsley-type="number" maxlength="10" value="' + (branchData && branchData.mobile_no ? branchData.mobile_no : '') + '" />';
|
|
html += '<div class="invalid-feedback"> Please provide. </div>';
|
|
html += '</div>';
|
|
html += '<div class="form-group col-md-6">';
|
|
html += '<label for="email' + i + '" class="col-form-label">Email<span class="text-danger"></span></label>';
|
|
html += '<input type="email" class="form-control" id="email' + i + '" name="email[]" placeholder="Email" required value="' + (branchData && branchData.email ? branchData.email : '') + '" />';
|
|
html += '<div class="invalid-feedback"> Please provide. </div>';
|
|
html += '</div>';
|
|
html += '</div>';
|
|
html += '<input type="hidden" name="id[]" />';
|
|
html += '<div class="form-group col-md-12 text-right m-b-0">'
|
|
html += '<button class="btn btn-success waves-effect waves-light mr-1 add-branch-button">+ Add More Branches </button>';
|
|
html += '<button class="btn btn-danger waves-effect waves-light mr-1 remove-branch-button" data-branch-id="' + i + '">Remove Branch</button>';
|
|
html += '</div>';
|
|
html += '</div>';
|
|
|
|
// Append the generated HTML to the container
|
|
document.getElementById('branchesContainer').insertAdjacentHTML('beforeend', html);
|
|
|
|
// Attach event handler to the newly added remove button
|
|
var removeButton = document.querySelector('#branch-settings-' + i + ' .remove-branch-button[data-branch-id="' + i + '"]');
|
|
removeButton.addEventListener('click', function() {
|
|
var branchId = this.getAttribute('data-branch-id');
|
|
var branchElement = document.getElementById('branch-settings-' + branchId);
|
|
if (branchElement) {
|
|
branchElement.remove();
|
|
}
|
|
});
|
|
|
|
// Attach event handler to the newly added add button
|
|
var addButton = document.querySelector('#branch-settings-' + i + ' .add-branch-button');
|
|
addButton.addEventListener('click', function() {
|
|
addBranch();
|
|
});
|
|
}
|
|
|
|
// Usage example:
|
|
<?php foreach ($branches as $branch) : ?>
|
|
addBranch(<?php echo json_encode($branch); ?>);
|
|
<?php endforeach; ?>
|
|
|
|
|
|
// Event delegation to handle removing branches
|
|
// Event delegation to handle adding and removing branches
|
|
|
|
|
|
|
|
// Event delegation to handle removing branches
|
|
// document.getElementById('branchesContainer').addEventListener('click', function (event) {
|
|
// if (event.target.classList.contains('remove-branch-button')) {
|
|
// var branchId = event.target.getAttribute('data-branch-id');
|
|
// var branchElement = document.getElementById('branch-settings-' + branchId);
|
|
// if (branchElement) {
|
|
// branchElement.remove();
|
|
// }
|
|
// }
|
|
// });
|
|
|
|
|
|
|
|
|
|
function toggleSettings(id) {
|
|
var settingsDiv = document.getElementById(id);
|
|
var titleIcon = document.querySelector("#"+id+"-title .toggle-icon");
|
|
if (settingsDiv.style.display === "none") {
|
|
settingsDiv.style.display = "block";
|
|
titleIcon.textContent = "▲"; // Change icon to up arrow
|
|
} else {
|
|
settingsDiv.style.display = "none";
|
|
titleIcon.textContent = "▼"; // Change icon to down arrow
|
|
}
|
|
}
|
|
|
|
|
|
</script>
|
|
<script>
|
|
document.getElementById('logo').addEventListener('change', function() {
|
|
var input = this;
|
|
var img = new Image();
|
|
var errorMessageElement = document.getElementById('logo-error-message');
|
|
|
|
img.onload = function() {
|
|
if (
|
|
img.width >= 140 && img.width <= 150 &&
|
|
img.height >= 45 && img.height <= 50
|
|
) {
|
|
// Valid size, clear error message
|
|
errorMessageElement.textContent = '';
|
|
} else {
|
|
// Invalid size, reset the input and display an error message
|
|
input.value = '';
|
|
errorMessageElement.textContent = 'Image dimensions should not exceed 150x50';
|
|
}
|
|
};
|
|
|
|
if (input.files && input.files[0]) {
|
|
var reader = new FileReader();
|
|
reader.onload = function(e) {
|
|
img.src = e.target.result;
|
|
};
|
|
reader.readAsDataURL(input.files[0]);
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<script>
|
|
document.getElementById('favic').addEventListener('change', function() {
|
|
var input = this;
|
|
var img = new Image();
|
|
var errorMessageElement = document.getElementById('favic-error-message');
|
|
|
|
img.onload = function() {
|
|
if (
|
|
img.width === 216 && img.height === 216
|
|
) {
|
|
// Valid size, clear error message
|
|
errorMessageElement.textContent = '';
|
|
} else {
|
|
// Invalid size, reset the input and display an error message
|
|
input.value = '';
|
|
errorMessageElement.textContent = 'Image dimensions should not exceed 216x216.';
|
|
}
|
|
};
|
|
|
|
if (input.files && input.files[0]) {
|
|
var reader = new FileReader();
|
|
reader.onload = function(e) {
|
|
img.src = e.target.result;
|
|
};
|
|
reader.readAsDataURL(input.files[0]);
|
|
}
|
|
});
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|