{% extends 'base.html.twig' %}
{% block title %}{{ post ? 'Edytuj post' : 'Nowy post' }} — Admin | TROPO{% endblock %}

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

    {% for flash in app.flashes('success') %}
        <div class="mb-6 bg-echo/10 border border-echo/30 text-echo rounded-xl px-4 py-3 text-sm font-medium">{{ flash }}</div>
    {% endfor %}

    <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="title" class="block text-sm font-semibold text-dark mb-2">Tytuł</label>
                <input type="text" name="title" id="title" value="{{ post ? post.title : '' }}" 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="slug" class="block text-sm font-semibold text-dark mb-2">Slug <span class="text-gray-400 font-normal">(opcjonalnie, wygeneruje się z tytułu)</span></label>
                <input type="text" name="slug" id="slug" value="{{ post ? post.slug : '' }}"
                    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="excerpt" class="block text-sm font-semibold text-dark mb-2">Zajawka</label>
                <textarea name="excerpt" id="excerpt" rows="2" 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">{{ post ? post.excerpt : '' }}</textarea>
            </div>

            <div>
                <label for="tags" class="block text-sm font-semibold text-dark mb-2">Tagi <span class="text-gray-400 font-normal">(oddzielone przecinkiem)</span></label>
                <input type="text" name="tags" id="tags" value="{{ post ? post.tags|join(', ') : '' }}"
                    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ść <span class="text-gray-400 font-normal">(HTML)</span></label>
                <textarea name="content" id="content" rows="16" 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 font-mono text-sm">{{ post ? post.content : '' }}</textarea>
            </div>

            <div class="flex items-center gap-3">
                <input type="checkbox" name="is_published" id="is_published" value="1" {{ post and post.isPublished ? 'checked' : '' }}
                    class="w-5 h-5 rounded border-gray-300 text-scout focus:ring-scout">
                <label for="is_published" class="text-sm font-semibold text-dark">Opublikowany</label>
            </div>
        </div>

        <div class="flex gap-3">
            <button type="submit" class="px-6 py-3 bg-nova text-white font-semibold rounded-xl hover:bg-nova/90 transition">
                {{ post ? 'Zapisz zmiany' : 'Utwórz post' }}
            </button>
            <a href="{{ path('app_admin_blog') }}" 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 %}