{# Template for displaying email body (HTML content) in show view #}
{% extends '@SonataAdmin/CRUD/base_show_field.html.twig' %}

{% block field %}
    {% set body = value %}

    <div class="email-body-preview" style="background: #fff; border: 1px solid #ddd; padding: 15px; max-height: 500px; overflow-y: auto;">
        {{ body|raw }}
    </div>

    <div class="mt-3">
        <button type="button" class="btn btn-sm btn-default" onclick="toggleEmailSource()">
            <i class="fa fa-code"></i> Voir le code source
        </button>
    </div>

    <div id="email-source" style="display: none; margin-top: 10px;">
        <pre style="background: #f5f5f5; padding: 10px; max-height: 300px; overflow: auto; font-size: 11px;">{{ body|e('html') }}</pre>
    </div>

    <script>
        function toggleEmailSource() {
            var source = document.getElementById('email-source');
            source.style.display = source.style.display === 'none' ? 'block' : 'none';
        }
    </script>
{% endblock %}