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

{% block body %}

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

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


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

        <div>
            <a href="/Article" class="btn btn-default btn-info"><span
                        class="glyphicon glyphicon glyphicon-edit"></span> Nouvel Article</a>
        </div>

        <br/>

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


        <div id="list-Article" >

            {% include 'Intranet/GenericAjax/searchListArticle.php.twig'  with {'listArticles':articles } %}


        </div>

    </div>



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

        <input type="hidden" name="articleId" id="articleId" value="{{ artick.getArticleId }}"/>
        <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-7 col-sm-7">
                    <div class="base-box">
                        <h1>{{ artick.title | raw }}</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="artick.online"
                                   id="online" {{ artick.online==1 ? 'checked' : '' }}>


                        </div>

                        {#<label>Highlighted</label>#}
                        {#<input type="checkbox" name="highlighted" id="highlighted"#}
                               {#data="highlighted"#}
                               {#data-moussabind="moussajax.moussaSwitch"#}
                               {#data-field="exhibition.highlighted"#}
                               {#id="highlighted" {{ artick.highlighted==1 ? 'checked' : '' }}>#}
                        {#<br/>#}
                        <br/>

                        {% include 'Input/hidden.twig'  with {'type':'text', 'class': 'form-group selectedIDrub', 'label': 'parent', 'idName':'rubriqueId', 'value':artick.getRubriqueId() } %}

                        {#{{ 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="{{ artick.getOneRubrique().getTitle() }}">

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

                        </div>

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

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

                        {#{{ artick|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':artick.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="date_publication" id="date_publication"
                                       value="{{ artick.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> Save
                            </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>#}

                            <button type="button" id="deleteArticle" class="btn btn-default btn-danger"
                                    data-moussabind="moussajax.moussaConfirm"
                                    data-content="Etes-vous sûr de supprimer cet article <b>{{ artick.title }}</b> ???"
                                    data-title="Supprimer cet article"
                                    data-url="{{ R.url('genericAjaxEntityDelete',{'context' : 'Intranet',param: ['Article', artick.articleId] }) }}"

                                    aria-label="Right Align">
                                <span class="glyphicon glyphicon-trash" aria-hidden="true"></span> Supprimer
                            </button>
                        </div>
                        <br/>


                    </div>

                    <br/>

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

                        {% include 'Input/textarea.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Chapo', 'idName':'descriptif', 'value':artick.descriptif} %}


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


                    </div>


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

                    </script>

                    <br/>


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

                        <h1>Logo de l'article</h1>


                        {% if artick.getArticleId is not empty %}
                        <br/>



                       {#ff {{ urlLogo }}ff#}


                        {% set filename = C.conf.baseURL~"Graphisme/mediasSpip/arton"~ artick.articleId ~"."~logoExt %}
                        {% set filenameOriginal = C.conf.baseURL~"Graphisme/mediasSpip/arton"~ artick.articleId ~"Original."~logoExt %}
                        {% set filenameFormated = C.conf.baseURL~"Graphisme/mediasSpip/arton"~ artick.articleId ~"Formated."~logoExt %}


                        {% include 'MoussaModule/simpleCrop.php.twig' with { 'Entity':'Article', 'EntityId': artick.getArticleId,'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>
                            {% if artick.getArticleId is not empty %}
                            <tr><td colspan="2" id="delartimg" data-id="{{ artick.getArticleId }}">
                                    <p><button type="button" class="btn btn-default" >Supprimer</button> </p>
                            </td></tr>
                            {% endif %}
                        </table>
                    </div>


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


                    <p class="text-danger"></p>
                            {% else %}
                    <h4><span class=" label label-info">Sauvegardez votre photo pour ajouter une image</span></h4>
                            {% endif %}


                </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" type="text/css" href="/css/cropit/cropimg.css" media="all"/>

{% endblock %}