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

{% block title %}Admin - Settings{% 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 %}
        <h1 class="mb-4">Manage Settings</h1>

        {% for label, messages in app.flashes %}
            {% for message in messages %}
                <div class="alert alert-{{ label == 'success' ? 'success' : 'danger' }}">{{ message }}</div>
            {% endfor %}
        {% endfor %}

        {{ form_start(form) }}
        
        <div class="row">
            <div class="col-md-6">
                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0">Tax Settings</h5>
                    </div>
                    <div class="card-body">
                        {{ form_row(form.tax) }}
                    </div>
                </div>
            </div>
            
            <div class="col-md-6">
                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0">Discount Settings</h5>
                    </div>
                    <div class="card-body">
                        {{ form_row(form.discountCode) }}
                        {{ form_row(form.discountPercentage) }}
                        <div class="form-check mb-3">
                            {{ form_widget(form.discountActive) }}
                            {{ form_label(form.discountActive) }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="mt-3">
            <button type="submit" class="btn btn-primary">Update Settings</button>
        </div>
        {{ form_end(form) }}

        {% if settings %}
            <div class="row mt-4">
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-header">
                            <h6 class="mb-0">Current Tax</h6>
                        </div>
                        <div class="card-body">
                            <p class="mb-0"><strong>{{ settings.tax }}%</strong></p>
                        </div>
                    </div>
                </div>
                
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-header">
                            <h6 class="mb-0">Current Discount</h6>
                        </div>
                        <div class="card-body">
                            {% if settings.discountActive and settings.discountCode %}
                                <p class="mb-1"><strong>Code:</strong> {{ settings.discountCode }}</p>
                                <p class="mb-1"><strong>Percentage:</strong> {{ settings.discountPercentage }}%</p>
                                <span class="badge bg-success">Active</span>
                            {% else %}
                                <p class="mb-0 text-muted">No active discount</p>
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>
        {% endif %}
    </div>
{% endblock %}