{% extends 'base.html.twig' %}

{% block title %}{{ 'user_alerts.edit_title'|trans }} - {{ parent() }}{% endblock %}

{% block body %}
<div class="container py-5">
    <!-- Messages flash -->
    {% 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"></button>
            </div>
        {% endfor %}
    {% endfor %}

    <!-- Breadcrumb -->
    <nav aria-label="breadcrumb" class="mb-4">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ path('user_dashboard') }}">{{ 'user_dashboard.title'|trans }}</a></li>
            <li class="breadcrumb-item"><a href="{{ path('user_alerts') }}">{{ 'user_alerts.title'|trans }}</a></li>
            <li class="breadcrumb-item active">{{ 'user_alerts.edit_breadcrumb'|trans }}</li>
        </ol>
    </nav>

    <div class="row justify-content-center">
        <div class="col-lg-8">
            <div class="card border-0 shadow-sm">
                <div class="card-header" style="background: var(--aef-gradient-blue); color: white;">
                    <h4 class="mb-0">
                        <i class="fas fa-edit me-2"></i>{{ 'user_alerts.edit_alert'|trans }} "{{ alert.name }}"
                    </h4>
                </div>
                <div class="card-body p-4">
                    {{ form_start(form) }}
                    
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            {{ form_label(form.name, null, {'label_attr': {'class': 'form-label'}}) }}
                            {{ form_widget(form.name) }}
                            {{ form_help(form.name) }}
                        </div>
                        <div class="col-md-6 mb-3">
                            {{ form_label(form.category, null, {'label_attr': {'class': 'form-label'}}) }}
                            {{ form_widget(form.category) }}
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            {{ form_label(form.style, null, {'label_attr': {'class': 'form-label'}}) }}
                            {{ form_widget(form.style) }}
                        </div>
                        <div class="col-md-6 mb-3">
                            {{ form_label(form.period, null, {'label_attr': {'class': 'form-label'}}) }}
                            {{ form_widget(form.period) }}
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            {{ form_label(form.minPrice, null, {'label_attr': {'class': 'form-label'}}) }}
                            {{ form_widget(form.minPrice) }}
                        </div>
                        <div class="col-md-6 mb-3">
                            {{ form_label(form.maxPrice, null, {'label_attr': {'class': 'form-label'}}) }}
                            {{ form_widget(form.maxPrice) }}
                        </div>
                    </div>
                    
                    <div class="mb-3">
                        {{ form_label(form.keywords, null, {'label_attr': {'class': 'form-label'}}) }}
                        {{ form_widget(form.keywords) }}
                        {{ form_help(form.keywords) }}
                    </div>
                    
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            {{ form_label(form.country, null, {'label_attr': {'class': 'form-label'}}) }}
                            {{ form_widget(form.country) }}
                        </div>
                        <div class="col-md-6 mb-3">
                            {{ form_label(form.region, null, {'label_attr': {'class': 'form-label'}}) }}
                            {{ form_widget(form.region) }}
                        </div>
                    </div>
                    
                    <div class="form-check mb-4">
                        {{ form_widget(form.emailNotification) }}
                        {{ form_label(form.emailNotification, null, {'label_attr': {'class': 'form-check-label'}}) }}
                        {{ form_help(form.emailNotification) }}
                    </div>
                    
                    <div class="d-flex gap-3">
                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-save me-2"></i>{{ 'user_alerts.save_changes'|trans }}
                        </button>
                        <a href="{{ path('user_alerts') }}" class="btn btn-secondary">
                            <i class="fas fa-times me-2"></i>{{ 'common.cancel'|trans }}
                        </a>
                    </div>
                    
                    {{ form_end(form) }}
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}