Partner Card Data Tmpl

<script type="text/template" id="partner-card-data-tmpl">
    <% forEach(results, function(result) { %>
    <div class="col col--bottom-gutter col--span-12 col--span-s-6 col--span-xl-3">
        <div class="contact-card contact-card--no-icon">
            <div class="contact-card__body">
                <strong class="contact-card__label"><%= result.label %></strong>
            </div>

            <div class="show-info js-show-info">
                <div class="show-info__wrapper js-show-info-wrapper" style="max-height: 0px;">
                    <div class="show-info__content">
                        <ul class="contact-list">
                            <% forEach(result.contactLinks, function(link) { %>
                                <li class="contact-list__item">
                                    <% if (link.tag === 'a') { %>
                                        <a 
                                            href="<%= link.href %>" 
                                            <%=  Object.entries(link.attributes || {}).map(function(item) {
                                                return item[0] + "='" + item[1] + "'"
                                            }).join(" ") %>
                                        >
                                            <svg class="icon contact-list__icon" focusable="false">
                                                <use xlink:href="#icon-<%= link.icon %>"></use>
                                            </svg>
                                            <%= link.description %>
                                        </a>
                                     <% } else { %>
                                        <span>
                                            <svg class="icon contact-list__icon" focusable="false">
                                                <use xlink:href="#icon-<%= link.icon %>"></use>
                                            </svg>
                                            <%= link.description %>
                                        </span>
                                     <% } %>
                                </li>
                            <% }); %>
                        </ul>        
                    </div>
                </div>
            
                <div class="show-info__btn-holder js-show-info-btn-holder">
                    <button class="show-info__btn js-show-info-btn">
                        <span class="show-info__btn-opened-text">
                            More info
                        </span>
                        <span class="show-info__btn-closed-text" style="display: none;">
                            Hide info
                        </span>
                        <svg class="icon show-info__btn-icon" focusable="false">
                            <use xlink:href="#icon-close"></use>
                        </svg>
                    </button>
                </div>
            </div>
        </div>
    </div>
    <% }); %>
</script>