Speaking Events View

[wpgb_facet id="2" grid="wpgb-content"]
<hr>
<div class="speaking-events-view">
{% set args = { post_type: 'event', posts_per_page: -1, orderby: 'date', order: 'DESC' }
%}
{% set posts = mb.get_posts( args ) %}
{% for post in posts %}
    {# <h2>{{ post.event_name }}</h2> #}
    {# {% set eventURL =  %} #}
    <div class="event-details">
        {# <p class="event-description">{{ post.event_description }}</p>
            <div class="event-location">
                <li class="event-location-name"><a href="{{ post.event_location_url }}" title="map to {{ post.event_location_name }}">{{ post.event_location_name }}, {{ post.event_street_address }} </a></li>
            </div>
        <hr> #}
        {% set topic_args = { relationship: { id: 'event-to-topic', from: post.ID }, nopaging: true, post_type: 'topic', orderby: topic.topic_datetime | date( 'Y-m-d H:i' ), order: 'DESC' } %}
        {% set topics = mb.get_posts( topic_args ) %}
        {% for topic in topics %}
        <section class="speaker-topic-wrapper">
            <div class="topic-details">
                    <h2 class="topic-title"><a href="{{ topic.url }}">{{ topic.topic_title }}</a></h2>
                    <div><span class="topic-date-time">{{ topic.topic_datetime | date( 'M j, Y' ) }} at {{ topic.topic_datetime | date( 'g:i A' ) }}</span> | <a href="{{ post.url }}">{{ post.event_name }}</a><span></div>
                    <div class="truncate3">{{ topic.topic_description }}</div>
                    <p class="read-more-link"><a href="{{ mb.get_the_permalink( topic.ID ) }}" target="_blank">Read more...</a></p>
            </div>

            <div class="related-team-member">
                {% set team_args = { relationship: { id: 'topic-to-team', from: topic.ID }, nopaging: true, post_type: 'team' } %}
                {% set teams = mb.get_posts( team_args ) %}
                {% for team in teams %}
                <div class="team-member-details">
                    <img class="speaker-image" src="{{ team.thumbnail.full.url }}" width="{{ team.thumbnail.full.width }}" height="{{ team.thumbnail.full.height }}" alt="{{ team.thumbnail.full.alt }}">
                    <p class="team-member-name"><a href="{{ team.url }}">{{ team.team_member_name }}</a></p>
                </div>
                {% endfor %}
            </div>
        </section>
        <hr>
        {% endfor %}
    </div>
{% endfor %}
</div>