{% extends "base.html" %}
{% block title %}{{ ltext('Edit User / تعديل مستخدم') if user else ltext('Create User / إنشاء مستخدم') }} | {{ app_name }}{% endblock %}
{% block content %}
    <section class="panel">
        <div class="panel-header">
            <h1>{{ ltext('Edit User / تعديل مستخدم') if user else ltext('Create User / إنشاء مستخدم') }}</h1>
            <p>{{ ltext('Assign roles, company scope, department scope, and account restrictions. / وزّع الأدوار وحدود الشركات والأقسام وسياسات الحساب.') }}</p>
            <small class="bilingual-entry-note">{{ ltext('For display titles, use English / العربية in the same field so the shown text follows the selected language. / للعناوين الظاهرة، استخدم English / العربية داخل نفس الحقل ليتبدل النص المعروض مع اللغة المختارة.') }}</small>
        </div>
        <form method="post" class="form-grid two-column">
            {{ form.hidden_tag() }}
            <label>{{ form.first_name.label }} {{ form.first_name(class="input", dir="auto") }}</label>
            <label>{{ form.last_name.label }} {{ form.last_name(class="input", dir="auto") }}</label>
            <label>{{ form.username.label }} {{ form.username(class="input") }}</label>
            <label>{{ form.email.label }} {{ form.email(class="input") }}</label>
            <label>{{ form.password.label }} {{ form.password(class="input") }}</label>
            <label>{{ form.phone.label }} {{ form.phone(class="input", placeholder="+9665XXXXXXXX") }}</label>
            <label>
                {{ form.telegram_chat_id.label }}
                {{ form.telegram_chat_id(class="input", placeholder="123456789 or -1001234567890") }}
                <small class="field-help">{{ ltext('Usually this is linked automatically from the user profile after the user starts the bot and shares the same mobile number. Keep this field only for manual override or support cases. / غالباً يتم ربط هذا الحقل تلقائياً من صفحة الملف الشخصي بعد أن يبدأ المستخدم البوت ويشارك نفس رقم الموبايل. اترك هذا الحقل فقط للحالات اليدوية أو الدعم الفني.') }}</small>
            </label>
            <label>
                {{ form.title.label }}
                {{ form.title(class="input", dir="auto", placeholder=ltext('Support Lead / قائد الدعم')) }}
                <small class="field-help">{{ ltext('Example: Support Lead / قائد الدعم. / مثال: Support Lead / قائد الدعم.') }}</small>
            </label>
            <label>{{ form.user_type.label }} {{ form.user_type(class="input") }}</label>
            <label>{{ form.company_id.label }} {{ form.company_id(class="input") }}</label>
            <label>{{ form.department_id.label }} {{ form.department_id(class="input") }}</label>
            <label>{{ form.manager_id.label }} {{ form.manager_id(class="input") }}</label>
            <label>{{ form.role_ids.label }} {{ form.role_ids(class="input multi-select", size="7") }}</label>
            <label class="full-span">{{ form.allowed_company_ids.label }} {{ form.allowed_company_ids(class="input multi-select", size="6") }}</label>
            <label class="full-span">{{ form.allowed_department_ids.label }} {{ form.allowed_department_ids(class="input multi-select", size="6") }}</label>
            <label class="checkbox-row">{{ form.is_enabled() }} <span>{{ ltext('Account enabled / الحساب مفعّل') }}</span></label>
            <label class="checkbox-row">{{ form.must_change_password() }} <span>{{ ltext('Require password change at next sign in / فرض تغيير كلمة المرور عند الدخول القادم') }}</span></label>
            {% if can_manage_mfa %}
                <label class="checkbox-row">{{ form.two_factor_enabled() }} <span>{{ ltext('Enable Email OTP MFA for this user / تفعيل MFA عبر البريد لهذا المستخدم') }}</span></label>
            {% endif %}
            <div class="form-actions">{{ form.submit(class="button") }}</div>
        </form>
    </section>
    {% if user %}
        <section class="panel">
            <div class="panel-header">
                <h2>{{ ltext('Telegram Link / ربط تيليجرام') }}</h2>
                <p>{{ ltext('Use this section if you are preparing the Telegram link for the user from the admin side. The user must still open the bot from their own Telegram account and share the same mobile number. / استخدم هذا القسم إذا كنت تجهز رابط تيليجرام للمستخدم من جهة الإدارة. لكن يجب أن يفتح المستخدم البوت من حسابه في تيليجرام ويشارك نفس رقم الموبايل.') }}</p>
            </div>

            {% if user.telegram_chat_id %}
                <div class="telegram-link-box is-linked">
                    <strong>{{ ltext('Telegram is already linked for this user. / تيليجرام مربوط مسبقاً لهذا المستخدم.') }}</strong>
                    <span>{{ ltext('Current chat ID / معرّف المحادثة الحالي') }}: {{ user.telegram_chat_id }}</span>
                </div>
            {% elif active_telegram_link %}
                <div class="telegram-link-box is-pending">
                    <strong>{{ ltext('A Telegram link request is already active. / يوجد طلب ربط تيليجرام فعّال حالياً.') }}</strong>
                    <span>{{ ltext('The user should open the link below, press Start, then share the same mobile number from Telegram. / على المستخدم فتح الرابط أدناه ثم الضغط على Start وبعدها مشاركة نفس رقم الموبايل من تيليجرام.') }}</span>
                    <span>{{ ltext('Expires at / ينتهي في') }}: {{ active_telegram_link.expires_at.strftime('%Y-%m-%d %H:%M UTC') }}</span>
                </div>
            {% else %}
                <div class="telegram-link-box">
                    <strong>{{ ltext('No active Telegram link request exists. / لا يوجد طلب ربط تيليجرام فعّال حالياً.') }}</strong>
                    <span>{{ ltext('Generate a link and send it to the user. / أنشئ رابطاً وأرسله إلى المستخدم.') }}</span>
                </div>
            {% endif %}

            <div class="button-row">
                {% if telegram_enabled and user.phone and not user.telegram_chat_id %}
                    <form method="post" action="{{ url_for('admin.generate_user_telegram_link', user_id=user.id) }}">
                        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                        <button type="submit" class="button">{{ ltext('Generate Telegram Link / إنشاء رابط تيليجرام') }}</button>
                    </form>
                {% endif %}
            </div>

            {% if generated_telegram_link %}
                <label class="full-span">
                    {{ ltext('Generated link / الرابط المُنشأ') }}
                    <input class="input" type="text" readonly value="{{ generated_telegram_link }}">
                </label>
            {% endif %}

            <div class="field-help">
                {% if not telegram_enabled %}
                    {{ ltext('Telegram notifications are disabled or not configured in system settings. / إشعارات تيليجرام معطلة أو غير مضبوطة في إعدادات النظام.') }}
                {% elif not user.phone %}
                    {{ ltext('Save the user mobile number first. It must match the number they will share from Telegram. / احفظ رقم موبايل المستخدم أولاً. يجب أن يطابق الرقم الذي سيشاركه من تيليجرام.') }}
                {% elif telegram_bot_username %}
                    {{ ltext('Bot username / اسم مستخدم البوت') }}: @{{ telegram_bot_username }}
                {% endif %}
            </div>
        </section>
    {% endif %}
{% endblock %}