{% extends "base.html" %}
{% block content_class %}{% if logged_in %}content-wide{% endif %}{% endblock %}
{% block content %}
{% if not logged_in %}
<div class="form-card login">
    <h1>Administrare răspunsuri</h1>
    {% if error %}<div class="alert">{{ error }}</div>{% endif %}
    <form method="post" action="{{ url_for('admin') }}">
        <label class="q-label">Parolă</label>
        <input class="ipt" type="password" name="parola" autofocus>
        <div class="nav"><button class="btn btn-primary" type="submit">Autentificare</button></div>
    </form>
</div>
{% else %}
<div class="form-card admin">
    <div class="form-switch admin-switch">
        <a class="switch-arrow" href="{{ other_admin_url }}" title="Comută la: {{ other.name }}">‹</a>
        <span class="switch-name">{{ form.name }}</span>
        <a class="switch-arrow" href="{{ other_admin_url }}" title="Comută la: {{ other.name }}">›</a>
    </div>

    <div class="admin-head">
        <h1>Răspunsuri <span class="badge" id="rowCount">{{ total }}</span></h1>
        <div class="admin-actions">
            <button class="btn btn-primary" id="btnAdd" type="button">➕ Adaugă răspuns</button>
            <form class="import-form" method="post" action="{{ url_for('admin_import', form_id=form.id) }}"
                  enctype="multipart/form-data">
                <label class="btn btn-ghost" for="importFile">⬆️ Importă</label>
                <input id="importFile" type="file" name="file" accept=".csv,.xlsx"
                       onchange="this.form.submit()" hidden>
            </form>
            <a class="btn btn-ghost" href="{{ url_for('admin_export', form_id=form.id, fmt='xlsx') }}">Descarcă Excel</a>
            <a class="btn btn-ghost" href="{{ url_for('admin_export', form_id=form.id, fmt='csv') }}">Descarcă CSV</a>
            <a class="btn btn-ghost" href="{{ url_for('admin_logout') }}">Ieșire</a>
        </div>
    </div>

    {% if import_msg %}<div class="alert info">{{ import_msg }}</div>{% endif %}

    <form class="search-bar" method="get" action="{{ admin_base }}">
        <input class="ipt" type="text" name="q" value="{{ q }}" placeholder="Caută în răspunsuri…">
        <select class="ipt" name="col">
            <option value="">Toate coloanele</option>
            {% for slug, label in cols %}
            <option value="{{ slug }}" {% if slug == col %}selected{% endif %}>{{ label }}</option>
            {% endfor %}
        </select>
        <button class="btn btn-primary" type="submit">Caută</button>
        {% if q %}<a class="btn btn-ghost" href="{{ admin_base }}">Resetează</a>{% endif %}
    </form>

    <p class="admin-hint muted">Editează direct în celule, apoi apasă <strong>Salvează</strong> pe rândul respectiv.
       Câmpurile cu opțiuni au sugestii, dar poți scrie liber (ca în Excel).</p>

    {% for slug, opts in suggestions.items() %}
    <datalist id="dl_{{ slug }}">{% for o in opts %}<option value="{{ o }}"></option>{% endfor %}</datalist>
    {% endfor %}

    <div class="table-wrap">
        <table id="adminTable">
            <thead>
                <tr>
                    <th class="col-actions">Acțiuni</th>
                    {% for _, label in cols %}<th>{{ label }}</th>{% endfor %}
                </tr>
            </thead>
            <tbody>
                {% for row in rows %}
                <tr data-id="{{ row.id }}" {% if row.struck %}class="struck"{% endif %}>
                    <td class="col-actions">
                        <button type="button" class="rbtn strike" title="Marchează (taie)">✓</button>
                        <button type="button" class="rbtn save" title="Salvează">💾</button>
                        <button type="button" class="rbtn dup" title="Duplică">⧉</button>
                        <button type="button" class="rbtn del" title="Șterge">🗑</button>
                    </td>
                    {% for slug, _ in cols %}
                    <td>
                        <input class="cell" data-slug="{{ slug }}" value="{{ row.get(slug, '') }}"
                               {% if slug in suggestions %}list="dl_{{ slug }}"{% endif %}>
                    </td>
                    {% endfor %}
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>

    {% if total_pages > 1 %}
    <nav class="pager">
        {% set base = admin_base ~ '?q=' ~ (q|urlencode) ~ '&col=' ~ (col|urlencode) ~ '&page=' %}
        {% if page > 1 %}<a class="btn btn-ghost" href="{{ base }}{{ page - 1 }}">← Înapoi</a>{% endif %}
        {% for p in range(1, total_pages + 1) %}
            {% if p == page %}
                <span class="btn btn-primary pg-current">{{ p }}</span>
            {% elif p <= 2 or p > total_pages - 2 or (p >= page - 2 and p <= page + 2) %}
                <a class="btn btn-ghost" href="{{ base }}{{ p }}">{{ p }}</a>
            {% elif p == 3 or p == total_pages - 2 %}
                <span class="pg-dots">…</span>
            {% endif %}
        {% endfor %}
        {% if page < total_pages %}<a class="btn btn-ghost" href="{{ base }}{{ page + 1 }}">Înainte →</a>{% endif %}
    </nav>
    <p class="muted pager-info">Pagina {{ page }} din {{ total_pages }} &middot; {{ total }} răspunsuri</p>
    {% endif %}
</div>
{% endif %}
{% endblock %}

{% block scripts %}
{% if logged_in %}
<script>
window.SCRIPT_ROOT = {{ request.script_root|tojson }};
window.ADMIN_FORM = {{ form.id|tojson }};
window.ADMIN_COLS = [{% for slug, _ in cols %}{"slug": {{ slug|tojson }}, "dl": {{ 'true' if slug in suggestions else 'false' }}}{{ "," if not loop.last }}{% endfor %}];
</script>
<script src="{{ url_for('static', filename='admin.js') }}"></script>
{% endif %}
{% endblock %}