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

{% set pageName = 'page_name_sent_email_logs_show'|trans({}, 'admin') %}

{% block body_class %}sent-email-show{% endblock %}

{% block content %}
    <div class="row">
        <div class="col-6 offset-3">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-12 mt-2 mb-2">
                            <strong>ID:</strong> {{ log.id }}
                        </div>
                        <div class="col-12 mt-2 mb-2">
                            <strong>{{ 'dt.columns.template'|trans({}, 'admin') }}</strong>
                            <a href="{{ path('admin_email_template_update', {
                                id: log.emailTemplate.id
                            }) }}">
                                {{ log.emailTemplate.name }}
                            </a>
                        </div>
                        <div class="col-12 mt-2 mb-2">
                            <strong>{{ 'dt.columns.recipient'|trans({}, 'admin') }}</strong>
                            <a href="mailto:{{ log.recipient }}">{{ log.recipient }}</a>
                        </div>
                        <div class="col-12 mt-2 mb-2">
                            <strong>{{ 'dt.columns.subject'|trans({}, 'admin') }}</strong>
                            {{ log.subject }}
                        </div>
                        <div class="col-12 mt-2 mb-2">
                            <strong>{{ 'dt.columns.sentAt'|trans({}, 'admin') }}</strong>
                            {{ log.sentAt|formatDatetime }}
                        </div>
                        <div class="col-12 mt-2 mb-2">
                            <div><strong>{{ 'dt.columns.content'|trans({}, 'admin') }}</strong></div>
                            <div>
                                <object id="mail-content-preview" data="{{ path('admin_sent_email_logs_show_content', {
                                    id: log.id
                                }) }}" type="text/html"></object>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            const object = document.getElementById('mail-content-preview');
            if (object) {
                object.onload = function () {
                    const objDoc = object.contentDocument || object.contentWindow.document;
                    object.style.height = (objDoc.body.scrollHeight + 20) + 'px';
                };
            }
        });
    </script>
{% endblock %}