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

{% block body %}

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

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

<style>.sendto{cursor:pointer;}</style>


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

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

        <br/>
        <div>
            <a href="/lesAdherents" class="btn btn-default btn-info"><span
                        class="glyphicon glyphicon glyphicon-edit"></span> Liste des adhérents</a>
        </div>

        <br/>

        <a href="/lesAnciens?promo=cinema">Cinéma</a> -
        <a href="/lesAnciens?promo=son">Son</a> -
        <a href="/lesAnciens?promo=photo">Photo</a>
        <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: {'addURL':addURL} }) }}"
                   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="mailVisible" id="mailVisible"
                                   data="mailVisible"
                                   data-moussabind="moussajax.moussaSwitch"
                                   data-field="selectedAncien.mailVisible"
                                   id="mailVisible" {{ selectedAncien.mailVisible==1 ? 'checked' : '' }}>


                        </div>

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

                            <label>Inscrit à la newsletter</label>
                            <input type="checkbox" name="inscrit" id="inscrit"
                                   data="inscrit"
                                   data-moussabind="moussajax.moussaSwitch"
                                   data-field="selectedAncien.inscrit"
                                   data-ontext="Oui"
                                   data-offtext="Non"
                                   id="inscrit" {{ selectedAncien.inscrit==1 ? 'checked' : '' }}>


                        </div>

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

                            <label>Adhérent</label>
                            <input type="checkbox" name="adherent" id="adherent"
                                   data="adherent"
                                   data-moussabind="moussajax.moussaSwitch"
                                   data-field="selectedAncien.adherent"
                                   data-ontext="Oui"
                                   data-offtext="Non"
                                   id="adherent" {{ selectedAncien.adherent==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} %}
                        {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Poste actuel', 'idName':'profession', 'value':selectedAncien.profession} %}

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


                        {% include 'Input/selectArray.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Promo', 'idName':'promo', '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.telephone} %}

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

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


                        {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Email Pro', 'idName':'email_pro', 'value':selectedAncien.emailPro} %}





                        <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 ancien <b>{{ selectedAncien.nom }} {{ selectedAncien.prenom }}</b> ???"
                                    data-title="Supprimer cet article"
                                    data-url="{{ R.url('genericAjaxEntityDelete',{'context' : 'Intranet',param: ['Ancien', 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">

                    {% if importedDatas is not empty %}
                    <div class="base-box firstPhoto">

                        <h1>Mettre à jour les coordonnées</h1>

                        <br/>

                    {% for key,donnee in importedDatas %}

                        <label>{{ key }}</label>
                        <span class="bordered sendto" data-key="{{ key }}" >{{ donnee |raw }}</span>
                        <br/>
                    {% endfor %}

                        </div>
                        {% endif %}

                    <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 class="base-box firstPhoto">

                        <h1>Mémoire lié</h1>

                        <br/>
                        {% include 'Input/hidden.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Mémoire', 'idName':'Article_id', 'value':selectedAncien.articleId} %}


                        <br/>

                        <div class="form-group">
                            <label>Memoires</label>
                            <input type="text" class="form-control" id="autoSearchRub"
                                   data-moussabind="moussajax.moussaListSearch"
                                   data-target="list-rub-memories"
                                   data-url="{{ R.url('ajaxSearchMemoires',{'context' : 'Intranet',param: {} }) }}"
                                   placeholder="Recherche memoires"
                                   aria-describedby="basic-addon2"
                                   value="{{ artick.getTitle() }}">

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

                        </div>
                        <br/>




                    </div>


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