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



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


{% endblock %}

{% block scripts %}

{% 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>


        {% if(views != 'no') %}
        <div id="submenu" class="right">
            <span class="active-submenu"><a href="ExhibitionAbout?{{ exhibition.eventId }}">ABOUT</a></span>
           <span><a href="ExhibitionView?{{ exhibition.eventId }}">VIEWS</a></span>
            <span><a href="ExhibitionWorks?{{ exhibition.eventId }}">WORKS</a></span>
        </div>

        {% else %}
            <div id="submenu" class="right">
                <span class="active-submenu"><a href="ExhibitionAbout?{{ exhibition.eventId }}">ABOUT</a></span>

                <span><a href="ExhibitionWorks?{{ exhibition.eventId }}">WORKS</a></span>
            </div>
        {% endif %}

        <div class="clear"></div>
        <h1><span class="Hmedium">{{ exhibition.name }}</span> | {{ exhibition.title }}</h1>


        <div class="row">

            <div class="col-xs-12 col-sm-7 exhibox" id="aboutMedia">

                <img src="{{ exhibition.getOneMedia().getUrl('1000x0') }}" style="max-width: 100%"/>

            </div>

            <div class="col-xs-12 col-sm-5 exhibox" id="about-text">
                <div id="aboutText" {% if is_mobile() %}style="overflow: scroll"{% endif %}>
                    {{ exhibition.about | raw }}
                </div>
                <div class="upDown"><span id="scroll-up"><img src="/Graphisme/pictos/scrollUp.png" class="fleche"></span> <span id="scroll-down"><img src="/Graphisme/pictos/scrollDown.png" class="fleche"></span></div>

            </div>
        </div>

    </div>

    {{ R.js('vendor/jquery.mousewheel') }}
    {{ R.js('vendor/jquery.smoothscroll') }}



    {{ R.incJs() | raw }}

{% endblock %}