{% extends 'base.html.twig' %}
{% block title %}{{ card ? 'Edytuj kartę' : 'Nowa karta' }} — Admin | Tropo{% endblock %}

{% block body %}
<div class="max-w-2xl mx-auto px-4 py-12">
    <div class="mb-8">
        <a href="{{ path('app_admin_adventure_cards') }}" class="text-sm text-gray-500 hover:text-dark transition">&larr; Powrót do listy</a>
        <h1 class="text-3xl font-bold mt-1">{{ card ? 'Edytuj kartę' : 'Nowa karta przygód' }}</h1>
    </div>

    <form method="post" class="space-y-6">
        <input type="hidden" name="_token" value="{{ csrf_token('admin_action') }}">
        <div class="bg-white rounded-2xl border border-gray-200 p-6 space-y-6">
            <div>
                <label for="talia" class="block text-sm font-semibold text-dark mb-2">Talia</label>
                <select name="talia" id="talia"
                    class="w-full px-4 py-3 border border-gray-200 rounded-xl focus:ring-2 focus:ring-scout/30 focus:border-scout outline-none transition">
                    <option value="">— Bez talii —</option>
                    {% for deck in decks %}
                    <option value="{{ deck }}" {{ card and card.talia == deck ? 'selected' : '' }}>{{ deck }}</option>
                    {% endfor %}
                </select>
            </div>

            <div>
                <label for="typ" class="block text-sm font-semibold text-dark mb-2">Typ karty</label>
                <select name="typ" id="typ" required
                    class="w-full px-4 py-3 border border-gray-200 rounded-xl focus:ring-2 focus:ring-scout/30 focus:border-scout outline-none transition">
                    <option value="">— Wybierz typ —</option>
                    {% for type in types %}
                    <option value="{{ type }}" {{ card and card.typ == type ? 'selected' : '' }}>{{ type }}</option>
                    {% endfor %}
                </select>
            </div>

            <div>
                <label for="nazwa" class="block text-sm font-semibold text-dark mb-2">Nazwa</label>
                <input type="text" name="nazwa" id="nazwa" value="{{ card ? card.nazwa : '' }}" required
                    class="w-full px-4 py-3 border border-gray-200 rounded-xl focus:ring-2 focus:ring-scout/30 focus:border-scout outline-none transition">
            </div>

            <div>
                <label for="opis" class="block text-sm font-semibold text-dark mb-2">Opis</label>
                <textarea name="opis" id="opis" rows="4" required
                    class="w-full px-4 py-3 border border-gray-200 rounded-xl focus:ring-2 focus:ring-scout/30 focus:border-scout outline-none transition resize-y">{{ card ? card.opis : '' }}</textarea>
            </div>
        </div>

        <div class="flex gap-3">
            <button type="submit" class="px-6 py-3 bg-blitz text-white font-semibold rounded-xl hover:bg-blitz/90 transition">
                {{ card ? 'Zapisz zmiany' : 'Dodaj kartę' }}
            </button>
            <a href="{{ path('app_admin_adventure_cards') }}" class="px-6 py-3 border border-gray-200 text-gray-600 font-semibold rounded-xl hover:bg-gray-50 transition">Anuluj</a>
        </div>
    </form>
</div>
{% endblock %}