{% extends 'base.html.twig' %}

{% block title %}Our Team | {{ parent() }}{% endblock %}

{% block body %}
    <div class="row justify-content-md-center">
        <div class="col col-md-10">
            <h1>Luxury Pools Team</h1>
            {% set imageFloat = 'float:left;' %}
            {% set nameStyle = '' %}
            {% for data in team %}
                <div class="row" style="padding-top:20px;">
                    <div class="col text-justify">
                        <img src="{{ asset('images/ourteam/' ~ data.pic) }}" class="m-2" style="{{ imageFloat }}">
                        <div style="{{ nameStyle }}">
                            <img src="{{ asset('images/ourteam/' ~ data.name) }}">
                            <i>{{ data.title }}</i>
                        </div>
                        {{ data.bio }}
                    </div>
                </div>
                {% if imageFloat == 'float:left;' %}
                    {% set imageFloat = 'float:right;' %}
                    {% set nameStyle = 'text-align:right;' %}
                {% else %}
                    {% set imageFloat = 'float:left;' %}
                    {% set nameStyle = '' %}
                {% endif %}
            {% endfor %}
        </div>
    </div>
{% endblock %}