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


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

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

    <style>
        .users .row div {
            border: 1px dashed darkblue;
        }
    </style>

{% 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">

            put stuffs here?
        </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;">


                        Collection credential requests
                    </h1>

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

                        <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 }}">
                        <div class="users">
                            {% for user in users %}
                            {#<div class="row">#}
                            {#<div class="col-lg-3 col-md-3 col-sm-3">#}
                            {#{{ user.email }}#}
                            {#</div>#}

                            {#<div class="col-lg-7 col-md-7 col-sm-7 message">#}
                            {#{{ user.message }}#}
                            {#</div>#}

                            {#<div class="col-lg-2 col-md-2 col-sm-2">#}
                            {#bouton#}
                            {#</div>#}
                            {#</div>#}
                            {#DEBUT DU LISTING#}
                            {#DEBUT DU LISTING#}
                            {#DEBUT DU LISTING#}
                            {#DEBUT DU LISTING#}
                            {#DEBUT DU LISTING#}
                            {#DEBUT DU LISTING#}
                            {#DEBUT DU LISTING#}
                            {#DEBUT DU LISTING#}
                            {#DEBUT DU LISTING#}
                            {#DEBUT DU LISTING#}
                            {#DEBUT DU LISTING#}
                            {#DEBUT DU LISTING#}
                            {#DEBUT DU LISTING#}
                            {#DEBUT DU LISTING#}
                            {#DEBUT DU LISTING#}
                            {#DEBUT DU LISTING#}
                            <div class="row">
                                <div class="col-lg-3 col-md-3">
                                    {{ user.firstName }}
                                    {{ user.lastName }}
                                    ({{ user.email }})
                                </div>

                                <div class="col-lg-6" class="message">
                                    {{ user.message | nl2br }}
                                </div>

                                <div class="col-lg-3" class="controles">
                                        <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="User.activated"
                                                {#@TODO: ON MET "New" si la requette n'a pas encore été traitée #}
                                               data-offtext="Unactivated"
                                               data-ontext="Activated"
                                               id="requestCredential" {{ work.onlineCwg==1 ? 'checked' : '' }}>

                                <button>New password</button>
                                        {#<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' : '' }}>#}
                                </div>
                            </div>
                            {#
                                    <span checks>




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

                                        <button>Generate password</button> (and email it!)
                                    </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>

                            #}

                        {% 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 %}