{% extends "Web/Global.php.twig" %}



{% block header %}
    <title>Back Office | Exhibitions</title>


{% endblock %}

{% block scripts %}
    <link href="csi/css/multi.slider.css" rel="stylesheet">
    <script src="csi/js/vendor/jquery.jscrollpane.min.js"></script>
    <script src="csi/js/vendor/jquery.mousewheel.js"></script>
    <script src="csi/js/multi.slider.js"></script>



{% endblock %}

{% block body %}









    <div class="content-wrapper">


        <div class="back-link left"><img src="/Graphisme/pictos/fleche.png" class="fleche"> <a href="Exhibitions">EXHIBITIONS</a>
        </div>


        <div id="submenu" class="right">
            <span><a href="ExhibitionAbout?{{ exhibition.eventId }}">ABOUT</a></span>
            <span class="active-submenu"><a href="ExhibitionView?{{ exhibition.eventId }}">VIEWS</a></span>
            <span><a href="ExhibitionWorks?{{ exhibition.eventId }}">WORKS</a></span>
        </div>
        <div class="clear"></div>
        <h1><span class="bolded">{{ exhibition.name }}</span> | {{ exhibition.title }}</h1>


        {#<span id="next-zone" style="">&nbsp;</span>#}
        {#<span id="previous-zone" style="">&nbsp;</span>#}

    </div>
            <div id="slider" class="slide-row">
                {% for media in boothView %}
                    <div class="slide-item" rel="{{ media.mediaId }}">
                        {% if is_tablet() %}
                            <img src="{{ media.getUrl('600x0') }}"/>
                        {% elseif is_mobile() %}
                            <img src="{{ media.getUrl('400x0') }}"/>
                        {% else %}
                            <img src="{{ media.getUrl('800x0') }}"/>
                        {% endif %}
                    </div>
                {% endfor %}
    </div>



{% endblock %}