{% extends "base.html" %}
{% block title %}Импорт каналов — TG Agent{% endblock %}
{% block content %}
<p><a href="/channels">&larr; Назад к каналам</a></p>
<h1>Импорт каналов</h1>

<div class="card mb-4">
    <div class="card-body">
        <form method="post" action="/channels/import" enctype="multipart/form-data" data-busy>
            <div class="mb-3">
                <label class="form-label">Файл (любой формат)</label>
                <input type="file" class="form-control" name="file">
            </div>
            <div class="mb-3">
                <label class="form-label">Список каналов</label>
                <textarea class="form-control" name="text_input" rows="6" placeholder="@channel1&#10;t.me/channel2&#10;-1001234567890&#10;https://t.me/+invite_hash"></textarea>
                <div class="form-text">Загрузите файл любого формата — парсер автоматически найдёт все Telegram-идентификаторы (<code>@username</code>, <code>t.me/...</code>, числовой ID).</div>
            </div>
            <button type="submit" class="btn btn-primary" id="import-btn" data-busy-label="Импорт выполняется...">Импортировать</button>
        </form>
    </div>
</div>


{% if results is not none %}
<div class="card">
    <div class="card-header fw-semibold">Результаты импорта</div>
    <div class="card-body">
        <p>
            Всего: <strong>{{ results.total }}</strong> &middot;
            Добавлено: <strong>{{ results.added }}</strong> &middot;
            Пропущено: <strong>{{ results.skipped }}</strong> &middot;
            Ошибок: <strong>{{ results.failed }}</strong>
        </p>
        {% if results.details %}
        <div class="table-responsive">
        <table class="table table-sm">
            <thead>
                <tr>
                    <th>Идентификатор</th>
                    <th>Статус</th>
                    <th>Детали</th>
                </tr>
            </thead>
            <tbody>
                {% for item in results.details %}
                <tr>
                    <td><code>{{ item.identifier }}</code></td>
                    <td>
                        {% if item.status == "added" %}
                            <span class="badge text-bg-success">Добавлен</span>
                        {% elif item.status == "skipped" %}
                            Пропущен
                        {% else %}
                            <span class="badge text-bg-danger">Ошибка</span>
                        {% endif %}
                    </td>
                    <td>{{ item.detail }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
        </div>
        {% endif %}
    </div>
</div>
{% endif %}
{% endblock %}