{% extends '@Email/layout.html.twig' %}

{% block email_title %}{{ template.name }}{% endblock %}

{% block email_content %}
    <header class="capsule-heading">
        <div class="capsule-heading-main">
            <a class="capsule-button capsule-button--secondary capsule-button--icon" href="{{ path('app_email_templates_index') }}"><i class="ti ti-arrow-left"></i></a>
            
            <div class="capsule-heading-content">
                <h1 class="capsule-heading-title">{{ template.name }}</h1>
                <p class="capsule-heading-subtitle">{{ template.description }}</p>
            </div>
        </div>
        
        <div class="capsule-heading-actions">
            {% if override %}
                <form method="post" action="{{ path('app_email_templates_reset',{type:template.type}) }}" onsubmit="return confirm('Rétablir le modèle par défaut ?')">
                
                    <input type="hidden" name="_token" value="{{ csrf_token('email_template_reset_'~template.type) }}">
                    <button class="capsule-button capsule-button--secondary"><i class="ti ti-restore"></i>Rétablir</button>
                
                </form>
            {% endif %}
            
            <form method="post" action="{{ path('app_email_templates_test',{type:template.type}) }}">
                
                <input type="hidden" name="_token" value="{{ csrf_token('email_template_test_'~template.type) }}">
                
                <div class="input-group">
                    <input class="form-control" type="email" name="email" value="{{ app.user.email }}" required>
                    <button class="capsule-button capsule-button--secondary"><i class="ti ti-send"></i>Envoyer un test</button>
                </div>
            </form>
        </div>
    </header>
    
    {% if override %}
        <div class="alert alert-info">
            <i class="ti ti-building"></i> Ce modèle est personnalisé uniquement pour la société active.
        </div>
    {% endif %}
    
    {% for error in errors %}
        <div class="alert alert-danger">{{ error }}</div>
    {% endfor %}
    
    <form method="post" class="email-editor"
          data-controller="tinymce email-template-editor"
          data-action="submit->tinymce#flush input->email-template-editor#renderPreview"
          data-tinymce-script-src-value="{{ asset('vendor/matdash/libs/tinymce/tinymce.min.js') }}"
          data-tinymce-base-url-value="{{ asset('vendor/matdash/libs/tinymce') }}"
          data-email-template-editor-sample-value="{{ sample|json_encode|e('html_attr') }}"
          data-email-template-editor-branding-value="{{ preview_branding|merge({logoUrl: preview_branding.logoUrl ? absolute_url(asset(preview_branding.logoUrl)) : null})|json_encode|e('html_attr') }}">
        <input type="hidden" name="_token" value="{{ csrf_token('email_template_'~template.type) }}">
        
        <section class="email-panel">
            <header>
                <div>
                    <h2>Contenu du message</h2>
                    <p>Les variables sont remplacées automatiquement lors de l’envoi.</p>
                </div>
                
                <label class="form-check form-switch">
                    <input class="form-check-input" type="checkbox" name="enabled" value="1" {{ values.enabled ? 'checked' }}>
                    <span class="form-check-label">Modèle actif</span>
                </label>
            </header>
            
            <div class="email-editor-grid">
                <main>
                    <label class="form-label" for="email-subject">Objet</label>
                    <input id="email-subject" class="form-control mb-3" name="subject" value="{{ values.subject }}" required data-email-template-editor-target="subject">
                    <label class="form-label" for="email-body">Contenu HTML</label>
                    <textarea id="email-body" class="form-control tinymce" rows="18" name="bodyHtml" data-tinymce-target="textarea" data-email-template-editor-target="textarea" data-tinymce-variables="{{ template.availableVariables|json_encode|e('html_attr') }}">{{ values.bodyHtml }}</textarea>
                    <label class="form-label mt-3" for="email-text">Version texte</label>
                    <textarea id="email-text" class="form-control" rows="6" name="bodyText">{{ values.bodyText }}</textarea>
                </main>
                <aside class="email-live-preview">
                    <h3>Aperçu en temps réel</h3>
                    <p>Rendu avec des données fictives.</p>
                    <div class="email-live-preview__meta">
                        <small>À</small><span>Camille Martin &lt;camille.martin@example.com&gt;</span>
                        <small>Objet</small><strong data-email-template-editor-target="previewSubject"></strong>
                    </div>
                    <iframe class="email-preview email-live-preview__frame" title="Aperçu du mail" sandbox data-email-template-editor-target="previewFrame"></iframe>
                </aside>
            </div>
        </section>
        <div class="email-actions">
            <a class="capsule-button capsule-button--secondary" href="{{ path('app_email_templates_index') }}">Annuler</a>
            <button class="capsule-button capsule-button--primary">
                <i class="ti ti-device-floppy"></i>Enregistrer
            </button>
        </div>
    </form>
{% endblock %}