{% extends 'base.html' %}
{% block content %}
<div class="mx-auto" style="max-width:1080px">
  <div class="app-section-title mb-4">
    <span class="feature-icon"><i class="fa-solid fa-gears"></i></span>
    <div><h1 class="h3 mb-0">{{ t('admin.settings') }}</h1><div class="text-body-secondary">{{ t('admin.settings_subtitle') }}</div></div>
  </div>
  <form method="post" class="row g-3 settings-section">
    <div class="col-12 col-xl-6"><div class="card h-100"><div class="card-body">
      <h2 class="h5 mb-3">{{ t('admin.section_general') }}</h2>
      <div class="row g-3">
        <div class="col-md-8"><label class="form-label">{{ t('admin.company_name') }}</label><input class="form-control" name="company_name" value="{{ values.get('company_name','') }}"></div>
        <div class="col-md-4"><label class="form-label">{{ t('admin.max_upload_mb') }}</label><input class="form-control" name="max_upload_mb" value="{{ values.get('max_upload_mb','10') }}"></div>
        <div class="col-12 form-check ms-2"><input class="form-check-input" type="checkbox" name="registration_enabled" {% if values.get('registration_enabled') == 'true' %}checked{% endif %}><label class="form-check-label">{{ t('admin.registration_enabled') }}</label></div>
      </div>
    </div></div></div>

    <div class="col-12 col-xl-6"><div class="card h-100"><div class="card-body">
      <h2 class="h5 mb-3">{{ t('admin.smtp_section') }}</h2>
      <div class="row g-3">
        <div class="col-md-8"><label class="form-label">{{ t('admin.smtp_host') }}</label><input class="form-control" name="smtp_host" value="{{ values.get('smtp_host','') }}"></div>
        <div class="col-md-4"><label class="form-label">{{ t('admin.smtp_port') }}</label><input class="form-control" name="smtp_port" value="{{ values.get('smtp_port','465') }}"></div>
        <div class="col-md-6"><label class="form-label">{{ t('admin.smtp_security') }}</label><select class="form-select" name="smtp_security"><option value="plain" {% if values.get('smtp_security')=='plain' %}selected{% endif %}>{{ t('admin.smtp_plain') }}</option><option value="starttls" {% if values.get('smtp_security')=='starttls' %}selected{% endif %}>STARTTLS</option><option value="ssl" {% if values.get('smtp_security')=='ssl' %}selected{% endif %}>SSL/TLS</option></select></div>
        <div class="col-md-6"><label class="form-label">{{ t('admin.smtp_sender') }}</label><input class="form-control" name="smtp_sender" value="{{ values.get('smtp_sender','') }}"></div>
        <div class="col-md-6"><label class="form-label">{{ t('admin.smtp_username') }}</label><input class="form-control" name="smtp_username" value="{{ values.get('smtp_username','') }}"></div>
        <div class="col-md-6"><label class="form-label">{{ t('admin.smtp_password') }}</label><input class="form-control" type="password" name="smtp_password" value="{{ values.get('smtp_password','') }}"></div>
      </div>
    </div></div></div>

    <div class="col-12 col-xl-6"><div class="card h-100"><div class="card-body">
      <h2 class="h5 mb-3">{{ t('admin.section_reports') }}</h2>
      <div class="row g-3">
        <div class="col-12 form-check ms-2"><input class="form-check-input" type="checkbox" name="reports_enabled" {% if values.get('reports_enabled','true') == 'true' %}checked{% endif %}><label class="form-check-label">{{ t('admin.reports_enabled') }}</label></div>
        <div class="col-12 form-check ms-2"><input class="form-check-input" type="checkbox" name="report_scheduler_enabled" {% if values.get('report_scheduler_enabled') == 'true' %}checked{% endif %}><label class="form-check-label">{{ t('admin.enable_scheduler') }}</label></div>
        <div class="col-12"><div class="form-text">{{ t('admin.reports_hint') }}</div></div>
      </div>
    </div></div></div>

    <div class="col-12 col-xl-6"><div class="card h-100"><div class="card-body">
      <h2 class="h5 mb-3">{{ t('admin.section_integrations') }}</h2>
      <div class="row g-3">
        <div class="col-12"><label class="form-label">{{ t('admin.webhook_token') }}</label><input class="form-control" name="webhook_api_token" value="{{ values.get('webhook_api_token','') }}"></div>
      </div>
    </div></div></div>

    <div class="col-12"><button class="btn btn-primary"><i class="fa-solid fa-floppy-disk me-2"></i>{{ t('common.save') }}</button></div>
  </form>
</div>
{% endblock %}