{% extends "base.html" %}
{% block title %}{{ t('settings') }} | {{ app_name }}{% endblock %}
{% block content %}
    <section class="panel">
        <div class="panel-header">
            <h1>{{ ltext('System Settings / إعدادات النظام') }}</h1>
            <p>{{ ltext('Configure upload policy, numbering, sessions, email, Telegram, MFA, and security controls. / اضبط سياسة الرفع والترقيم والجلسات والبريد وتيليجرام وMFA وضوابط الحماية.') }}</p>
            <small class="bilingual-entry-note">{{ ltext('Use English / العربية in display labels such as the application name or MFA issuer if you want the visible text to switch with the selected language. / استخدم English / العربية في العناوين الظاهرة مثل اسم التطبيق أو اسم MFA إذا أردت أن يتبدل النص مع اللغة المختارة.') }}</small>
        </div>
        <form method="post" class="form-grid two-column">
            {{ form.hidden_tag() }}
            <label>{{ form.app_name.label }} {{ form.app_name(class="input", dir="auto", placeholder="KHF SMP") }}</label>
            <label>{{ form.app_logo_url.label }} {{ form.app_logo_url(class="input", placeholder="/static/img/brand-logo.svg") }}</label>
            <label>{{ form.ticket_number_prefix.label }} {{ form.ticket_number_prefix(class="input") }}</label>
            <label class="full-span">{{ form.allowed_upload_extensions.label }} {{ form.allowed_upload_extensions(class="input") }}</label>
            <label>{{ form.max_upload_size_mb.label }} {{ form.max_upload_size_mb(class="input") }}</label>
            <label>{{ form.session_timeout_minutes.label }} {{ form.session_timeout_minutes(class="input") }}</label>
            <label>{{ form.session_absolute_timeout_minutes.label }} {{ form.session_absolute_timeout_minutes(class="input") }}</label>
            <label class="checkbox-row">{{ form.session_bind_ip() }} <span>{{ form.session_bind_ip.label.text }}</span></label>
            <label class="checkbox-row">{{ form.session_bind_user_agent() }} <span>{{ form.session_bind_user_agent.label.text }}</span></label>
            <label class="full-span">{{ form.file_storage_path.label }} {{ form.file_storage_path(class="input") }}</label>
            <label>{{ form.smtp_host.label }} {{ form.smtp_host(class="input") }}</label>
            <label>{{ form.smtp_port.label }} {{ form.smtp_port(class="input") }}</label>
            <label>{{ form.smtp_username.label }} {{ form.smtp_username(class="input") }}</label>
            <label>{{ form.smtp_password.label }} {{ form.smtp_password(class="input") }}</label>
            <label>{{ form.smtp_from_address.label }} {{ form.smtp_from_address(class="input") }}</label>
            <label class="checkbox-row">{{ form.smtp_use_tls() }} <span>{{ form.smtp_use_tls.label.text }}</span></label>
            <label class="checkbox-row">{{ form.email_notifications_enabled() }} <span>{{ form.email_notifications_enabled.label.text }}</span></label>
            <label class="checkbox-row">{{ form.telegram_notifications_enabled() }} <span>{{ form.telegram_notifications_enabled.label.text }}</span></label>
            <label>
                {{ form.telegram_bot_token.label }}
                {{ form.telegram_bot_token(class="input", placeholder="Bot token") }}
                <small class="field-help">{{ ltext('Do not hardcode the bot token in source files. On shared hosting, prefer the environment variable TELEGRAM_BOT_TOKEN. / لا تضع توكن البوت داخل ملفات المصدر. على الشير هوستنغ يفضّل استخدام متغير البيئة TELEGRAM_BOT_TOKEN.') }}</small>
            </label>
            <label>
                {{ form.telegram_bot_username.label }}
                {{ form.telegram_bot_username(class="input", placeholder="my_bot_username") }}
                <small class="field-help">{{ ltext('Optional but recommended so users can open the correct bot link immediately. / اختياري لكنه مفضل حتى يفتح المستخدمون رابط البوت الصحيح مباشرة.') }}</small>
            </label>
            <label>{{ form.mfa_issuer.label }} {{ form.mfa_issuer(class="input", dir="auto", placeholder="KHF SMP") }}</label>
            <div class="form-actions">{{ form.submit(class="button") }}</div>
        </form>
    </section>
{% endblock %}