<?= $this->include('layout/header') ?>
<div class="card">
  <div class="card-header d-flex align-items-center">
    <i class="bi bi-gear me-2"></i> <?= esc($title ?? 'General Settings') ?>
  </div>
  <div class="card-body">
    <p class="text-muted">Placeholder page for General Settings.</p>
    <form class="row g-3">
      <div class="col-md-6">
        <label class="form-label">Default Locale</label>
        <input type="text" class="form-control" value="<?= esc(config('App')->defaultLocale) ?>" disabled />
      </div>
      <div class="col-md-6">
        <label class="form-label">Timezone</label>
        <input type="text" class="form-control" value="<?= esc(config('App')->appTimezone) ?>" disabled />
      </div>
      <div class="col-md-6">
        <label class="form-label">Currency</label>
        <input type="text" class="form-control" placeholder="SAR" />
      </div>
      <div class="col-md-6">
        <label class="form-label">VAT Rate (%)</label>
        <input type="number" step="0.01" class="form-control" placeholder="15" />
      </div>
      <div class="col-12">
        <button type="button" class="btn btn-outline-secondary" disabled><i class="bi bi-save me-1"></i> Save (coming soon)</button>
      </div>
    </form>
  </div>
</div>
<?= $this->include('layout/footer') ?>