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

{% block title %}Modifier le template {{ template.name }}{% endblock %}

{% block breadcrumb %}Templates de prompts <i class="fas fa-chevron-right"></i> Modifier {{ template.name }}{% endblock %}

{% block body %}
<div class="container-fluid py-4">
    <div class="row mb-4">
        <div class="col-12">
            <h1 class="h3">
                <i class="fas fa-brain text-primary"></i>
                Modifier le template "{{ template.name }}"
            </h1>
        </div>
    </div>

    {% for message in app.flashes('success') %}
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <i class="fas fa-check-circle"></i> {{ message }}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    {% endfor %}

    <div class="row">
        <div class="col-lg-10 col-xl-8">
            <div class="card shadow-sm">
                <div class="card-body">
                    {{ form_start(form) }}

                        <div class="mb-4">
                            {{ form_row(form.name) }}
                        </div>

                        <div class="mb-4">
                            {{ form_row(form.code) }}
                        </div>

                        <div class="mb-4">
                            {{ form_row(form.systemInstructions) }}
                        </div>

                        <hr class="my-4">

                        <h5 class="mb-3">Règles avancées (optionnel)</h5>

                        <div class="mb-4">
                            {{ form_row(form.widgetRules) }}
                        </div>

                        <div class="mb-4">
                            {{ form_row(form.structureRules) }}
                        </div>

                        <div class="mb-4">
                            {{ form_row(form.styleRules) }}
                        </div>

                        <hr class="my-4">

                        <div class="mb-4">
                            <div class="form-check form-switch">
                                {{ form_widget(form.active) }}
                                {{ form_label(form.active) }}
                            </div>
                            <small class="text-muted">{{ form.active.vars.help }}</small>
                        </div>

                        <div class="d-flex gap-2">
                            <button type="submit" class="btn btn-primary">
                                <i class="fas fa-save"></i> Enregistrer les modifications
                            </button>
                            <a href="{{ path('admin_ai_prompt_template_preview', {id: template.id}) }}"
                               class="btn btn-outline-info">
                                <i class="fas fa-eye"></i> Prévisualiser
                            </a>
                            <a href="{{ path('admin_ai_prompt_template_index') }}" class="btn btn-outline-secondary">
                                <i class="fas fa-times"></i> Annuler
                            </a>
                        </div>

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

            <div class="card shadow-sm mt-3">
                <div class="card-body">
                    <h5 class="card-title text-muted">
                        <i class="fas fa-info-circle"></i> Informations
                    </h5>
                    <ul class="list-unstyled mb-0">
                        <li><strong>Créé le :</strong> {{ template.createdAt|date('d/m/Y à H:i') }}</li>
                        <li><strong>Dernière modification :</strong> {{ template.updatedAt|date('d/m/Y à H:i') }}</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
.font-monospace {
    font-family: 'Courier New', Courier, monospace;
    font-size: 13px;
}
</style>
{% endblock %}