{% extends "base.html" %}
{% load i18n %}

{% block sidebar %}
{% endblock %}

{% block content %}
<div id='content'>
<fieldset class='edit'>
<legend>{% trans "Subscribe to RSS feed" %}</legend>

<p><font color='red'> {{ error_message }} </font></p>

<form method='post' id='rss_form' name='rss_form' action=''>
{%if not category_rss_feed %}
<div class="fieldWrapper">
    <label for="rss_category">{% trans "Type of RSS feed" %}</label>
    <select name='rss_category' id='rss_category' onchange='document.forms["rss_form"].submit();'>
        <option value=""> ---- </option>
        <option value="global">{% trans "All new points of interest" %}</option>
        <option value="poi">{% trans "New points of interest by category" %}</option>
        <option value="area">{% trans "New points of interest by area" %}</option>
    </select>
</div>
{% endif %}

{%ifequal category_rss_feed "category" %}
<h3>{% trans "New points of interest by category" %}</h3>
<div class="fieldWrapper">
    <label for="id_subcategory">{% trans "Choose a category" %}</label>
    <select name='subcategory' id='subcategory' onchange='document.forms["rss_form"].submit();'>
        {% for cat_subcat in sub_categories %}
        <option value ="cat_{{cat_subcat.0.id}}"> ---- {{cat_subcat.0.name}}  ----
            {% for sub_category in cat_subcat.1 %}
            <option value='{{sub_category.id}}'{% ifequal sub_category.id current_category %} selected='selected'{% endifequal %}>
            {% trans sub_category.name %}
            </option>{% endfor %}
        </option>{% endfor %}
    </select>
</div>
{% endifequal %}

{%ifequal category_rss_feed "area" %}
<h3>{% trans "New points of interest by area" %}</h3>
{% if area_id %}
<div class="fieldWrapper">
    <label for="id_area">{% trans "Choose a pre-defined areas" %}</label>
    <select name='id_area' id='id_area' onchange='document.forms["rss_form"].submit();'>
        <option value="" selected="selected"> ---- </option>
        {% for areaID in area_id %}
        <option value ={{areaID.id}}>{{areaID.name}}</option>
        {% endfor %}
    </select>
</div>

</form>

<form method='post' action=''>
{% endif %}
<div class='fieldWrapper'>
<label>{% trans "Or select the area by zooming and panning this map" %}</label>
<div class="map">
   {{form.area}}
</div>
</div>
<p><input type="submit" value="{% trans "Validate" %}" /></p>
{% endifequal %}

</form>

</fieldset>
</div>
{% endblock %}