{% load i18n chimere_tags inline_formset%}
    {% if submited %}{% submited %}{% endif %}
    <div class='edit'>
    {% if event %}<h3>{% trans "Add an event" %}</h3>
    {% else %}
    {% if route %}<h3>{% trans "Add a route" %}</h3>
    {% else %}<h3>{% trans "Add a location" %}</h3>
    {% endif%}{% endif%}
    <div class='notice'>
    {% if event %}
    <p>Vous pouvez utiliser le formulaire ci-dessous pour partager avec nous un événement public à venir sur le territoire. Merci de ne renseigner un événement que lorsqu’il est confirmé, et de nous faire part le plus rapidement possible de toute modification le concernant.  Pensez à indiquer la date de début et de fin.
Les évènements à caractère politique, confessionnel ainsi que ceux relevant de prosélytisme divers ne seront pas affichés sur le site.</p>
    {% else %}
    {% if route %}
    <p>Vous pouvez utiliser le formulaire ci-dessous pour proposer un itinéraire de promenade sur le territoire. Merci de renseigner seulement un itinéraire que vous avez déjà pratiqué à plusieurs reprises et avec succès, afin d’éviter des déconvenues à ceux qui s’en inspireraient.</p>
    {% else %}
    <p>Vous pouvez utiliser le formulaire ci-dessous pour proposer un lieu utile ou remarquable sur le plateau. Merci de vous assurer au préalable de l’exactitude des informations fournies et de visiter les rubriques déjà existantes pour harmoniser les informations soumises.</p>
    {% endif%}{% endif%}
    </div>
    <p class='notice'>* {% trans "indicates a mandatory field" %}</p>
    <form enctype="multipart/form-data" method='post' action='{% if route%}{% url 'edit-route' %}{%else%}{% url 'edit' %}{% endif %}' id='proposition_form'>
    {% csrf_token %}
    {% if not route %}
    <div class="fieldWrapper point_label">
        <label class='error'>{% trans "Select a location for this new site" %}</label>
        <input type='hidden' id='id_point' name='point'/>
    </div>{% endif %}
    <div class="fieldWrapper">
        <label for="id_name">{%if route%}{% trans "Name of the route"%}{% else %}{% if event %}{% trans "Name of the event"%}{% else %}{% trans "Name of the location"%}{% endif %}{% endif %} <span class='mandatory'>*</span></label>
        {% if form.name.errors %}<div class='errors'>{{ form.name.errors }}</div>{% endif %}
        {{ form.name }}
    </div>
    <div class="fieldWrapper">
      <label for="id_subcategory">{% trans "Category" %} <span class='mandatory'>*</span></label>
        {% if form.categories.errors %}<div class='errors'>{{ form.categories.errors }}</div>{% endif %}
      {{ form.categories }}
    </div>
    <hr class='clean'/>
    {% if event %}
    <div class="fieldWrapper" id='div_start_date'>
        <label for="id_start_date">{% trans "Start date" %} <span class='mandatory'>*</span></label>
        {{ form.start_date.errors }}
        {{ form.start_date }}
    </div>
    <div class="fieldWrapper" id='div_end_date'>
        <label for="id_end_date">{% trans "End date" %}</label>
        {{ form.end_date.errors }}
        {{ form.end_date }}
    </div>
    <hr class='clean'/>
    {% endif %}
    {% for field in form %}
        {% for property in properties %}
            {% ifequal field.name property.getNamedId %}
                <div class="fieldWrapper single-line">
                    <label for="id_{{field.name}}">{% trans field.label %}{% if property.mandatory %} <span class='mandatory'>*</span>{% endif %}</label>
                    {% if field.errors %}<div class='errors'>{{ field.errors }}</div>{% endif %}
                    {{ field }}
                </div>
            {%endifequal%}
        {%endfor%}
    {%endfor%}
    <div class="fieldWrapper">
        <label for="id_description">{% trans "Description" %}</label>
        {{ form.description.errors }}
        {{ form.description }}
        <p class="help">{{ form.description.help_text }}</p>
    </div>

    {% if filtered_properties %}
    <script type='text/javascript'>
        <!--
        var cat_filters = new Array();
        var cat_to_hide = new Array();
        {% for property in filtered_properties %}
        cat_to_hide.push('#id_{{property.getNamedId}}');
        {% for subcat in property.subcategories.all %}
        if(!cat_filters['{{subcat.id}}']) cat_filters['{{subcat.id}}'] = new Array();
        cat_filters['{{subcat.id}}'].push('#id_{{property.getNamedId}}');
        {% endfor %}
        {% endfor %}
        $('#id_categories').change(function(){
            for (idx in cat_to_hide){
                $(cat_to_hide[idx]).parent().hide();
            }
            var vals = $(this).val();
            for (val_id in vals){
                var val = vals[val_id];
                for (ids in cat_filters[val]){
                    $(cat_filters[val][ids]).parent().show();
                }
            }
        });
        $('#id_categories').change();
        // -->
    </script>
    {% endif %}
    {% if route %}
    <h4 id='head_route' class='toggle maximized'>{% trans "Route" context "form" %} <span class='mandatory'>*</span></h4>
    <div id='itinerary_field_contener'>
        <input id='id_route' name='route' type='hidden'/>
        <label class='error'>{% trans "Select a route for this new site (have you submit the search?)" %}</label>
    <div id='itinerary_field'>{% if not itinerary_form %}
    <div class='notice'><p>Cliquez sur la carte pour dessiner le trajet.</p></div>
    {% endif %}</div>
    <hr class='clean'/>
    </div>
    {% endif %}
    <h4 id='head_multimedia'><span>Images, audios, vidéos</span><span id="add_multimedia_list">Ajouter</span></h4>
    {% alternate_multimedia formset_multi formset_picture %}
    <h4 id='head_personalform' class='toggle maximized'>{% trans "Personal information"%}</h4>
    <div id='personalform'>
        <div class="fieldWrapper single-line">
            <label for="id_submiter_email">{% trans "Email"%} <span class='mandatory'>*</span></label>
            {% if form.submiter_email.errors %}<div class='errors'>{{ form.submiter_email.errors }}</div>{% endif %}
            {{ form.submiter_email }}
        </div>
        <div class="fieldWrapper single-line">
            <label for="id_submiter_name">{% trans "Name"%}</label>
            {% if form.submiter_name.errors %}<div class='errors'>{{ form.submiter_name.errors }}</div>{% endif %}
            {{ form.submiter_name }}
        </div>
        <div class="fieldWrapper">
            <label for="id_submiter_comment">{% trans "Comment" %}</label>
            {% if form.submiter_comment.errors %}<div class='errors'>{{ form.submiter_comment.errors }}</div>{% endif %}
            {{ form.submiter_comment }}
        </div>
    </div>
    <div id='upload_in_progress'>
        <p>{% trans "Upload in progress. Please wait..." %}</p>
        <p><img src='{{STATIC_URL}}chimere/img/ajax-loader.gif'/></p>
    </div>
    <p><span id='proposition_form_submit'>{% trans 'Propose'%}</span></p>
    <script text='text/javascript'>
        <!--
        $(function(){
            tinyMCE.init({
                mode : "textareas",
                theme: 'modern',
                editor_selector : "mceEditor",
                relative_urls : false,
                toolbar_items_size: 'small',
                menubar: '',
                toolbar1: 'bold italic,underline | bullist,numlist',
                toolbar2: "",
                toolbar3: ""
            });
            {% if route %}
            var edition_type = 'route';
            {% if itinerary_form %}
            $("#chimere_itinerary_form").appendTo($("#itinerary_field"));
            $('#main_map').chimere('updateRoutingInput');{% endif%}
            {% else %}
            var edition_type = 'marker';
            $('#main_map').chimere('updateMarkerInput');
            {% endif %}
            $('#main_map').chimere('activateEdition', edition_type);
            $('#main_map').chimere('activateDraw');
            $('.toggle').click(function(){
                var div_item = $(this).next();
                div_item.toggle();
                if (div_item.is(":visible")){
                    $(this).removeClass('minified');
                    $(this).addClass('maximized');
                } else {
                    $(this).addClass('minified');
                    $(this).removeClass('maximized');
                }
            });
            $( "#upload_in_progress" ).dialog({
                 modal: true,
                 resizable:false,
                 height:110,
                 autoOpen:false,
                 dialogClass:'alert-box'
                }
            );
            $('#proposition_form_submit').click(function(){
                // JS tests because if a file is submited there is no way
                // to refill the form with (browser security issue)
                tinyMCE.triggerSave();
                validation = [{%if route%}
                    'id_route'{%else%}'id_point'{% endif %},
                    'id_name',
                    'id_categories',{% if event %}
                    'id_start_date',{% endif %}
                    'id_submiter_email'
                ];
                var validated = true;
                for (var idx=0; idx<validation.length ;idx++){
                    var input_id = validation[idx];
                    var val = jQuery('#'+input_id).val();
                    if (!val || val == '0' ||
                            (input_id == 'id_submiter_email' && 
                            !isValidEmailAddress(val))){
                        jQuery('#'+input_id).parent().addClass('warning');
                        jQuery('#'+input_id).parent().addClass('error');
                        validated = false;
                    } else {
                        jQuery('#'+input_id).parent().removeClass('warning');
                        jQuery('#'+input_id).parent().removeClass('error');
                    }
                }
                if (!validated){
                    alert("{%trans "There are missing/erroneous fields."%}");
                    $("#panel").scrollTop(0);
                    return false;
                }
                $("#proposition_form").ajaxForm();
                $("#upload_in_progress").dialog('open');
                $("#proposition_form").ajaxSubmit({
                    target:"#frm-edit-marker",
                    success:function(msg){
                        $("#panel").scrollTop(0);
                        $("#upload_in_progress").dialog('close');
                    }
                });
            });
        });
        // -->
    </script>
    </form>
    </div>