adding tabs to settings
This commit is contained in:
Flatlogic Bot
parent
030b415fea
commit
c1cd5b183c
@ -109,9 +109,37 @@ include 'includes/header.php';
|
||||
|
||||
<?= $message ?>
|
||||
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-body">
|
||||
<form method="POST" enctype="multipart/form-data">
|
||||
<div class="row">
|
||||
<div class="col-12 col-lg-3 mb-4">
|
||||
<div class="card border-0 shadow-sm sticky-top" style="top: 20px; z-index: 10;">
|
||||
<div class="card-body p-0">
|
||||
<div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
|
||||
<button class="nav-link active rounded-0 text-start py-3 px-4 border-bottom" id="v-pills-general-tab" data-bs-toggle="pill" data-bs-target="#v-pills-general" type="button" role="tab" aria-controls="v-pills-general" aria-selected="true">
|
||||
<i class="bi bi-info-circle me-2"></i> General Info
|
||||
</button>
|
||||
<button class="nav-link rounded-0 text-start py-3 px-4 border-bottom" id="v-pills-financial-tab" data-bs-toggle="pill" data-bs-target="#v-pills-financial" type="button" role="tab" aria-controls="v-pills-financial" aria-selected="false">
|
||||
<i class="bi bi-currency-dollar me-2"></i> Financial & Taxes
|
||||
</button>
|
||||
<button class="nav-link rounded-0 text-start py-3 px-4 border-bottom" id="v-pills-system-tab" data-bs-toggle="pill" data-bs-target="#v-pills-system" type="button" role="tab" aria-controls="v-pills-system" aria-selected="false">
|
||||
<i class="bi bi-gear me-2"></i> System Settings
|
||||
</button>
|
||||
<button class="nav-link rounded-0 text-start py-3 px-4" id="v-pills-branding-tab" data-bs-toggle="pill" data-bs-target="#v-pills-branding" type="button" role="tab" aria-controls="v-pills-branding" aria-selected="false">
|
||||
<i class="bi bi-image me-2"></i> Branding
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-lg-9">
|
||||
<div class="card border-0 shadow-sm mb-4">
|
||||
<div class="card-body">
|
||||
<div class="tab-content" id="v-pills-tabContent">
|
||||
|
||||
<!-- General Info Tab -->
|
||||
<div class="tab-pane fade show active" id="v-pills-general" role="tabpanel" aria-labelledby="v-pills-general-tab">
|
||||
<h4 class="mb-4">General Information</h4>
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label class="form-label">Company Name</label>
|
||||
@ -143,38 +171,52 @@ include 'includes/header.php';
|
||||
<input type="text" name="vat_number" class="form-control" value="<?= htmlspecialchars($settings['vat_number'] ?? '') ?>" placeholder="e.g. VAT-987654321" <?= !has_permission('settings_add') ? 'readonly' : '' ?>>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="my-4">
|
||||
<h5 class="mb-3">Financial Settings</h5>
|
||||
|
||||
<!-- Financial & Taxes Tab -->
|
||||
<div class="tab-pane fade" id="v-pills-financial" role="tabpanel" aria-labelledby="v-pills-financial-tab">
|
||||
<h4 class="mb-4">Financial Settings</h4>
|
||||
<div class="row">
|
||||
<div class="col-md-3 mb-3">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label class="form-label">VAT Rate (%)</label>
|
||||
<div class="input-group">
|
||||
<input type="number" step="0.01" name="vat_rate" class="form-control" value="<?= htmlspecialchars($settings['vat_rate'] ?? 0) ?>" <?= !has_permission('settings_add') ? 'readonly' : '' ?>>
|
||||
<span class="input-group-text">%</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 mb-3">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label class="form-label">Currency Symbol</label>
|
||||
<input type="text" name="currency_symbol" class="form-control" value="<?= htmlspecialchars($settings['currency_symbol'] ?? '$') ?>" placeholder="e.g. $, €, £" <?= !has_permission('settings_add') ? 'readonly' : '' ?>>
|
||||
</div>
|
||||
<div class="col-md-3 mb-3">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label class="form-label">Currency Position</label>
|
||||
<select name="currency_position" class="form-select" <?= !has_permission('settings_add') ? 'disabled' : '' ?>>
|
||||
<option value="before" <?= ($settings['currency_position'] ?? 'before') === 'before' ? 'selected' : '' ?>>Before (e.g. $10.00)</option>
|
||||
<option value="after" <?= ($settings['currency_position'] ?? 'before') === 'after' ? 'selected' : '' ?>>After (e.g. 10.00 OMR)</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-3 mb-3">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label class="form-label">Decimal Places</label>
|
||||
<input type="number" name="currency_decimals" class="form-control" value="<?= htmlspecialchars($settings['currency_decimals'] ?? 2) ?>" min="0" max="4" <?= !has_permission('settings_add') ? 'readonly' : '' ?>>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<hr class="my-4">
|
||||
<h5 class="mb-3">System Settings</h5>
|
||||
<h5 class="mb-3">Commission System</h5>
|
||||
<div class="row">
|
||||
<div class="col-md-12 mb-3">
|
||||
<div class="form-check form-switch mt-2">
|
||||
<input class="form-check-input" type="checkbox" name="commission_enabled" id="commissionEnabled" <?= ($settings['commission_enabled'] ?? 0) ? 'checked' : '' ?> <?= !has_permission('settings_add') ? 'disabled' : '' ?>>
|
||||
<label class="form-check-label fw-bold" for="commissionEnabled">Enable Commissions for Cashiers</label>
|
||||
<div class="form-text">When enabled, commissions will be calculated for each order based on the cashier's commission rate.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- System Settings Tab -->
|
||||
<div class="tab-pane fade" id="v-pills-system" role="tabpanel" aria-labelledby="v-pills-system-tab">
|
||||
<h4 class="mb-4">System Settings</h4>
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label class="form-label">System Timezone</label>
|
||||
@ -213,66 +255,67 @@ include 'includes/header.php';
|
||||
<div class="form-text">System time when the report should be generated and sent.</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="my-4">
|
||||
<h5 class="mb-3">Commission System</h5>
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<div class="form-check form-switch mt-2">
|
||||
<input class="form-check-input" type="checkbox" name="commission_enabled" id="commissionEnabled" <?= ($settings['commission_enabled'] ?? 0) ? 'checked' : '' ?> <?= !has_permission('settings_add') ? 'disabled' : '' ?>>
|
||||
<label class="form-check-label fw-bold" for="commissionEnabled">Enable Commissions for Cashiers</label>
|
||||
<div class="form-text">When enabled, commissions will be calculated for each order based on the cashier's commission rate.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="my-4">
|
||||
<h5 class="mb-3">Branding</h5>
|
||||
<!-- Branding Tab -->
|
||||
<div class="tab-pane fade" id="v-pills-branding" role="tabpanel" aria-labelledby="v-pills-branding-tab">
|
||||
<h4 class="mb-4">Branding</h4>
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-6 mb-3">
|
||||
<div class="col-md-12 mb-4">
|
||||
<label class="form-label">Company Logo</label>
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<?php if (!empty($settings['logo_url'])): ?>
|
||||
<div class="border rounded p-1 bg-light">
|
||||
<img src="<?= htmlspecialchars('../' . $settings['logo_url']) ?>" alt="Logo" style="height: 60px; max-width: 100px; object-fit: contain;">
|
||||
<div class="border rounded p-2 bg-light d-flex align-items-center justify-content-center" style="width: 120px; height: 80px;">
|
||||
<img src="<?= htmlspecialchars('../' . $settings['logo_url']) ?>" alt="Logo" style="max-height: 100%; max-width: 100%; object-fit: contain;">
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<div class="flex-grow-1">
|
||||
<?php if (has_permission('settings_add')): ?>
|
||||
<input type="file" name="logo" class="form-control" accept="image/*">
|
||||
<div class="form-text mt-2">Recommended: PNG or SVG with transparent background.</div>
|
||||
<?php else: ?>
|
||||
<span class="text-muted">Logo file</span>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php if (has_permission('settings_add')): ?>
|
||||
<div class="form-text">Recommended: PNG or SVG with transparent background.</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mb-3">
|
||||
<hr class="my-2">
|
||||
|
||||
<div class="col-md-12 mb-3 mt-3">
|
||||
<label class="form-label">Favicon</label>
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<?php if (!empty($settings['favicon_url'])): ?>
|
||||
<div class="border rounded p-1 bg-light">
|
||||
<img src="<?= htmlspecialchars('../' . $settings['favicon_url']) ?>" alt="Favicon" style="height: 32px; width: 32px; object-fit: contain;">
|
||||
<div class="border rounded p-2 bg-light d-flex align-items-center justify-content-center" style="width: 60px; height: 60px;">
|
||||
<img src="<?= htmlspecialchars('../' . $settings['favicon_url']) ?>" alt="Favicon" style="max-height: 100%; max-width: 100%; object-fit: contain;">
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<div class="flex-grow-1">
|
||||
<?php if (has_permission('settings_add')): ?>
|
||||
<input type="file" name="favicon" class="form-control" accept=".ico,.png,.svg">
|
||||
<div class="form-text mt-2">Recommended: 32x32 ICO or PNG.</div>
|
||||
<?php else: ?>
|
||||
<span class="text-muted">Favicon file</span>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php if (has_permission('settings_add')): ?>
|
||||
<div class="form-text">Recommended: 32x32 ICO or PNG.</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php if (has_permission('settings_add')): ?>
|
||||
<div class="mt-4">
|
||||
<button type="submit" class="btn btn-primary">
|
||||
<i class="bi bi-save"></i> Save Changes
|
||||
<div class="d-flex justify-content-end mb-5">
|
||||
<button type="submit" class="btn btn-primary btn-lg px-5 shadow-sm">
|
||||
<i class="bi bi-save me-2"></i> Save All Changes
|
||||
</button>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php include 'includes/footer.php'; ?>
|
||||
Loading…
x
Reference in New Issue
Block a user