{% extends 'form_div_layout.html.twig' %}

{% block ecd_model_field_edition_row %}
{% spaceless %}
    <div id="{{ id }}_div"
         class="model-field-edition{% if is_last|default(false) %} last{% endif %}">
        {% if show_title|default(true) %}
            {{ form_label(form) }}
        {% endif %}
        {{ form_errors(form) }}
        {{ form_widget(form) }}
        {% if help is not empty %}
        <div class="help">{{ help }}<br /><br /></div>
        {% endif %}
    </div>
{% endspaceless %}
{% endblock %}

{% block ecd_model_group_field_edition_widget %}
{% spaceless %}
    {{ form_errors(form) }}
    {% for child in form %}
        {{ form_row(child, {'is_last': loop.last}) }}
    {% endfor %}
{% endspaceless %}
{% endblock %}

{% block ecd_model_zone_field_edition_widget %}
    {{ form_errors(form) }}
    <select id="{{ id }}" name="{{ full_name }}[choice]">
    {% for child in form %}
        <option value="{{ child.vars.id }}">{{ form_label(child) }}</option>
    {% endfor %}
    </select>
    <div style="padding-left: 15px;">
    {% for child in form %}
        {{ form_row(child, {'is_last': loop.last, 'show_title': false}) }}
    {% endfor %}
    </div>
    <script>
    $('document').ready(function(){
        $('#{{ id }}').change(function(){
            $('#{{ id }} option').each(function() { 
                $('#'+$(this).attr('value')+'_div').hide();
            });
            $('#'+$('#{{ id }}').val()+'_div').show();
        })
        $('#{{ id }} option').each(function() { 
            $('#'+$(this).attr('value')+'_div').hide();
        });
        $('#'+$('#{{ id }}').val()+'_div').show();
    })
    </script>
{% endblock %}

{% block ecd_model_number_field_edition_widget %}
{% spaceless %}
    {{ block('number_widget') }}
    <script type="text/javascript">
    jQuery(function($) {
        $('#{{ id }}').autoNumeric({
            mDec:   '{{ precision }}',
            aSep:   ' ',
            aDec:   '.',
            altDec: ','
        });
    });
    </script>
{% endspaceless %}
{% endblock %}

{% block ecd_model_rich_text_field_edition_widget %}
{% spaceless %}
    <textarea id="{{ id }}" name="{{ full_name }}[content]">{% if form.vars.value.content is not defined %}
            {{ form.vars.value }}
        {% else %}
            {{ form.vars.value.content }}
        {% endif %}</textarea>
<script>
tinyMCE.init({
  mode: "exact",
  language: "fr",
  elements: "{{ id }}",
  plugins: "table,advimage,advlink,flash",
  theme: "advanced",
  skin: "bootstrap",
  theme_advanced_toolbar_location: "top",
  theme_advanced_toolbar_align: "left",
  theme_advanced_path_location: "bottom",
  theme_advanced_buttons1: "color,font,justifyleft,justifycenter,justifyright,justifyfull,separator,bold,italic,strikethrough,separator,sub,sup,separator,charmap",
  theme_advanced_buttons2: "bullist,numlist,separator,outdent,indent,separator,undo,redo,separator,link,unlink,separator,cleanup,removeformat,separator,code",
  theme_advanced_buttons3: "",
  relative_urls: false,
  debug: false
});
</script>
{% endspaceless %}
{% endblock %}

{%  block ecd_model_image_field_edition_widget %}
    <div id="{{ id }}_upload"></div>
    <div id="{{ id }}_upload_result"></div>
    <input type="hidden" id="{{ id }}" name="{{ full_name }}[src]" />
    <script>
        $(document).ready(function () {
            var http = location.protocol;
            var slashes = http.concat("//");
            var host = slashes.concat(window.location.hostname);


            $('#{{ id }}_upload').fineUploader({
                        request: {
                            endpoint: '{{ path('ecd_emailing_draft_upload_image') }}',
                            params: {'draftId': $('#draftId').val(), 'name': '{{ name }}'}
                    },
                    validation: {
                        allowedExtensions: ['jpeg','jpg','png','gif']
                    },
            text: {
                uploadButton: '<i class="icon-upload icon-white"></i> Cliquez ou déposez'
            },
            template: '<div class="qq-uploader">' +
            '<pre class="qq-upload-drop-area"><span>Déposez vos fichiers ici</span></pre>' +
                    '<div class="qq-upload-button btn btn-success" style="width: 120px;">{uploadButtonText}</div>' +
                    '<span class="qq-drop-processing"></span>' +
                    '<ul class="qq-upload-list" style="margin-top: 10px; text-align: center;"></ul>' +
                    '</div>',
                    classes: {
                        success: 'alert alert-success',
                        fail: 'alert alert-error'
                    }
            }).on('complete',function(event, id, fileName, responseJSON){
                $('#{{ id }}').val(host+'/emailing/uploads/emailing/draft/image/'+$('#draftId').val()+'/{{ name }}/image.jpg?'+Math.random());//Done client side to keep same host as user used
                $('#{{ id }}_upload_result').html('Réussite')
            })
        });
    </script>
{%  endblock %}

{% block ecd_model_date_widget %}
{% spaceless %}
    {{ block('date_widget') }}
    <script type="text/javascript">
    jQuery(function($) {
        var converter = new dateFormatConverter();
        $('#{{ id }}').datepicker({
            dateFormat: converter.phpToJQueryUI('{{ date_format }}'),
            {% if min is not empty %}minDate: new Date({{ min|date('Y') }}, {{ min|date('m') }}, {{ min|date('d') }}),{% endif %}
            {% if max is not empty %}maxDate: new Date({{ max|date('Y') }}, {{ max|date('m') }}, {{ max|date('d') }}),{% endif %}
        });
    });
    </script>
{% endspaceless %}
{% endblock %}

{% block generic_label %}
{% spaceless %}
    {% if required %}
        {% set attr = attr|merge({'class': attr.class|default('') ~ ' required'}) %}
    {% endif %}
    <label{% for attrname,attrvalue in attr %} {{attrname}}="{{attrvalue}}"{% endfor %}><strong>{{ label|trans }}</strong></label>
{% endspaceless %}
{% endblock %}