{% 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>

<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="_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>Sujet :</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>Valider l'emailing</h3>
  </div>
  <div class="modal-body">
    {% render 'EcdEmailingBundle:Order:validate' with {'draftId': draft.id, 'order': order}  %}

  </div>
  <div class="modal-footer">
    <a href="#" onclick="
    if($('#message').val() != ''){
        $('#order-validate-form').attr('action','/emailingOrders/invalidate');$('#order-validate-form').submit();
    } else {
        $('#message').addClass('error');
    }
    " class="btn btn-danger">Invalider</a>
    <a href="#" onclick="
      $.ajax({
        url: '{{ path('ecd_emailing_draft_update',{'id': draft.id}) }}',
        method: 'POST',
        data: $('.edit').serialize(),
        success: function(){
          $('#order-validate-form').submit()
        }
      });
      return false;
    " id="add-to-cart-modal-button"  class="btn btn-primary btn-large">Valider</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>
{% endblock %}