{% extends "base.html" %}
{% block title %}{{ ltext(title) }} | {{ app_name }}{% endblock %}
{% block content %}
    {% if item_type == 'department' %}
        {% set export_url = url_for('admin.departments', export='xlsx') %}
    {% elif item_type == 'status' %}
        {% set export_url = url_for('admin.statuses', export='xlsx') %}
    {% elif item_type == 'priority' %}
        {% set export_url = url_for('admin.priorities', export='xlsx') %}
    {% elif item_type == 'category' %}
        {% set export_url = url_for('admin.categories', export='xlsx') %}
    {% else %}
        {% set export_url = '#' %}
    {% endif %}
    <section class="content-grid two-column">
        <article class="panel">
            <div class="panel-header panel-header-inline">
                <div>
                    <h1>{{ ltext(title) }}</h1>
                    <p>{{ ltext('Maintain reference data used by ticket workflows. / إدارة البيانات المرجعية المستخدمة في سير العمل.') }}</p>
                    <small class="bilingual-entry-note">{{ ltext('For names and descriptions, use English / العربية in the same field so each language shows the correct value. / للأسماء والأوصاف، استخدم English / العربية داخل نفس الحقل ليظهر لكل لغة النص الصحيح.') }}</small>
                </div>
                {% if export_url != '#' %}
                    <a class="button button-secondary" href="{{ export_url }}">{{ ltext('Export Excel / تصدير Excel') }}</a>
                {% endif %}
            </div>
            <form method="post" class="form-grid">
                {{ form.hidden_tag() }}
                {% for field in form if field.name not in ['csrf_token', 'submit'] %}
                    <label>
                        {{ field.label }}
                        {% if field.type == 'TextAreaField' %}
                            {% if field.name in ['description', 'notes'] %}
                                {{ field(class="textarea", rows="4", dir="auto", placeholder=ltext('English / العربية')) }}
                            {% else %}
                                {{ field(class="textarea", rows="4") }}
                            {% endif %}
                        {% elif field.type == 'BooleanField' %}
                            <span class="checkbox-row">{{ field() }} <span>{{ field.label.text }}</span></span>
                        {% else %}
                            {% if field.name == 'name' %}
                                {{ field(class="input", dir="auto", placeholder=ltext('English / العربية')) }}
                            {% else %}
                                {{ field(class="input") }}
                            {% endif %}
                        {% endif %}
                    </label>
                {% endfor %}
                <div class="form-actions">{{ form.submit(class="button") }}</div>
            </form>
        </article>
        <article class="panel">
            <div class="panel-header">
                <h2>{{ ltext('Existing Items / العناصر الحالية') }}</h2>
            </div>
            <ul class="list-stack">
                {% for item in items %}
                    <li class="list-card compact-card">
                        <div>
                            <strong>{{ item.name }}</strong>
                            {% if item.description %}<p>{{ item.description }}</p>{% endif %}
                            {% if item.code %}<small>{{ item.code }}</small>{% endif %}
                        </div>
                        <div>
                            {% if item_type == 'department' %}
                                <a href="{{ url_for('admin.edit_department', item_id=item.id) }}">{{ t('edit') }}</a>
                            {% elif item_type == 'status' %}
                                <a href="{{ url_for('admin.edit_status', item_id=item.id) }}">{{ t('edit') }}</a>
                            {% elif item_type == 'priority' %}
                                <a href="{{ url_for('admin.edit_priority', item_id=item.id) }}">{{ t('edit') }}</a>
                            {% elif item_type == 'category' %}
                                <a href="{{ url_for('admin.edit_category', item_id=item.id) }}">{{ t('edit') }}</a>
                            {% endif %}
                        </div>
                    </li>
                {% else %}
                    <li>{{ ltext('No items available. / لا توجد عناصر.') }}</li>
                {% endfor %}
            </ul>
        </article>
    </section>
{% endblock %}