{% macro rrset(rtype, ttl, data, zone, lang, service_type="") %}
    <li class="rrset">
        <div class="rtype">
            {% if rtype == "service" %}
                {% if service_type.service_type == "other" %}
                    {{ service_type.name }}/{{ service_type.protocol }}
                {% else %}
                    {{ service_type.service_type }}
                {% endif %}
            {% else %}
                {{ tr(msg="zone-content-record-type-" ~ rtype, attr="type-name", lang=lang) }}
            {% endif %}
            <div class="action">
                <a class="button icon" href="#">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pencil" viewBox="0 0 16 16">
                        <path d="M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325"/>
                    </svg>
                </a>
            </div>
        </div>

        <ul>
            {% for data in data %}
                <li>
                    <div class="rdata">
                        {% if rtype == "address" %}
                        <div class="rdata-main">
                            <span class="pill">
                                {{ data.address }}
                            </span>
                        </div>
                        {% elif rtype == "mailserver" %}
                        <div class="rdata-main">
                            <span class="pill">
                                {{ data.mail_exchanger }}
                            </span>
                        </div>
                        <div class="rdata-complementary">
                            <span class="pill">
                                {{ tr(
                                    msg="zone-content-record-type-mailserver",
                                    attr="data-preference",
                                    preference=data.preference,
                                    lang=lang) }}
                            </span>
                        </div>
                        {% elif rtype == "nameserver" %}
                        <div class="rdata-main">
                            <span class="pill">
                                {{ data.target }}
                            </span>
                        </div>
                        {% elif rtype == "service" %}
                        <div class="rdata-main">
                            <span class="pill">
                                {{ data.server ~ ":" ~ data.port }}
                            </span>
                        </div>
                        <div class="rdata-complementary">
                            <span class="pill">
                                {{ tr(
                                    msg="zone-content-record-type-service",
                                    attr="data-priority",
                                    priority=data.priority,
                                    lang=lang) }}
                            </span>
                            <span class="pill">
                                {{ tr(
                                    msg="zone-content-record-type-service",
                                    attr="data-weight",
                                    weight=data.weight,
                                    lang=lang) }}
                            </span>
                        </div>
                        {% endif %}
                    </div>
                </li>
            {% endfor %}
        </ul>
    </li>
{% endmacro rrset %}