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

{% block body %}

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

    <script src="js/ckeditor/ckeditor.js"></script>

    <ol class="breadcrumb">
        <li><a href="Rubriques">Accueil</a></li>


        {% for ll in ariane %}
            <li><a href="Rubriques?{{ ll.rubriqueId }}"  {{ loop.last ?'class="breadactive"' }}>{{ ll.title }} </a></li>

        {% endfor %}
    </ol>

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

        <div>
            <a href="/Rubriques" class="btn btn-default btn-info"><span
                        class="glyphicon glyphicon glyphicon-edit"></span> Nouvelle Rubrique</a>
        </div>

        <br/>

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


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

            {% include 'Intranet/GenericAjax/searchListRubrique.php.twig'  with {'listRub':listRubriques } %}


        </div>
        <hr/>

        <div>
            <a href="/Article?0&{{ rubrick.rubriqueId }}" class="btn btn-default btn-info"><span
                        class="glyphicon glyphicon glyphicon-edit"></span> Nouvel article pour cette rubrique</a>
        </div><br/>
        <div class="base-box">
            {#{{ R.js('moussajax/moussaHint') }}#}



            <h1>Liste des articles

            </h1>

            <div>

                <ul>
                    {% for art in articles %}
                        <li>- <a href="Article?{{ art.articleId }}">{{ art.title | couper(45) }}</a></li>
                    {% endfor %}
                </ul>
            </div>

        </div>


    </div>



    <form id="form-edit-exhibition" data-moussabind="moussajax.moussaForm" data-entity="Rubrique">

        <input type="hidden" name="rubriqueId" id="rubriqueId" value="{{ rubrick.getRubriqueId }}"/>
        <input type="hidden" name="recropMediaId" id="recropMediaId" value="false"/>
        <input type="hidden" name="h" id="h" value="false"/>
        <input type="hidden" name="w" id="w" value="false"/>
        <input type="hidden" name="x" id="x" value="false"/>
        <input type="hidden" name="y" id="y" value="false"/>
        <input type="hidden" name="tempMediaId" id="tempMediaId" value="false"/>
        <input type="hidden" name="type" id="type" value="exhibition"/>


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

            <div class="row">
                <div class="col-xs-8 col-sm-8">
                    <div class="base-box">
                        <h1>{{ rubrick.title() }}</h1>

                        <br/>

                        <div class="form-group dimensions">
                            <div class="labeled">&nbsp;</div>

                            <label>En ligne</label>
                            <input type="checkbox" name="online" id="online"
                                   data="online"
                                   data-moussabind="moussajax.moussaSwitch"
                                   data-field="rubrick.online"
                                   id="online" {{ rubrick.online==1 ? 'checked' : '' }}>


                        </div>

                        <label>Afficher sur la home</label>
                        <input type="checkbox" name="highlighted" id="highlighted"
                               data="highlighted"
                               data-moussabind="moussajax.moussaSwitch"
                               data-field="exhibition.highlighted"
                               id="highlighted" {{ rubrick.highlighted==1 ? 'checked' : '' }}>
                        <br/>
                        <br/>

                        <div>
                            {% set arr = {'':'Public', 'adherent':'Adhérents' } %}
                            {% include 'Input/radioNice.twig'  with {'class': 'form-group', 'label': 'Accés', 'idName':'access', 'value':rubrick.access, 'list':arr, 'classCol':'info' } %}

                        </div>
                        {#<div class="form-group dimensions">#}
                            {#<div class="labeled">&nbsp;</div>#}

                            {#<label>Réservé adhérent</label>#}
                            {#<input type="checkbox" name="access" id="access"#}
                                   {#data="access"#}
                                   {#data-moussabind="moussajax.moussaSwitch"#}
                                   {#data-field="rubrick.access"#}
                                   {#id="access" {{ rubrick.access==1 ? 'checked' : '' }}>#}


                        {#</div>#}

                        {% include 'Input/hidden.twig'  with {'type':'text', 'class': 'form-group selectedIDrub', 'label': 'parent', 'idName':'parentId', 'value':rubrick.parentId} %}

                        {#{{ rubrick.getParentRubrique() | var_dump}}#}
                        <div class="form-group">
                            <label>Emplacement</label>
                            <input type="text" class="form-control" id="autoSearchRub"
                                   data-moussabind="moussajax.moussaListSearch"
                                   data-target="list-rub-parent"
                                   data-url="{{ R.url('ajaxSelectRubrique',{'context' : 'Intranet',param: {} }) }}"
                                   placeholder="Recherche rubrique"
                                   aria-describedby="basic-addon2"
                                   value="{{ (rubrick.parentId == 0)? 'Racine du site': rubrick.getParentRubrique().getTitle() }}">

                        </div>
                        <div id="list-rub-parent">

                        </div>

                        {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Title', 'idName':'title', 'value':rubrick.title} %}

                        {% include 'Input/readonly.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Urlrewrite', 'idName':'url_rewrite', 'value':rubrick.urlRewrite} %}

                        {#{{ rubrick|var_dump }}#}


                        {% set roleAdm = 'no' %}
                        {% for R in C.user.roles %}
                        {% if R == 'superadmin' %}{% set roleAdm = 'yes' %}
                        {% endif %}
                        {% endfor %}

                        {% if roleAdm == 'yes' %}
                        {% include 'Input/selectArray.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Modèle', 'idName':'template', 'value':rubrick.template, 'array':listeTemplates} %}
                        {% endif %}


                        <div class="form-group">


                            <label for="exampleInputEmail1">Date de publication</label>


                            <div class='input-group date' id='datetimepicker1'>
                                <input type='text' class="form-control" name="begining" id="begining"
                                       value="{{ rubrick.datePublication | date('d/m/Y') }}"/>
                                        <span class="input-group-addon">
                                            <span class="glyphicon glyphicon-calendar"></span>
                                        </span>
                            </div>
                        </div>


                        <script type="text/javascript">
                            $(function () {

                                $('#datetimepicker1').datetimepicker({format: 'DD/MM/YYYY'});

                            });
                        </script>


                        <br/>

                        <div style="text-align: right;">
                            <button type="button" id="saveExhibit" data-ajax-form="form-edit-exhibition"
                                    class="btn btn-default btn-success"
                                    aria-label="Left Align">
                                <span class="glyphicon glyphicon-floppy-save" aria-hidden="true"></span> Enregistrer
                            </button>

                            {#<button type="button" id="previewHome"#}
                            {#data-preview-url="{{ R.url('cwgHome',{'context' : 'Web',param: ['preview'] }) }}"#}
                            {#class="btn btn-default btn-info"#}
                            {#aria-label="Left Align">#}
                            {#<span class="glyphicon glyphicon-search" aria-hidden="true"></span> Preview#}
                            {#</button>#}
                            {% if articles is  empty %}
                                <button type="button" id="deleteRubrique" class="btn btn-default btn-danger"
                                        data-moussabind="moussajax.moussaConfirm"
                                        data-content="Etes-vous sûr de supprimer cette expo <b>{{ selectedItem.name }}</b> ???"
                                        data-title="Delete this Exhibition"
                                        data-url="{{ R.url('genericAjaxEntityDelete',{'context' : 'Intranet',param: ['Rubrique', rubrick.rubriqueId] }) }}"

                                        aria-label="Right Align">
                                    <span class="glyphicon glyphicon-trash" aria-hidden="true"></span> Supprimer
                                </button>
                            {% else %}
                                Suppresion impossible
                            {% endif %}
                        </div>
                        <br/>


                    </div>

                    <br/>

                    <div class="base-box">
                        <h1>TEXTE</h1>

                        {% include 'Input/ckeditor.twig'  with {'type':'text', 'class': 'form-group', 'label': 'About', 'idName':'about', 'value':rubrick.about } %}


                    </div>


                    <script>
                        CKEDITOR.inline('about');

                    </script>

                    <br/>


                </div>
                <div class="col-xs-4 col-sm-4">
                    <div class="base-box firstPhoto">

                        <h1>Logo de la rubrique</h1>

                        <br/>
                        <h4><span class=" label label-info">Drag your photo <span class="badge">500px X 650px</span>
                    </span></h4>


                        {% set filename = C.conf.baseURL~"Graphisme/mediasSpip/rubon"~ rubrick.getRubriqueId ~"."~logoExt %}
                        {% set filenameOriginal = C.conf.baseURL~"Graphisme/mediasSpip/rubon"~ rubrick.getRubriqueId ~"Original."~logoExt %}
                        {% set filenameFormated = C.conf.baseURL~"Graphisme/mediasSpip/rubon"~ rubrick.getRubriqueId ~"Formated."~logoExt %}



                        {% include 'MoussaModule/simpleCrop.php.twig' with { 'Entity':'Rubrique', 'EntityId': rubrick.getRubriqueId,'filename':filename,'filenameOriginal':filenameOriginal } %}
                        <hr/>
                        <table>
                            <tr><td>Originale</td><td>Recadrée</td></tr>
                            <tr><td>
                                    {% if filename is onServer %}
                                        <img src="{{ filename }}" style="max-width: 100%"   />
                                    {% endif %}
                                </td><td>
                                    {% if filenameFormated is onServer %}
                                        <img src="{{ filenameFormated }}" style="max-width: 100%"   />
                                    {% endif %}
                                </td></tr>
                        </table>

                    </div>





                    <p class="text-danger"></p>


                </div>
                <br/>


            </div>
        </div>


    </form>


    {{ R.js('helpers') }}
    {{ R.js('vendor/*') }}

    {{ R.js('moussajax/moussaSortable') }}
    {{ R.js('moussajax/moussaForm') }}
    {{ R.js('moussajax/moussaModal') }}
    {{ R.js('moussajax/moussaConfirm') }}
    {{ R.js('moussajax/moussaListSearch') }}
    {{ R.css('moussajax/moussaModal') }}
    <link rel="stylesheet" href="/csi/css/vendor/funckyRadio.css"/>


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

{% endblock %}