{% extends "base.html" %}

{% block title %}Настройки — {{ folder.name }}{% endblock %}

{% block content %}
<section class="page-header">
    <div class="container">
        <h1 class="page-header__title">Настройки папки</h1>
        <p class="page-header__subtitle">{{ folder.name }}</p>
        <div class="page-header__actions">
            <a href="{{ url_for('folders.view_folder', folder_id=folder.id) }}" class="btn btn--ghost">← К папке</a>
        </div>
    </div>
</section>

<section class="admin-section">
    <div class="container">
        {% include "partials/alerts.html" %}

        <div class="admin-grid">
            <div class="admin-panel">
                <h2 class="admin-panel__title">Основные настройки</h2>
                <form method="post" class="auth-form">
                    <input type="hidden" name="action" value="save">
                    <div class="form-group">
                        <label for="name">Название</label>
                        <input type="text" id="name" name="name" value="{{ folder.name }}" required minlength="2">
                    </div>
                    <label class="form-checkbox">
                        <input type="checkbox" name="is_private" {% if folder.is_private %}checked{% endif %}>
                        <span>Приватная папка</span>
                    </label>
                    <div class="form-group">
                        <label for="access_password">Новый пароль доступа</label>
                        <input type="password" id="access_password" name="access_password" minlength="4" placeholder="оставьте пустым, если не меняете">
                    </div>
                    {% if folder.has_password %}
                    <label class="form-checkbox">
                        <input type="checkbox" name="remove_password">
                        <span>Убрать пароль</span>
                    </label>
                    {% endif %}
                    <button type="submit" class="btn btn--primary">Сохранить</button>
                </form>
            </div>

            <div class="admin-panel">
                <h2 class="admin-panel__title">Ссылка для sharing</h2>
                <p class="folder-share-url">{{ share_url }}</p>
                <div class="folder-card__actions">
                    <button type="button" class="btn btn--ghost btn--sm copy-btn" data-url="{{ share_url }}">Копировать</button>
                    <form method="post" style="display:inline">
                        <input type="hidden" name="action" value="regenerate_link">
                        <button type="submit" class="btn btn--ghost btn--sm">Обновить ссылку</button>
                    </form>
                </div>
            </div>
        </div>

        <div class="admin-panel" style="margin-top: 24px;">
            <h2 class="admin-panel__title">Пригласить по email</h2>
            <form method="post" action="{{ url_for('folders.invite_member', folder_id=folder.id) }}" class="auth-form folder-create__form">
                <div class="form-group">
                    <label for="email">Email пользователя</label>
                    <input type="email" id="email" name="email" required placeholder="user@example.com">
                </div>
                <div class="form-group">
                    <label for="role">Роль</label>
                    <select id="role" name="role" class="form-select">
                        <option value="viewer">Просмотр</option>
                        <option value="editor">Редактор (загрузка и удаление)</option>
                    </select>
                </div>
                <button type="submit" class="btn btn--primary">Добавить / пригласить</button>
            </form>
            <p class="folder-hint">Если пользователь ещё не зарегистрирован, доступ откроется автоматически после регистрации с этим email.</p>
        </div>

        {% if members %}
        <div class="admin-panel" style="margin-top: 24px;">
            <h2 class="admin-panel__title">Участники</h2>
            <div class="admin-table-wrap">
                <table class="admin-table">
                    <thead>
                        <tr><th>Пользователь</th><th>Email</th><th>Роль</th><th></th></tr>
                    </thead>
                    <tbody>
                        {% for member in members %}
                        <tr>
                            <td>{{ member.user.username }}</td>
                            <td>{{ member.user.email }}</td>
                            <td>{{ 'Редактор' if member.role == 'editor' else 'Просмотр' }}</td>
                            <td>
                                <form method="post" action="{{ url_for('folders.remove_member', folder_id=folder.id, user_id=member.user_id) }}">
                                    <button type="submit" class="btn btn--danger btn--sm">Удалить</button>
                                </form>
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
        {% endif %}

        {% if invites %}
        <div class="admin-panel" style="margin-top: 24px;">
            <h2 class="admin-panel__title">Ожидают регистрации</h2>
            <div class="admin-table-wrap">
                <table class="admin-table">
                    <thead>
                        <tr><th>Email</th><th>Роль</th><th></th></tr>
                    </thead>
                    <tbody>
                        {% for invite in invites %}
                        <tr>
                            <td>{{ invite.email }}</td>
                            <td>{{ 'Редактор' if invite.role == 'editor' else 'Просмотр' }}</td>
                            <td>
                                <form method="post" action="{{ url_for('folders.remove_invite', folder_id=folder.id, invite_id=invite.id) }}">
                                    <button type="submit" class="btn btn--danger btn--sm">Отменить</button>
                                </form>
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
        {% endif %}

        <div class="admin-panel admin-panel--danger" style="margin-top: 24px;">
            <h2 class="admin-panel__title">Удалить папку</h2>
            <p class="folder-hint">Все фото внутри папки будут удалены безвозвратно.</p>
            <form method="post" onsubmit="return confirm('Удалить папку и все фото в ней?');">
                <input type="hidden" name="action" value="delete">
                <button type="submit" class="btn btn--danger">Удалить папку</button>
            </form>
        </div>
    </div>
</section>
{% endblock %}