{% load thumbnail %}
{% load static %}
<ul class='listView'>
	{% for list in seminar_time_lists %}

        {% if list.type == 'future' %}
            {% with upcoming="yes" %}
				{% ifchanged upcoming %}
					{% if upcoming == "yes" %}
                        {% if no_text %}{% else %}<h4 class="w3-left-align">upcoming</h4>{% endif %}
					{% else %}
                        {% if no_text %}{% else %}<h4 class="w3-left-align">past</h4>{% endif %}
					{% endif %}
				{% endifchanged %}
			{% endwith %}
        {% endif %}
        {% if listtype == 'past' %}
            {% with upcoming="no" %}
				{% ifchanged upcoming %}
					{% if upcoming == "yes" %}
                        {% if no_text %}{% else %}<h4 class="w3-left-align">upcoming</h4>{% endif %}
					{% else %}
                        {% if no_text %}{% else %}<h4 class="w3-left-align">past</h4>{% endif %}
					{%endif%}
				{% endifchanged %}
			{%endwith%}
            
        {% endif %}
		<a href="{{ list.seminar.get_absolute_url }}"> 
			<li class='listView'>
				<div class="w3-row w3-hover-shadow">
					{% if list.seminar.external %}
					<div class="w3-col w3-padding w3-card w3-round" style="opacity:0.5">
					{% else %}
					<div class="w3-col w3-padding w3-card w3-round">
					{% endif %}
                           
                            {% if list.seminar.image %}
                                <div class="w3-quarter"> 
                                    <div class="w3-left w3-hide-small w3-hide-medium"> 
                                        <img class='w3-round-large w3-padding' src="{% thumbnail list.seminar.image 200x200 quality=90 %}" alt="Cover" width="140">
                                    </div>
                                    <div class="w3-center w3-hide-large">
                                        <img class='w3-round-large w3-padding' src="{% thumbnail list.seminar.image 200x200 quality=90 %}"alt="Cover" width="140">
                                    </div>
                                </div>
                                <div class="w3-threequarter"> 
                                    <div class='w3-hide-small w3-hide-medium'>
                                        <div style="color:var(--colheader)" class='w3-large'>
                                            {% if list.seminar.external %}<div class="w3-right" style="width:7%"><img src="{% static 'icons/external.webp' %}" alt="external" style="height:25px"></div>{% endif %}
                                            {% if list.seminar.external and not list.seminar.external_organized_by %}<i>Externally organized talk</i><br>{% endif %}
                                            {% if list.seminar.external and list.seminar.external_organized_by %}<i>Organized talk by {{ list.seminar.external_organized_by }}</i><br>{% endif %}
                                            {% if list.seminar.internal_talk %}<i>Status talk</i><br>{% endif %}
                                            <b>{{ list.seminar.title|safe|linebreaksbr|capfirst }}</b>
                                        </div>
                                        <b>{{ list.seminar.speaker_name }}</b>  {% if list.seminar.speaker_affiliation %}- {{ list.seminar.speaker_affiliation|safe }}{% endif %}<br>
                                        {{ list.seminar.start_time }}
                                    </div>
                                    <div class='w3-hide-large w3-center'>
                                        <div style="color:var(--colheader)" class='w3-large'>
                                            {% if list.seminar.external %}<div class="w3-right" style="width:7%"><img src="{% static 'icons/external.webp' %}" alt="external" style="height:25px"></div>{% endif %}
                                            <b>{{ list.seminar.title|safe|linebreaksbr|capfirst }}</b>
                                        </div>
                                        <b>{{ list.seminar.speaker_name }}</b>  {% if list.seminar.speaker_affiliation %}- {{ list.seminar.speaker_affiliation|safe }}{% endif %}<br>
                                        {{ list.seminar.start_time }}
                                    </div>
                                </div>
                            {% else %}
                                <div class="w3-quarter"> 
                                    <div class="w3-container"></div>
                                </div>
                                <div class="w3-threequarter"> 
                                    <div style="color:var(--colheader)" class='w3-large'>
                                        {% if list.seminar.external %}<div class="w3-right" style="width:7%"><img src="{% static 'icons/external.webp' %}" alt="external" style="height:25px"></div>{% endif %}
                                        <b>{{ list.seminar.title|safe|linebreaksbr|capfirst }}</b>
                                    </div>
                                    <b>{{ list.seminar.speaker_name }}</b>  {% if list.seminar.speaker_affiliation %}- {{ list.seminar.speaker_affiliation|safe }}{% endif %}<br>
                                    {{ list.seminar.start_time }}
                                </div>
                            {% endif %}
					</div>
				</div>
			</li>
		</a>
	{% empty %}
		<li>No seminar to show.</li>
	{% endfor %}
	
	

</ul>