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

{% set is_edit = is_edit|default(false) %}
{% block title %}{{ is_edit ? 'admin.image_compressor.edit_title'|trans : 'admin.image_compressor.create_title'|trans }}{% endblock %}

{% block body %}
<div class="container-fluid px-3 px-lg-4 py-4">
    <div class="admin-card p-4 mb-4">
        <a href="{{ path('app_admin_module_image_compressor') }}" class="btn btn-outline-secondary btn-sm mb-3">
            <i class="bi bi-arrow-left me-1"></i>{{ 'admin.back'|trans }}
        </a>
        <h1 class="h3 gradient-text fw-bold mb-2">
            <i class="bi bi-file-earmark-image me-2"></i>{{ is_edit ? 'admin.image_compressor.edit_title'|trans : 'admin.image_compressor.create_title'|trans }}
        </h1>
        <p class="text-muted small mb-0">{{ 'admin.image_compressor.description'|trans }}</p>
    </div>

    <div class="admin-card p-4">
        {{ form_start(form, { attr: { class: 'needs-validation', novalidate: 'novalidate' } }) }}
        {{ form_errors(form) }}

        <div class="row g-3">
            <div class="col-md-6 col-lg-5">
                {{ form_row(form.fileFormat, { attr: { class: 'form-select' } }) }}
            </div>
            <div class="col-12">
                {{ form_row(form.active) }}
            </div>
            <div class="col-md-6 col-lg-4">
                {{ form_row(form.quality, { attr: { class: 'form-control', style: 'max-width: 8rem' } }) }}
            </div>
            <div class="col-md-6 col-lg-4">
                {{ form_row(form.pngLevel, { attr: { class: 'form-control', style: 'max-width: 8rem' } }) }}
            </div>
            <div class="col-12">
                {{ form_row(form.stripMetadata) }}
            </div>
        </div>

        <div class="mt-4 pt-4 border-top d-flex flex-wrap gap-2">
            <button type="submit" class="btn btn-primary">
                <i class="bi bi-check-lg me-1"></i>{{ 'admin.save'|trans }}
            </button>
            <a href="{{ path('app_admin_module_image_compressor') }}" class="btn btn-outline-secondary">{{ 'admin.cancel'|trans }}</a>
        </div>
        {{ form_end(form) }}
    </div>
</div>
{% endblock %}