{% if criterias == false %}
    <h4>Envoyer un email de test</h4>
    <form class="form-search" >
        <input id="sentAt" type="email" value="" name="ecd_emailing_draft_test_mail">
        <a href="#"
           onclick="jQuery('form.edit').attr('action','{{ path('ecd_emailing_draft_test_mail', {'id': draftId }) }}');jQuery('#sentAtOne').val(jQuery('#sentAt').val());jQuery('form.edit').submit();"
           class="btn btn-primary"><i class="icon-share-alt icon-white"></i></a>
    </form>
    <ul class="nav nav-list">
        <li class="divider"></li>
    </ul>
{%  else  %}
{% endif %}

<form id="new-order-form" action="{{ path('ecd_emailing_order_create', {'draftId': draftId}) }}"
	  onsubmit="
	  if($('#optionsRadios1').is(':checked')){
	  	date = '{{ "now"|date("d/m/Y") }}';
	  	time = '{{ "now"|date("H:i") }}';
	  } else {
              if($('#date-prependedInput').length > 0){
                  date = $('#date-prependedInput').val();
                  time = $('#time-prependedInput').val();
              } else {
                  date = '{{ "now"|date("d/m/Y") }}';
                  time = '{{ "now"|date("H:i") }}';
              }
	  }
	  if(date == ''){
	  	date = '{{ "now"|date("d/m/Y") }}';
	  }
	  if(time == ''){
	  	time = '{{ "now"|date("H:i") }}';
	  }
	  date = date.split('/');
	  $('#ecd_emailing_order_day').val(date[0]);
	  $('#ecd_emailing_order_month').val(date[1]);
	  $('#ecd_emailing_order_year').val(date[2]);

	  time = time.split(':');

	  $('#ecd_emailing_order_hour').val(time[0]);
	  $('#ecd_emailing_order_minute').val(time[1]);

	  return true;"
	  class="new-order" method="post" {{ form_enctype(form) }}>

{{ form_errors(form) }}
	<input type="hidden" name="ecd_emailing_order[statusId]" value="2" />
{% if criterias == false %}
	<h4>Sélectionner les listes de destinataires</h4>


	{% if mailingLists %}
		<div class="input-prepend">
		  <span class="add-on">Filtrer</span>
		  <input class="span2" id="filter" type="text" placeholder="">
		</div>
		{% for mailingList in mailingLists %}
		<label class="checkbox item" filter="{{ mailingList.name }}">

				<input type="checkbox" name="ecd_emailing_order[mailingLists][]" value="{{ mailingList.id }}">{{ mailingList.name }}<br>
				<a href="#" class="lists" rel="popover" data-original-title="Destinataires exemples" data-content="
				  &lt;ul&gt;
				  	{% for contact in mailingList.contacts %}
				  		{% if loop.index < 5 %}
				  			&lt;li&gt;{{ contact.email }}&lt;/li&gt;
				  		{% endif %}

				  		{% if loop.index == 5 %}
				  			&lt;li&gt;...&lt;/li&gt;
				  		{% endif %}
				  	{% endfor %}

				  &lt;/ul&gt;
				">{{ mailingList.contacts.count }} destinataires</a>

			      </label>

		{% endfor %}
	<a href="{{ path('ecd_mailing_list') }}" target="_blank" class="btn btn-mini">Gérer vos listes de destinataires</a>
	{% else %}
		<span class="label label-important">Attention</span> Vous n'avez pas de liste de destinataires <br /><br />
		<a href="{{ path('ecd_mailing_list') }}" class="btn btn-primary">Ajouter une liste de destinataires</a>
		<script type="text/javascript">
			$(document).ready(function(){
				$('#add-to-cart-modal-button').addClass('disabled');
				$('#add-to-cart-modal-button').attr('onclick','');
			})
		</script>
	{% endif %}
{% else %}
    Délai d'envoi minimum du mail : 7 jours ouvrés après la validation du mail
    {%  if criterias|length > 1 %}
        <h4>Sélectionner les critères d'envoi</h4>
        {% for criteria in criterias %}
            <label><input type="checkbox" name="criterias[{{criteria}}]" /> {{criteria}}</label>
        {% endfor %}
    {% endif %}
{% endif %}

    {% if criterias == false %}
<ul class="nav nav-list">
  <li class="divider"></li>
</ul>
<h4>Planifier l'envoi</h4>
<label class="radio">
	<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" onchange="$('.input-prepend').slideToggle();" checked="">
	Envoyer dès que possible
</label>
<label class="radio">
    <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2" onchange="$('.input-prepend').slideToggle();">
    Envoyer à une date et heure précise :
</label>
<div class="input-prepend" style="display: none;">
	  <span class="add-on"><i class="icon-calendar"></i></span><input class="span2 datepicker" id="date-prependedInput" size="16" placeholder="{{ "now"|date("d/m/Y") }}" type="text" />
	</div>
	<div class="input-prepend" style="display: none;">
	  <span class="add-on"><i class="icon-time"></i></span><input class="span2" id="time-prependedInput" size="16" type="text" placeholder="{{ "now"|date("H:i") }}">
	</div>

<input type="hidden" id="ecd_emailing_order_day" 	name="ecd_emailing_order[sendAt][date][day]" />
<input type="hidden" id="ecd_emailing_order_month" 	name="ecd_emailing_order[sendAt][date][month]" />
<input type="hidden" id="ecd_emailing_order_year" 	name="ecd_emailing_order[sendAt][date][year]" />
<input type="hidden" id="ecd_emailing_order_hour" 	name="ecd_emailing_order[sendAt][time][hour]" />
<input type="hidden" id="ecd_emailing_order_minute" name="ecd_emailing_order[sendAt][time][minute]" />

    {%  else  %}

        <input type="hidden" id="ecd_emailing_order_day" 	name="ecd_emailing_order[sendAt][date][day]" value="{{ "now"|date("d") }}" />
        <input type="hidden" id="ecd_emailing_order_month" 	name="ecd_emailing_order[sendAt][date][month]" value="{{ "now"|date("m") }}" />
        <input type="hidden" id="ecd_emailing_order_year" 	name="ecd_emailing_order[sendAt][date][year]" value="{{ "now"|date("Y") }}"/>
        <input type="hidden" id="ecd_emailing_order_hour" 	name="ecd_emailing_order[sendAt][time][hour]" value="{{ "now"|date("H") }}" />
        <input type="hidden" id="ecd_emailing_order_minute" name="ecd_emailing_order[sendAt][time][minute]" value="{{ "now"|date("i") }}" />
    {% endif %}

{{ form_row(form._token) }}
<script type="text/javascript">
      $(document).ready(function(){
        $(".datepicker").datepicker2({
          weekStart: 1,
          format: "dd/mm/yyyy"
        });

        $('#filter').bind('keyup',function(){
        	var filter = $('#filter').val();
        	$('.item').each(function(){
        		if($(this).attr('filter').indexOf(filter) != -1){
        			$(this).show();
        		} else {
        			$(this).hide();
        		}
        	})
        })
      })


  </script>

</form>