{% 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-Ancien"
                   data-url="{{ R.url('ajaxSearchListAncien',{'context' : 'Intranet',param: {} }) }}"
                   placeholder="Recherche Ancien"
                   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-Ancien" >

            {% include 'Intranet/GenericAjax/searchListAncien.php.twig'  with {'listAnciens':listAnciens } %}


        </div>

    </div>



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

        <input type="hidden" name="ancienId" id="ancienId" value="{{ selectedAncien.getAncienId }}"/>
        <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>{{ selectedAncien.nom | raw }} {{ selectedAncien.prenom | raw }}</h1>

                        <br/>

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

                            <label>Mail visible</label>
                            <input type="checkbox" name="online" i
                                   data="mailVisible"
                                   data-moussabind="moussajax.moussaSwitch"
                                   data-field="selectedAncien.mailVisible"
                                   id="mailVisible" {{ selectedAncien.mailVisible==1 ? 'checked' : '' }}>


                        </div>



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



                        {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Nom', 'idName':'nom', 'value':selectedAncien.nom } %}

                        {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Prénom', 'idName':'prenom', 'value':selectedAncien.prenom} %}

                        {% set foo = {'Son': "Son", 'Cinéma': "Cinéma", 'Photo': 'Photo'} %}


                        {% include 'Input/selectArray.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Promo', 'idName':'template', 'value':selectedAncien.promo, 'array':foo} %}
                        {#{{  }}#}

                        {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Année', 'idName':'annee', 'value':selectedAncien.annee} %}

                        {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Nom site web', 'idName':'nom_site_web', 'value':selectedAncien.nomSiteWeb} %}

                        {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'URL site web', 'idName':'url_site_web', 'value':selectedAncien.urlSiteWeb} %}

                        {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Adresse', 'idName':'adresse', 'value':selectedAncien.adresse} %}

                        {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Code postal', 'idName':'code_postal', 'value':selectedAncien.codePostal} %}

                        {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Ville', 'idName':'ville', 'value':selectedAncien.ville} %}

                        {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Tel', 'idName':'telephone', 'value':selectedAncien.telephon} %}





                        <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', selectedAncien.AncienId] }) }}"

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


                    </div>

                    <br/>

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

                        {% include 'Input/ckeditor.twig'  with {'type':'text', 'class': 'form-group', 'label': 'BIO', 'idName':'bio', 'value':selectedAncien.bio } %}


                    </div>


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

                    </script>

                    <br/>


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

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

                        <br/>


                        {% set filename = C.conf.baseURL~"Graphisme/mediasSpip/auton"~ selectedAncien.ancienId ~".jpg" %}
                        {% set filenameOriginal = C.conf.baseURL~"Graphisme/mediasSpip/auton"~ selectedAncien.ancienId ~"Original.jpg" %}

                        {% include 'MoussaModule/simpleCrop.php.twig' with { 'Entity':'Ancien', 'EntityId': selectedAncien.ancienId,'filename':filename,'filenameOriginal':filenameOriginal } %}


                    </div>


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


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

{% endblock %}