{% extends 'base.html.twig' %}
{% block title %}{{ testimonial ? 'Edytuj opinię' : 'Nowa opinia' }} — 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_testimonials') }}" class="text-sm text-gray-500 hover:text-dark transition">&larr; Powrót do listy</a>
        <h1 class="text-3xl font-bold mt-1">{{ testimonial ? 'Edytuj opinię' : 'Nowa opinia' }}</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="author_name" class="block text-sm font-semibold text-dark mb-2">Imię autora</label>
                <input type="text" name="author_name" id="author_name" value="{{ testimonial ? testimonial.authorName : '' }}" 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="content" class="block text-sm font-semibold text-dark mb-2">Treść opinii</label>
                <textarea name="content" id="content" 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">{{ testimonial ? testimonial.content : '' }}</textarea>
            </div>

            <div>
                <label for="rating" class="block text-sm font-semibold text-dark mb-2">Ocena (1-5)</label>
                <select name="rating" id="rating"
                    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">
                    {% for i in 1..5 %}
                    <option value="{{ i }}" {{ (testimonial and testimonial.rating == i) or (not testimonial and i == 5) ? 'selected' : '' }}>{% for j in 1..i %}★{% endfor %} ({{ i }})</option>
                    {% endfor %}
                </select>
            </div>

            <div class="flex items-center gap-3">
                <input type="checkbox" name="is_active" id="is_active" value="1" {{ (testimonial and testimonial.isActive) or not testimonial ? 'checked' : '' }}
                    class="w-5 h-5 rounded border-gray-300 text-scout focus:ring-scout">
                <label for="is_active" class="text-sm font-semibold text-dark">Widoczna na stronie</label>
            </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">
                {{ testimonial ? 'Zapisz zmiany' : 'Dodaj opinię' }}
            </button>
            <a href="{{ path('app_admin_testimonials') }}" 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 %}