{% load i18n %}
<div class="ticket-container">
    <h1 class="title">
        {{ title | safe }}
    </h1>
    <hr>
    <div>
        {% for child in content %}
            <div class="card">
                <h2 class="child_title">{{ child.title }}</h2>
                <ul class="field-list">
                    {% for item in child.content %}
                        <li class="field-group"><strong class="field-name">{{ item.title }}:</strong> <span class="field-value">{{ item.value | truncatechars:512 }}</span></li>
                    {% endfor %}
                </ul>
            </div>
            <hr>
        {% endfor %}
    </div>
    <div class="action_group">
        <a class="view-link" href="{{ ticket_detail_url }}" target="_blank" rel="noopener">
            {% trans 'View details' %}
        </a>
        <br>
        {% if ticket_approval_url %}
            <a href="{{ ticket_approval_url }}" target="_blank" rel="noopener">
                {% trans 'Direct approval' %}
            </a>
        {% endif %}
    </div>
    <br>
</div>
