{% extends "meeting-base.html" %}
{% load staticfiles thumbnail %}

{% block meta_description %}{{ page.meta_description }}{% endblock %}
{% block headtitle %}{% if page.meta_title %}{{ page.meta_title }}{% else %}{{ page.title }}{% endif %}{% endblock %}


{% block content %}

    <div class="body">
        <div class="main-header search-reactive">
            <div class="return">
                <div class="container-fluid pad-30">
                    <div class="row mar-30">
                        <div class="col-xs-2 col-sm-1 pad-30 text-left">
                            <a href="javascript:history.back(1);">
                                <img src="{% static 'images/microsite/navigation/arrow-left.png' %}" />
                            </a>
                        </div>
                        <div class="col-xs-8 col-sm-10 pad-30 text-center">
                            <div class="title">{{ page.title }}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-body search-reactive">
            <div class="container-fluid pad-30">
                <div class="row mar-30">
                    <div class="col-xs-12 pad-30 text-left">
                        <div class="text">
                            {{ page.content|safe }}
                        </div>
                    </div>
                </div>
            </div>

            {% if page.bios %}
                <div class="list">
                    {% for bio in page.bios.all %}
                        <div class="item bio">
                            {% if bio.image %}
                                <div class="image">
                                    <img src="{% thumbnail bio.image 200x200 %}" alt="{{ bio }}"/>
                                </div>
                            {% endif %}
                            <div class="title">{{ bio }}</div>
                            <div class="description">
                                {{ bio.description|linebreaks }}
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    {% endfor %}
                </div>
            {% endif %}
        </div>
    </div>
{% endblock %}