{% 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="Fairs">FAIRS</a></div>
        <div id="submenu" class="right">
            <span><a href="FairWorks?{{ fair.eventId }}">WORKS</a></span>
            <span><a href="FairView?{{ fair.eventId }}">VIEWS</a></span>
            <span class="active-submenu"><a href="FairAbout?{{ fair.eventId }}">FAIR DETAILS</a></span>
        </div>
        <div class="clear"></div>
        <h1 class="Hmedium" >{{ fair.name }} </h1>


        <div class="row">

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

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

            </div>

            <div class="col-xs-12 col-sm-5 exhibox" id="about-text">
                <div id="aboutText">
                    {{ fair.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>


{% endblock %}