{% extends 'front.html.twig' %}
{% block title %} Bureau STEDIAM {% endblock %}
{% block stytesheets %}

    {{ parent() }}

{% endblock %}

{% block body %}

    <div class="main-content">
        <section class="inner-header divider parallax layer-overlay overlay-white-8">
            <div class="container pt-60 pb-60">
                <!-- Section Content -->
                <div class="section-content">
                    <div class="row">
                        <div class="col-md-12 text-center" style="margin-top: -45px;">
                            <h2 class="title bg-text-new">Notre Bureau</h2>
                            <ol class="breadcrumb text-center text-black mt-10">
                                <li><a href="{{ path('home') }}">Accueil</a></li>
                                <li class="bg-text-new">Notre Bureau</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section id="team bureauxBlog" class="" >
            <div class="container pt-70 pb-70" style="margin-top: -62px;">
                <div class="section-title text-center">
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2">

                        </div>
                    </div>
                </div>
            </div>
            <div class="container pt-70 pb-70" style="margin-top: -123px;">
                <div class="row mtli-row-clearfix">
                    <div class="col-md-12">
                        <div class="owl-carousel-4col">

                            {% for teams in teams %}
                                <div class="item bgblogbreau">
                                    <div class="team-block maxwidth500 mb-sm-30">
                                        <div class="team-upper-block">
                                            <img class="img-responsive " src="{{ asset('uploads/images/'~teams.picture) }}"
                                                 alt="">
                                            <ul class="styled-icons icon-bordered icon-circled icon-theme-colored pt-5">
                                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                                <li><a href="#"><i class="fa fa-skype"></i></a></li>
                                            </ul>
                                        </div>
                                        <div class="team-lower-block text-center border-bottom-2px border-theme-colored2 mt-0 pt-0 p-20">
                                            <h3 class="pt-15"><a href="#" class="bg-text-new">{{ teams.fullName }}</a></h3>
                                            <div class="donneBureau">
                                                {% if  teams.email == null  %}
                                                {% else %}
                                                <p><i class="fa fa-envelope" style="color: #20529c;"></i> {{ teams.email }}</p>
                                                    {% endif %}
                                                <p><i class="fa fa-briefcase"style="color: #20529c;"></i> {{ teams.function }}</p>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            {% endfor %}
                        </div>
                    </div>
                </div>
            </div>
        </section>

        {% if teams is empty %}
            <section class="noData">
                <div class="section-title text-center">
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2">
                            <h3 class="text-uppercase mt-0 line-height-1">Aucune <span class="text-theme-colored2">donnée disponible</span>
                            </h3>
                        </div>
                    </div>
                </div>
            </section>
        {% endif %}
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
{% endblock %}