{% extends 'admin/dashboard.html.twig' %}

{% block title %}Admin - Edit Dish{% endblock %}

{% block dashboard_content %}
    <div class="container mt-4">
        {% for label, messages in app.flashes %}
            {% for message in messages %}
                <div class="alert alert-{{ label == 'error' ? 'danger' : label }} alert-dismissible fade show" role="alert">
                    {{ message }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            {% endfor %}
        {% endfor %}

        <div class="d-flex justify-content-between align-items-center mb-4">
            <h1>Edit Dish</h1>
            <a href="{{ path('admin_dishes') }}" class="btn btn-secondary">← Back to List</a>
        </div>

        {{ form_start(form, { 'attr': { 'enctype': 'multipart/form-data', 'novalidate': 'novalidate' } }) }}

        <div class="row">
            <div class="col-md-6 mb-3">
                {{ form_label(form.name) }}
                {{ form_widget(form.name, { 'attr': { 'class': 'form-control' } }) }}
                <div class="text-danger">{{ form_errors(form.name) }}</div>
            </div>

            <div class="col-md-12 mb-3">
                {{ form_label(form.description) }}
                {{ form_widget(form.description, { 'attr': { 'class': 'form-control', 'rows': 3 } }) }}
                <div class="text-danger">{{ form_errors(form.description) }}</div>
            </div>
            <div class="col-md-12 mb-3">
                {{ form_label(form.ingredients) }}
                {{ form_widget(form.ingredients, { 'attr': { 'class': 'form-select' } }) }}
                <div class="text-danger">{{ form_errors(form.ingredients) }}</div>
            </div>
            <div class="col-md-6 mb-3">
                {{ form_label(form.menu) }}
                {{ form_widget(form.menu, { 'attr': { 'class': 'form-select' } }) }}
                <div class="text-danger">{{ form_errors(form.menu) }}</div>
            </div>
            <div class="col-md-6 mb-3">
                {{ form_label(form.price) }}
                {{ form_widget(form.price, { 'attr': { 'class': 'form-select' } }) }}
                <div class="text-danger">{{ form_errors(form.price) }}</div>
            </div>
            <div class="col-md-12 mb-3">
                {% if dish.image %}
                    <div class="mt-2">
                        <strong>Current Image:</strong><br>
                        <img src="{{ asset('uploads/' ~ dish.image) }}" width="150" height="100" style="object-fit: cover;">
                    </div>
                {% endif %}
                {{ form_label(form.image) }}
                {{ form_widget(form.image, { 'attr': { 'class': 'form-control' } }) }}
                <div class="text-danger">{{ form_errors(form.image) }}</div>
            </div>
        </div>

        <button type="submit" class="btn btn-success">Update Dish</button>

        {{ form_end(form) }}
    </div>
{% endblock %}