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


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

    {{ R.css('moussajax/*') }}

{% endblock %}


{% block body %}






    <div class="col-lg-3">


        <div class="input-group">
            <input type="text" class="form-control" id="autoSearchHome"
                   data-moussabind="moussajax.moussaListSearch"
                   data-target="list-exhibition"
                   data-url="{{ R.url('ajaxSearchListExhibition',{'context' : 'Intranet',param: {} }) }}"
                   placeholder="Search exhibition"
                   aria-describedby="basic-addon2">
                <span class="input-group-addon" id="basic-addon2"><span class="glyphicon glyphicon-search "
                                                                        aria-hidden="true"></span></span>
        </div>

        <div style="height:30px">
            <a href="editExhibition" data-width="500" ><button type="button" class="btn btn-xs" aria-label="Right Align" >
                    <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> New Exhibition
                </button></a>



        </div>

        <div class="list-group" id="list-exhibition">

            {% for val in listExhibitions %}
                <a href="Exhibition?{{ val.eventId }}" id="item-{{ val.eventId }}"
                   class="list-group-item {{ val.onlineCwg==0 ? 'bg-stripped' : '' }} {{ selectedItem.eventId==val.eventId ? 'active' : '' }} ">{{ val.name() }} ({{ val.location }})</a>
            {% endfor %}

        </div>

    </div>


    <div class="col-lg-9">

        <div class="row">
            <div class="col-xs-12 col-sm-12" id="list-works-box">
                <div class="base-box">
                    <h1 style="width: 60%;display: inline-block;float:left;">WORKS
                        OF {{ selectedItem.getName() }} ({{ selectedItem.getCity() }})</h1>

                    <div class="btn-right" style="height:28px;background-color: #EFEFEF;">


                        <a href="editExhibition?{{ selectedItem.getEventId() }}"><button type="button" id="editEvent" class="btn btn-xs right"
                                                                                      aria-label="Right Align">
                                <span class="glyphicon glyphicon-edit" aria-hidden="true"></span> Edit this Exhibition
                            </button></a>
                        <a href="preview"><button type="button" id="previewArtist" class="btn btn-xs right"
                                                  aria-label="Right Align">
                                <span class="glyphicon glyphicon-search" aria-hidden="true"></span> Preview
                            </button></a>
                        <div style="clear:both;"></div>
                    </div>


                    <div class="mega-lister-entete">
                                    <span class="nom">
                                    </span>
                                    <span class="checks">
                                        <span>CWG</span>

                                        <span>Artbinder</span>

                                    </span>
                                    <span class="categ">
                                        Category
                                    </span>

                    </div>
                    <div id="sortable" data-url="{{  R.url('rellIndexAjax') }}" data-moussabind="moussajax.moussaSortable"
                         data-placeholder="ui-state-highlight" data-axis="y" data-item="" data-messageTarget="list-works-box" data-handle=".media" data-ent1="Event" data-ent2="Work" data-ent1id="{{ selectedItem.eventId }}">
                        {% for work in listExhibitionWorks %}



                            <div class="work-element" id="item-{{ work.workId }}" rel="{{ work.workId }}">
                                <div class="mega-lister">
                                    <span class="media">


                                        <img src="{{ (work.getFirstMedia().getUrl() is not empty) ?   work.getFirstMedia().getUrl('100x0','sq')  : 'noimage.jpg' }}"/>
                                    </span>
                                    <span class="nom">
                                        {{ work.name }}
                                    </span>
                                    <span checks>

                                        <input type="checkbox" name="onlineCwg-{{ work.workId }}" id="onlineCwg-{{ work.workId }}"
                                               data-entId="{{ work.workId }}"
                                               data-url="{{ R.url('moussaSwitchSave',{'context' : 'Intranet',param: {} }) }}"
                                               data-moussabind="moussajax.moussaSwitch"
                                               data-field="Work.onlineCwg"
                                               id="onlineCwg" {{ work.onlineCwg==1 ? 'checked' : '' }}>


                                         <input type="checkbox" name="onlineArtbinder-{{ work.workId }}" id="onlineArtbinder-{{ work.workId }}"
                                                data-entId="{{ work.workId }}"
                                                data-url="{{ R.url('moussaSwitchSave',{'context' : 'Intranet',param: {} }) }}"
                                                data-moussabind="moussajax.moussaSwitch"
                                                data-field="work.onlineArtbinder"
                                                id="onlineArtbinder" {{ work.onlineArtbinder==1 ? 'checked' : '' }}>



                                    </span>
                                    <span class="categ">
                                        BUFFET
                                    </span>
                                    <span class="edit-work">
                                       <a href="editWork?{{ work.workId }}"><span class="glyphicon glyphicon-edit" aria-hidden="true"></span></a>
                                    </span>
                                </div>
                                {#{{ work.getFirtstMedia.url }}#}
                                <div style="clear:both;"></div>
                            </div>
                        {% endfor %}
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>



        {{ R.js('vendor/*') }}
        {{ R.js('moussajax/moussaForm') }}
        {{ R.js('moussajax/moussaConfirm') }}
        {{ R.js('moussajax/moussaSwitch') }}
        {{ R.js('moussajax/moussaSortable') }}
        {{ R.js('moussajax/moussaModal') }}
        {{ R.js('moussajax/moussaListSearch') }}
        {{ R.js('helpers') }}


    </script>

{% endblock %}