{% extends "base.html" %}
{% block title %}Site Settings — Admin{% endblock %}
{% block content %}
<div class="container-fluid py-3 px-lg-4" style="max-width: 720px;">
  <h1 class="h4 fw-bold mb-4"><i class="bi bi-gear me-2"></i>Site Settings</h1>

  <div class="card border-0 shadow-sm rounded-4">
    <div class="card-body">
      <form method="post">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <div class="mb-3">
          <label class="form-label">Site Name</label>
          <input type="text" name="site_name" class="form-control form-control-lg rounded-3" value="{{ settings.site_name }}">
        </div>
        <div class="mb-3">
          <label class="form-label">Footer Text (shown on all pages)</label>
          <input type="text" name="footer_text" class="form-control rounded-3" value="{{ settings.footer_text }}">
        </div>
        <div class="mb-3">
          <label class="form-label">Logo URL (optional)</label>
          <input type="url" name="logo_url" class="form-control rounded-3" value="{{ settings.logo_url or '' }}" placeholder="https://example.com/logo.png">
          <div class="form-text">Leave empty to use default cloud icon</div>
        </div>
        <div class="mb-3">
          <label class="form-label">Default Storage Quota for New Users (MB)</label>
          <input type="number" name="default_quota_mb" class="form-control rounded-3" value="{{ settings.default_quota_mb }}" min="50" step="50">
          <div class="form-text">Default: 500 MB. Admin can change per-user later.</div>
        </div>
        <div class="mb-4 form-check form-switch">
          <input class="form-check-input" type="checkbox" name="allow_signup" id="allowSignup" {% if settings.allow_signup %}checked{% endif %}>
          <label class="form-check-label" for="allowSignup">Allow new user registration</label>
        </div>
        <button class="btn btn-primary btn-lg rounded-pill px-4">Save Settings</button>
      </form>
    </div>
  </div>
</div>
{% endblock %}
{% block content_mobile %}{{ self.content() }}{% endblock %}