{% extends 'base.html' %}

{% block menu %} <!-- Menu -->

	{%  for elt in categories %}
		{% if not elt.parent %}
			<div style="float:left;border:1px solid black;">
				<div style="display:block;float:left;width:120px;">
					<img src="{{ MEDIA_URL }}{{ elt.image }}" alt="{{ elt.name }}" width="80%" height="15%" />
				</div>
				<div style="display:block;float:left;">
					<h3>{{ elt.name_fr }}</h3>
					{%  for sub_elt in categories %}
						{% if sub_elt.parent.name == elt.name %}
							<a style="display:block;color:red" href="/{{ request.REGION_CODE }}/shop/{{ sub_elt.slug }}">{{ sub_elt.name_fr }}</a>
						{% endif %}
					{% endfor %}
				</div>
			</div>
		{% endif %}
	{% endfor %}

{%  endblock %}

{% block content %}

	{% for product in selected %}

		{{ product }}	

	{% endfor %}

{%  endblock %}