{% extends 'SagecesWebsiteBundle::layout.html.twig' %}

{% block content %}
    
    <section id="presentation" class="row">
        <div class="small-8 small-centered medium-5 large-3 large-uncentered columns">
            <img src="{{ asset(separameters.logo_large.urlimg) }}" alt="{{ separameters.logo_large.titre }}">           
        </div>

        <div id="content" class="small-12 large-9 columns">
            {{ page.content|raw }}
        </div>

        <div id="boxes" class="small-12 columns">
            <ul class="small-block-grid-1 large-block-grid-3">
                {% for slide in page.slideshow.images %}
                    <li>
                        <div class="small-2 columns">
                            <img src="{{ asset(slide.image.urlimg) }}">
                        </div>
                        <h1 class="small-10 columns sameheight">{{ slide.title }}</h1>
                        <hr>
                        <div class="small-12 columns">
                            {{ slide.content|raw }}
                        </div>
                    </li>
                {% endfor %}
            </ul>
        </div>

        <div id="organigramme" class="small-12 text-center columns">
            <a class="fancybox" rel="company_images" href="{{ asset(separameters.organigramme.urlimg) }}">
                <img src="{{ asset(separameters.organigramme.urlimg) }}">
            </a>
        </div>

        <div id="previsionnel" class="small-12 text-center columns">
            <a class="fancybox" rel="company_images" href="{{ asset(separameters.previsionnel.urlimg) }}">
                <img src="{{ asset(separameters.previsionnel.urlimg) }}">
            </a>
        </div>
    </section>

{% endblock %}