{% extends "Intranet/Global.php.twig" %}
{% block header %}
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script src="js/ckeditor/ckeditor.js"></script>
    <style>


        .modalBG {
            display: block;
            position: absolute;
            top: 0;
            height: 100%;
            width: 100%;
            background-color: rgba(0, 0, 0, 0.8);
            z-index: 9999;
        }

        .modal-b {
            width: 75%;
            height: 75%;
            margin-left: auto;
            margin-right: auto;
            margin-top: 5em;
            background-color: white;
            padding: 2em;
            border: 1px solid gray;
            border-radius: 1em;
        }
    </style>
{% endblock %}


{% block body %}

    <div class="col-lg-2">
        <div class="list-group">

            <a href="Newsletter" id=""
               class="list-group-item "><u>Créer une Nouvelle newsletter</u>
            </a>

            {% for letter in newsletters %}
                <a href="Newsletter?{{ letter.newsletterId }}" id=""
                   class="list-group-item {{ letter.sent==1 ? 'bg-stripped' : '' }}  "><b>{{ letter.object() }}</b><br/><span
                            style="font-size: 0.8em;font-style: italic">(créée le {{ letter.dateCreation() |date('d/m/Y') }}
                        )</span>
                    <span class="glyphicon glyphicon-remove-sign right removenewsletter" aria-hidden="true" data-newsletterid="{{ letter.newsletterId }}"></span>
                </a>
            {% endfor %}

        </div>
    </div>
    <div class="col-lg-7">

        <button class="btn btn-success" id="save-letter">Enregistrer</button>


        <br/>

        {#Object: <input name="object" type="text" value="{{ currentLetter.object }}"/>#}

        {% include 'Input/hidden.twig'  with {'type':'text', 'class': 'form-group', 'label': 'IdNl', 'idName':'newsletterId', 'value': currentLetter.newsletterId } %}
        {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Objet', 'idName':'object', 'value': currentLetter.object } %}



        <div class="container-fluid">
            <div id="myGrid" class="inline-editor" contenteditable="true">


                {% if currentLetter.htmlGrid is not empty %}
                    {{ currentLetter.htmlGrid | raw }}
                {% else %}

                    <h2>Titre de la newsletter</h2>

                    <div style="text-align: justify">
                        INTRO contenu de la nesmetter Contenu Catamaran Thin - Sam et molorem que nobit expla doloratin
                        re vel eiciis doluptas et rendae volent volorit,
                        eniatur?
                        Ed magnis mo officae nis ius aces aborest, offic te odignietur? Vit litaqui squunt qui odi
                        omnieni hitatur, voluptat.
                        Iminis voluptis quis exerci quid magnimi nctiorit et aut ipsanda excearc hitius desero odit
                        faccus sandicia volut res ad
                        que pe volestem quiae officip santem fugit, si nonsed eicatem qui omnihiliae et ut velibus
                        apisti odiam ut archil mo
                        volupta quibus, quam sit ab iunt fugitas ut mos sollaut et dolescipis estius eaturibusda sapid
                        min exped ulparch illest
                        aut possit auditiis ulliti iur
                    </div>
                {% endif %}

            </div>
            <!-- /#myGrid -->
        </div>
        <!-- /.container -->

        <script>

            CKEDITOR.inline('myGrid');

        </script>

    </div>

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


        <div class="base-box" id="testeur">

            <h1>Gestion des listes des inscrits</h1>

            <a href="/lesAnciens">Liste des anciens</a>  <a href="/Export/Excel?anciens" target="_blank"><img width="20" src="http://download.seaicons.com/icons/mp03095/microsoft-office-yosemite/512/Excel-Circle-icon.png"></a> <br/>
            <a href="/UserNewsletter">Liste supplémentaire</a>  <a href="/Export/Excel" target="_blank"><img width="20" src="http://download.seaicons.com/icons/mp03095/microsoft-office-yosemite/512/Excel-Circle-icon.png"></a> <br/>
            <br/>


            <h1>Test d'envoi</h1>

            {% if currentLetter.newsletterId is not empty %}

            <br/>
            {% include 'Input/simple.twig'  with {'type':'text', 'class': 'form-group', 'label': 'Mail test', 'idName':'testmail', 'value': '' } %}
            <button class="btn btn-success" id="sendtest-letter">Envoi test</button>
            <br/> <br/>

                <h1>Envoi de la newsletter</h1>

                Sélectionnez la/les listes pour l'envoi : <br/>
                <input type="checkbox" id="ListeAncien" /> Liste des Anciens
                <br/>
                <input type="checkbox" id="ListeAdherents" /> Liste des Adhérents seulement
                <br/>
                <input type="checkbox" id="ListeAutres" /> Liste Supplémentaire
                <br/>

                <button class="btn btn-success" id="send-real-letter">Envoi réel</button>
                <br/> <br/>

            {% else %}
                <p><br/>Veuillez sélectionner une newsletter ou en créer une nouvelle</p>
            {% endif %}

        </div>
        <br/>
        <input type="hidden" id="CCCnt" value="0" />
        <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: {'for':'letter'} }) }}"
                   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, 'for':'letter' } %}


        </div>

    </div>

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

    {{ R.js('moussajax/moussaSortable') }}
    {{ R.js('moussajax/moussaListSearch') }}


{% endblock %}