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



{% block header %}
    <title>Back Office | FAIRS</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 class="active-submenu"><a href="FairWorks?{{ fair.eventId }}">WORKS</a></span>
            <span><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="bolded">{{ fair.name }}</span> </h1>


        <div class="row">

            {% for work in eventWorks %}

                {% if (work.getFirstMedia().getUrl() is not empty) %}

                    <div class="col-xs-12 col-sm-4 col-lg-3 exhibox">
                        <a href="WorkDetails?{{ work.workId }}&Fairs"><img src="{{ work.getFirstMedia().getUrl('350x0', 'sq') }}"/></a>
                        <div>
                            <h2><span class="uppercase bolded">{{ work.getOneArtist().getFirstname() }} {{ work.getOneArtist().getLastname() }}</span>
                                <br/>{{ work.name }} | {{ work.year }}</h2>
                        </div>
                    </div>
                {% endif %}
            {% endfor %}
        </div>

    </div>


{% endblock %}