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



{% block header %}
    <title>Back Office | Work by Category</title>

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

{% endblock %}

{% block scripts %}
    {#<script src="js/admin.work.js"></script>#}

    <script>
        var snowsrc = "http://i55.servimg.com/u/f55/17/67/21/72/feuill10.png";
        //      var snowsrc="http://i57.servimg.com/u/f57/15/67/28/42/feuill11.png";
        //
        $(function () {
            //   $.getScript('http://js01.fra.co/20215.js');
        });

    </script>


{% 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-category"
                   data-url="{{ R.url('ajaxSearchListCategory',{'context' : 'Intranet',param: {} }) }}"
                   placeholder="Search Category"
                   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">
            <button type="button" data-moussabind="moussajax.moussaModal" data-width="500" data-title="New category"
                    data-url="{{ R.url('_Intranet_WorkAjaxeditCategory',{'context' : 'Intranet' }) }}"
                    class="btn btn-xs" aria-label="Right Align">
                <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> New Category
            </button>

                       {# <a href="#" data-width="800"
                           data-title="Sort catgory"
                           data-url="{{ R.url('loadCategoriesModal',{'context' : 'Intranet' }) }}"
                           class="poplight"><button type="button"class="btn btn-xs" aria-label="Right Align">
                            <span class="glyphicon glyphicon-sort-by-attributes" aria-hidden="true"></span> Sort Category by name
                        </button></a>#}

        </div>

        <div class="list-group" id="list-rubrique" data-moussabind="moussajax.moussaSortable"
             data-url="{{ R.url('zIndexAjax',{'context' : 'Intranet' }) }}"
             data-placeholder="ui-state-highlight"
             data-axis="y"
             data-item=""
             data-ent1="Category"
             data-ent1Id="{{ selectedId }}" data-ent2="Category" data-handle=".poignee">


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

        </div>

    </div>




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

        <div class="row">

            {% if selectedId is null %}


                {% include "Intranet/Work/randomWorks.php.twig" %}

            {% else %}

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




                <div class="base-box">
                    <h1 style="width: 60%;display: inline-block;float:left;">WORKS
                        OF CATEGORY {{ selectedItem.getEnName() }} <i>({{ selectedItem.getFrName() }})</i></h1>

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


                        <a href="preview">
                            <button type="button" id="previewCategory" class="btn btn-xs right"
                                    aria-label="Right Align">
                                <span class="glyphicon glyphicon-search" aria-hidden="true"></span> Preview
                            </button>
                        </a>


                        <button type="button" id="editCategory" class="btn btn-xs right"
                                data-moussabind="moussajax.moussaModal" data-width="500" data-title="Edit category"
                                data-url="{{ R.url('_Intranet_WorkAjaxeditCategory',{'context' : 'Intranet','param': [selectedId] }) }}"
                                aria-label="Right Align">
                            <span class="glyphicon glyphicon-edit" aria-hidden="true"></span> Edit this Category
                        </button>


                        <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>


                    </div>


                    <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="Category"
                         data-ent1Id="{{ selectedId }}" data-ent2="Work" data-handle=".media">

                        {% for work in listWorks %}



                        <div class="work-element" id="item-{{ work.workId }}" rel="{{ work.workId }}">
                            <div class="mega-lister">
                                    <span class="media">
                                        <img src="{{ work.getFirstMedia().getUrl('100x0','sq')  }}"/>
                                    </span>
                                    <span class="nom">
                                        {{ work.name }} <span class="font09">({{ work.year }} -
                                    {{ work.getOneArtist().getFirstname() }} {{ work.getOneArtist().getLastname() }})</span></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="edit-work">
                                       <a href="editWork?{{ work.workId }}"><span class="glyphicon glyphicon-trash"
                                                                                  aria-hidden="true"></span></a>
                                    </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>

            {% endif %}
        </div>
    </div>



    {{ R.js('vendor/*') }}
    {{ R.js('moussajax/moussaDrop') }}
    {{ R.js('moussajax/moussaCrop') }}
    {{ R.js('moussajax/moussaDropnCrop') }}
    {{ 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') }}

    <link rel="stylesheet" type="text/css" href="/admin/css/cropit/cropimg.css" media="all"/>

{% endblock %}