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

{% block body %}

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

    <script src="js/ckeditor/ckeditor.js"></script>
    <script src="js/clockpicker/clockpicker.js"></script>
    <link href="js/clockpicker/standalone.css" rel="stylesheet">

    <script>
        $(function () {
            var input = $('.clockpicker');
            input.clockpicker({
                autoclose: true
            });

        })
    </script>


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

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

        <a href="/Agenda">Créer un nouvel évènement</a>
        <br/>
        <br/>

        <div>
            {% include 'Intranet/GenericAjax/searchListAgenda.php.twig'  with {'listAgenda':listAgenda } %}
        </div>
    </div>

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

        <input type="hidden" name="agendaId" id="agendaId" value="{{ event.getAgendaId }}"/>

        <input type="hidden" name="type" id="type" value="agenda"/>


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

            <div class="row">
                <div class="col-xs-7 col-sm-7">
                    <div class="base-box">
                        <h1>{{ event.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="event.online"
                                   id="online" {{ event.online==1 ? 'checked' : '' }}>


                        </div>

                        <br/>
                        <br/>


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

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

                        {#{{ event|var_dump }}#}

                        {#{% include 'Input/selectArray.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Modèle', 'idName':'template', 'value':event.template, 'array':listeTemplates} %}#}
                        {#{{  }}#}


                        <div class="form-group">

                            <label for="exampleInputEmail1">Date de début</label>

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


                        {#<i class="label-text">{{comment}}</i>#}
                        {#<div class="input-control text size1" data-role="input-control" >#}
                        {#<input  value="{% if value matches '/^\\d{4}\\-\\d{2}\\-\\d{2}$/' %}{{ value|date('d/m/Y') }}{% else %}{{ value }}{% endif %}" data-default="10:10" id="{{name}}" name="{{name}}" class="clockpicker {{ class }}">#}

                        {#</div>#}

                        {% include 'Input/clockPicker.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Heure début', 'idName':'starttime', 'value':event.starttime} %}



                        <div class="form-group">

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

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

                        {% include 'Input/clockPicker.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Heure fin', 'idName':'endtime', 'value':event.endtime} %}


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


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

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


                            });
                        </script>


                        <br/>

                        <div>
                            <label>Article lié</label>
                            <input type="text" id="url" name="url" value="{{ event.url }}"/>
                        </div>
                        <div>
                            <label>Recherche</label>
                            <input type="text" class="form-control" id="autoSearchHome"
                                   data-moussabind="moussajax.moussaListSearch"
                                   data-target="list-aart"
                                   data-url="{{ R.url('ajaxSelectListArticle',{'context' : 'Intranet',param: {} }) }}"
                                   placeholder="Recherche article"
                                   aria-describedby="basic-addon2">

                        </div>

                        <div class="list-group " id="list-aart">


                            {% include 'Intranet/GenericAjax/searchSelectArticle.php.twig' %}


                        </div>

                    </div>


                    <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="deleteAgenda" class="btn btn-default btn-danger"
                                data-moussabind="moussajax.moussaConfirm"
                                data-content="Etes-vous sûr de supprimer cet évènement<b>{{ selectedItem.name }}</b> ???"
                                data-title="Delete this Agenda"
                                data-url="{{ R.url('genericAjaxEntityDelete',{'context' : 'Intranet',param: ['Agenda', event.agendaId] }) }}"

                                aria-label="Right Align">
                            <span class="glyphicon glyphicon-trash" aria-hidden="true"></span> Delete
                        </button>
                    </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':event.about } %}#}


                {#</div>#}


                {#<script>#}
                {#CKEDITOR.inline('about');#}

                {#</script>#}

                <br/>


            </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') }}


{% endblock %}