{% extends 'EcdEmailingBundle::layout.html.twig' %}

{% block title %}{% trans %}ecd_emailing.draft.edit.meta.title{% endtrans %}{% endblock %}

{% block content %}
    <div id="overlay" style="
      display: none;
      top: 0px;
      left: 0px;
      right: 0px;
      min-height: 100%;
      background-color: #000000;
      z-index: 100;
      position: absolute;
      opacity: 0.7;
      padding-top: 300px;
    ">
        <div class="span4 offset6 progress progress-striped
     active" style="opacity: 1;">
            <div id="indicatorBar" class="bar" style="width: 10%;"></div>
        </div>
    </div>

    {{ include_sf1_partial('cart','progress', {'progress': 2, 'kit_edition_id': draft.kitEditionId}) | raw }}

    <div id="emailing-draft-editor">

        <form class="edit" action="{{ path('ecd_emailing_draft_update', {'id': draft.id }) }}" method="post">
            <div class="span4">


                <div class="well" id="draft-edition" {% if formEmpty %} style="display: none;" {% endif %}>
                    <input type="hidden" name="draftId" id="draftId" value="{{ draft.id  }}" />
                    <input type="hidden" name="_method" value="PUT" />
                    <input id="sentAtOne" type="hidden" value="{{emails}}" name="ecd_emailing_draft_test_mail">
                    {{ form_errors(form) }}

                    {{ form_row(form.data.custom) }}

                    {{ form_rest(form) }}



                    <button type="button" onclick="$('#add-to-cart-modal').modal()" id="model_update" class="pull-right btn btn-primary create-document button">Suivant</button>
                    <br />
                </div>
                {% if formEmpty %} &nbsp; {% endif %}
            </div>





            <div id="draft-preview" class="span10" style="height:70%;">
                <a id="draft-preview-button" rel="tooltip" data-original-title="Prévisualiser" class="btn btn-primary pull-left" href="#"><i class="icon-eye-open icon-white"></i></a>

                {% if formEmpty %} <button type="button"  onclick="$('#add-to-cart-modal').modal()" id="model_update" class="pull-right btn btn-primary create-document button">Suivant</button> {% endif %}

                <br /></br />
                <div class="preview-subject"><strong>Objet :</strong></div>
                <iframe id="iframe-preview-body" style="width:100%; height:768px; border: 1px solid #999" class="preview-body" name="preview-body" src=""></iframe>
            </div>


        </form>

    </div>


    <div class="modal hide fade" id="add-to-cart-modal">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h3>Ajouter au panier</h3>
        </div>
        <div class="modal-body">
            {% render 'EcdEmailingBundle:Order:new' with {'draftId': draft.id}  %}

        </div>
        <div class="modal-footer">
            <a href="#" onclick="
                    $.ajax({
                    url: '{{ path('ecd_emailing_draft_update',{'id': draft.id}) }}',
                    method: 'POST',
                    data: $('.edit').serialize(),
                    success: function(){
                    $('#add-to-cart-modal form.new-order').submit()
                    }
                    });
                    return false;
                    " id="add-to-cart-modal-button"  class="btn btn-primary">Confirmer</a>
        </div>
    </div>

{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
        jQuery(function($) {
            $('#emailing-draft-editor').emailingDraftEditor({
                urlPreview: '{{ path('ecd_emailing_draft_preview', {'id': draft.id}) }}'
            });
        });
    </script>
    <script type="text/javascript" src="/js/jquery.fineuploader-3.3.0.min.js"></script>
{% endblock %}