{% 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">Notre Bureau</h2>
                            <ol class="breadcrumb text-center text-black mt-10">
                                <li><a href="{{ path('home') }}">Accueil</a></li>
                                <li class="active text-theme-colored">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">
                            {#<h2 class="mt-0 line-height-1 text-uppercase">Notre <span#}
                            {#class="text-theme-colored2">Bureau</span></h2>#}
                            {#<div class="title-icon">#}
                            {#<img class="mb-10 " src="{{ asset('assets/images/title-icon.png') }}" alt="">#}
                            {#</div>#}

                        </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><a href="#">Dr. {{ teams.fullName }}</a></h3>
                                                <div class="donneBureau">
                                                    <p><i class="fa fa-envelope" style="color: #20529c;"></i> {{ teams.email }}</p>
                                                    <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 %}