{% extends 'website/admin/base.html.twig' %}

{% block title %}{{ heading }} — Website Admin{% endblock %}

{% block admin_body %}
    <div style="margin-bottom: 1.25rem;">
        <a href="{{ path('website_admin_escaperooms') }}" style="color: #64748b; text-decoration: none; font-size: 0.9rem;">← Escape Rooms</a>
    </div>

    <h1 style="margin: 0 0 1.5rem; font-size: 1.5rem; color: #0f172a;">{{ heading }}</h1>

    <div style="background: #fff; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,.07); padding: 1.5rem;">
        {{ form_start(form, {attr: {class: 'er-form'}}) }}
            <div class="er-field-wide">{{ form_row(form.name) }}</div>
            <div class="er-field-wide">{{ form_row(form.venue) }}</div>

            {{ form_row(form.street) }}
            {{ form_row(form.houseNumber) }}
            {{ form_row(form.postcode) }}
            {{ form_row(form.city) }}
            {{ form_row(form.country) }}
            <div></div>

            {{ form_row(form.latitude) }}
            {{ form_row(form.longitude) }}

            {{ form_row(form.website) }}
            {{ form_row(form.phone) }}

            {{ form_row(form.status) }}
            {{ form_row(form.source) }}

            <div class="er-field-wide">{{ form_row(form.locked) }}</div>

            <div class="er-field-wide" style="display: flex; gap: 0.75rem; margin-top: 0.5rem;">
                <button type="submit" class="er-btn">Save</button>
                <a href="{{ path('website_admin_escaperooms') }}" class="er-btn er-btn--ghost">Cancel</a>
            </div>
        {{ form_end(form) }}
    </div>
{% endblock %}