{% 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"><a href="Artists"><img src="/Graphisme/pictos/fleche.png" class="fleche"> ARTISTS</a></div>
        <div id="submenu" class="right">
            <span class="active-submenu"><a href="ArtistAbout?{{ artist.artistId }}">BIOGRAPHY</a></span>
            <span><a href="ArtistWorks?{{ artist.artistId }}">WORKS</a></span>
        </div>
        <div class="clear"></div>
        <h1 class="Hmedium">{{ artist.firstname }} {{ artist.lastname }}</h1>


        <div class="row">

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

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

            </div>

            <div class="col-xs-12 col-sm-5 exhibox">


                <div id="aboutText" {% if is_mobile() %}style="overflow: scroll"{% endif %}>
                    {{ artist.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 %}