{% extends "base.html" %}

{% block title %}Загрузка данных — InviteMe{% endblock %}

{% block content %}
<h1 class="mb-4">Загрузка данных</h1>
<p class="text-muted">Мероприятие: {{ event.name }}</p>

<div class="row">
    <div class="col-md-6">
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">1. Загрузить Excel со списком гостей</h5>
                <p class="text-muted">Столбцы: Отдел, Фамилия, Имя, Отчество, Должность, Почта, Телефон, Название фото</p>
                <form method="POST" enctype="multipart/form-data">
                    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                    <div class="mb-3">
                        <label for="excel_file" class="form-label">Excel-файл</label>
                        <input type="file" class="form-control" id="excel_file" name="excel_file" accept=".xlsx,.xls" required>
                    </div>
                    <div class="mb-3">
                        <label for="base_url" class="form-label">Базовый URL для QR-кодов (опционально)</label>
                        <input type="url" class="form-control" id="base_url" name="base_url" placeholder="https://events.company.com">
                    </div>
                    <button type="submit" class="btn btn-primary">Загрузить и сгенерировать QR</button>
                </form>
            </div>
        </div>
    </div>

    <div class="col-md-6">
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">2. Загрузить фото гостей</h5>
                <p class="text-muted">Фото должны называться точно так же, как указано в столбце «Название фото»</p>
                <form method="POST" enctype="multipart/form-data">
                    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                    <div class="mb-3">
                        <label for="photo_files" class="form-label">Фото (можно несколько)</label>
                        <input type="file" class="form-control" id="photo_files" name="photo_files" accept="image/*" multiple>
                    </div>
                    <div class="mb-3">
                        <label for="zip_file" class="form-label">Или ZIP-архив</label>
                        <input type="file" class="form-control" id="zip_file" name="zip_file" accept=".zip">
                    </div>
                    <button type="submit" class="btn btn-primary">Загрузить фото</button>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="row mt-4">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">Пример заполнения Excel-таблицы</h5>
                <p class="text-muted">Имена столбцов должны совпадать точно. Значение в столбце «Название фото» должно совпадать с именем файла фото, включая расширение.</p>
                <div class="table-responsive">
                    <table class="table table-sm table-bordered">
                        <thead>
                            <tr>
                                <th>Отдел</th>
                                <th>Фамилия</th>
                                <th>Имя</th>
                                <th>Отчество</th>
                                <th>Должность</th>
                                <th>Почта</th>
                                <th>Телефон</th>
                                <th>Название фото</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>IT</td>
                                <td>Иванов</td>
                                <td>Иван</td>
                                <td>Иванович</td>
                                <td>Разработчик</td>
                                <td>ivanov@company.com</td>
                                <td>+7 (999) 111-22-33</td>
                                <td>ivanov.jpg</td>
                            </tr>
                            <tr>
                                <td>Маркетинг</td>
                                <td>Петрова</td>
                                <td>Анна</td>
                                <td>Сергеевна</td>
                                <td>Маркетолог</td>
                                <td>petrova@company.com</td>
                                <td>+7 (999) 222-33-44</td>
                                <td>petrova.png</td>
                            </tr>
                            <tr>
                                <td>Продажи</td>
                                <td>Сидоров</td>
                                <td>Алексей</td>
                                <td>Петрович</td>
                                <td>Менеджер</td>
                                <td>sidorov@company.com</td>
                                <td>+7 (999) 333-44-55</td>
                                <td>sidorov.jpg</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}