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

{% block body %}


    {{ R.js('moussajax/moussaSwitch') }}
    {{ R.js('moussajax/moussaSortable') }}
    {{ R.js('moussajax/moussaModal') }}

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

{% include 'Intranet/Artist/Menu.php.twig' %}

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

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

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

                        {% if selectedId is not null %}
                        <a href="editWork?artist={{ selectedId }}">
                            <button type="button" id="newWork" class="btn btn-xs right"
                                    aria-label="Right Align">
                                <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> New work
                            </button>
                        </a>


                        <a href="editArtist?{{ selectedItem.getArtistId() }}">
                            <button type="button" id="editArtist" class="btn btn-xs right"
                                    aria-label="Right Align">
                                <span class="glyphicon glyphicon-edit" aria-hidden="true"></span> Edit this Artist
                            </button>
                        </a>
                        {% endif %}
                        <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>Collection</span>
                                        <span>Artbinder</span>

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

                    </div>

                    <div id="sortable" data-moussabind="moussajax.moussaSortable"
                         data-url="{{ R.url('zIndexAjax',{'context' : 'Intranet' }) }}"
                         data-placeholder="ui-state-highlight" data-axis="y" data-item="" data-ent1="Artist"
                         data-ent1Id="{{ selectedId }}" data-ent2="Work" data-handle=".media">


                        {# <div id="sortable" data-moussabind="moussajax.moussaSortable"
                              data-url="{{ R.url('rellIndexAjax',{'context' : 'Intranet' }) }}"
                              data-placeholder="ui-state-highlight" data-axis="y" data-item="" data-ent1="Artist"  data-ent1Id="{{ selectedItem.artistId }}" data-ent2="Work" data-handle=".media">#}
                        {% for work in listArtistsWorks %}



                            <div class="work-element" id="item-{{ work.workId }}" rel="{{ work.workId }}">
                                <div class="mega-lister">
                                    {#{{ work.getFirstMedia().getUrl('100x0','sq') }}#}
                                    <span class="media">
                                        <img src="{{ (work.getFirstMedia().getUrl() is not empty) ?   work.getFirstMedia().getUrl('100x0','sq')  : 'admin/medias/noimage.gif' }}"/>
                                        {#<img src="{{ work.getFirstMedia().getUrl('100x0','sq')  }}"/>#}
                                    </span>
                                    <span class="nom">
                                        {{ work.name }} <i>({{ work.year }})</i>
                                    </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="onlineCollection-{{ work.workId }}"
                                                id="onlineCollection-{{ work.workId }}"
                                                data-entId="{{ work.workId }}"
                                                data-url="{{ R.url('moussaSwitchSave',{'context' : 'Intranet',param: {} }) }}"
                                                data-moussabind="moussajax.moussaSwitch"
                                                data-field="Work.onlineCollection"
                                                id="onlineCollection" {{ work.onlineCollection==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">
                                        {% for C in work.getCategorys(1) %}
                                            | {{ C.getEnName() }}
                                        {% endfor %}
                                    </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>



{% endblock %}