{% 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">&nbsp;</div>
        <h1 class="Hmedium" >FAIRS</h1>


        <div class="row">

            {% for exhib in listFairs %}

                <div class="col-xs-12 col-sm-4 col-lg-3 exhibox" >



                    <img src="{{ exhib.getFirstPhoto().getUrl('350x0','sq') }}" symlink-href="FairView?{{ exhib.eventId }}" class="pointer" />
                    <div>
                        {#<h2 class="uppercase"><span class="bolded">{{ exhib.city }}</span> | {{ exhib.location }}</h2>#}
                        <h3 class="uppercase"><span class="Hmedium">{{ exhib.name }}</span>
                            <br/>
                        {{ H.smoothInterval(exhib.begining, exhib.ending) }}</h3>
                        <span class="view-h"><a href="FairView?{{ exhib.eventId }}">View Booth</a></span>

                    </div>
                </div>
            {% endfor %}
        </div>

    </div>


{% endblock %}