{% extends "base_template.html" %}
{% block title %}{{ _('Sponsors') }} — {{ edition.name }}{% endblock %}
{% block content %}
<div class="d-flex flex-column align-items-start gap-2 mb-4">
    <a href="{{ url_for('editions.admin_index') }}" class="btn btn-outline-secondary btn-sm">← {{ _('All editions') }}</a>
    <h1 class="h3 mb-0">{{ _('Sponsors of %(name)s', name=edition.name) }}</h1>
    <p class="text-muted mb-0 small">{{ _('The sponsors and collaborators shown on this edition\'s page. Manage the partners themselves in Partners.') }}</p>
</div>
{% with messages = get_flashed_messages(with_categories=true) %}
    {% for category, message in messages %}<div class="alert alert-{{ 'danger' if category == 'danger' else ('info' if category=='info' else 'success') }} py-2">{{ message }}</div>{% endfor %}
{% endwith %}

<div class="card mb-4">
    <div class="card-header d-flex justify-content-between align-items-center">
        <strong>{{ _('In this edition') }}</strong><span class="badge bg-secondary">{{ sponsors | length }}</span>
    </div>
    <div class="card-body">
        {% if sponsors %}
        <div class="row g-2">
            {% for s in sponsors %}{% set p = s.partner %}
            <div class="col-6 col-md-3">
                <div class="d-flex align-items-center justify-content-between border rounded px-2 py-1">
                    <span class="d-inline-flex align-items-center gap-2 text-truncate">
                        {% if p.logo_url %}<img src="{{ p.logo_url }}" alt="" style="height:28px;max-width:60px;object-fit:contain">{% endif %}
                        <span class="text-truncate">{{ p.name }}</span>
                    </span>
                    <form method="POST" action="{{ url_for('editions.admin_sponsors_detach', edition_id=edition.id, partner_id=p.id) }}">
                        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                        <button class="btn btn-sm btn-outline-danger py-0 px-1" type="submit" title="{{ _('Remove') }}">&times;</button>
                    </form>
                </div>
            </div>
            {% endfor %}
        </div>
        {% else %}
        <p class="text-muted mb-0">{{ _('No sponsors yet. Add some below.') }}</p>
        {% endif %}
    </div>
</div>

<div class="card">
    <div class="card-header"><strong>{{ _('Add sponsors') }}</strong></div>
    <form method="POST" action="{{ url_for('editions.admin_sponsors_attach', edition_id=edition.id) }}">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <div class="card-body">
            {% if available %}
            <p class="text-muted small">{{ _('Tick the partners to add, then Save.') }}</p>
            <div class="row g-2" style="max-height:420px;overflow:auto">
                {% for p in available %}
                <div class="col-6 col-md-4">
                    <label class="d-flex align-items-center gap-2 border rounded px-2 py-1" style="cursor:pointer">
                        <input class="form-check-input m-0" type="checkbox" name="partner_ids" value="{{ p.id }}">
                        {% if p.logo_url %}<img src="{{ p.logo_url }}" alt="" style="height:24px;max-width:50px;object-fit:contain">{% endif %}
                        <span class="text-truncate">{{ p.name }}</span>
                    </label>
                </div>
                {% endfor %}
            </div>
            {% else %}
            <p class="text-muted mb-0">{{ _('Every partner is already a sponsor of this edition. Create more in Partners.') }}</p>
            {% endif %}
        </div>
        {% if available %}<div class="card-footer text-end"><button class="btn btn-primary" type="submit">{{ _('Add selected') }}</button></div>{% endif %}
    </form>
</div>
{% endblock %}