{% 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="Fairs">FAIRS</a></div>
        <div id="submenu" class="right">
            <span><a href="FairWorks?{{ fair.eventId }}">WORKS</a></span>
            <span class="active-submenu"><a href="FairView?{{ fair.eventId }}">VIEWS</a></span>
            <span><a href="FairAbout?{{ fair.eventId }}">FAIR DETAILS</a></span>
        </div>
        <div class="clear"></div>
        <h1><span class="Hmedium">{{ fair.name }}</span></h1>
    </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('800x0') }}"/>
                {% elseif is_mobile() %}
                    <img src="{{ media.getUrl('500x0') }}"/>
                {% else %}
                    <img src="{{ media.getUrl('1000x0') }}"/>
                {% endif %}
            </div>
        {% endfor %}
    </div>

{% endblock %}