{% extends "templates/web.html" %}

{% from "foundation/templates/includes/macros.html" import media %}

{% macro gold_member(m) %}
<div class='gold-member'>
	<div class="media with-border clickable" style="cursor: pointer;" onclick="location.href='{{ m.route }}'">
		<div class="media-left">
			<a href="{{ m.route }}">
				<img class="media-object" src="{{ m.image or '/assets/foundation/img/gold.png' }}"
					style="max-width: 72px;">
			</a>
		</div>
		<div class="media-body">
			<h4 class="media-heading">{{ m.title }}</h4>
			<p><span class=label>Gold Member</span></p>
			{{ m.introduction }}
		</div>
	</div>
</div>
{% endmacro %}

{% macro silver_member(m) %}
<div class='col-sm-4'>
	<div class='silver-member with-border clickable' style="cursor: pointer;" onclick="location.href='{{ m.route }}'">
		<h4>{{ m.title }}</h4>
			<p><span class=label>Silver Member</span></p>
		<p>{{ m.introduction[:100] }}</p>
	</div>
</div>
{% endmacro %}

{% macro show_member(s) %}
	<div class='col-sm-4' style='height: 130px; padding-bottom: 30px'>
		<p>
			<a class='bold' href="/{{ s.route }}">{{ s.title.title()[:25] }}</a><br>
			{{ s.introduction[:100] }}
		</p>
	</div>
{% endmacro %}

{% block page_content %}
<h1 class='media-heading' style='margin-bottom: 30px;'>{{ title }}</h1>
{% if form_dict.country %}
{% endif %}
<section>
	{% for m in gold_members %}
		{{ gold_member(m) }}
	{% endfor %}
	{% if has_gold_member %}
	<p><a class='text-muted' href='/members'>
		Become a Gold Member and get your company featured here</a></p>
	{% endif %}
</section>
<section>
	<div class='row'>
	{% for m in silver_members %}
		{{ silver_member(m) }}
	{% endfor %}
	</div>
</section>
<section>
	<h2>Individual Members</h2>
	<div class='row'>
	{% for s in individual_members %}
		{{ show_member(s) }}
	{% endfor %}
	</div>
</section>
{% if form_dict.country %}
<section>
	<h2>Other Service Providers</h2>
	<div class='row'>
	{% for s in service_providers %}
		{{ show_member(s) }}
	{% endfor %}
</div>
</section>
{% else %}
<section>
	<h2>Select by country</h2>
	<div class='row'>
	{% for c in countries %}
	<div class='col-sm-4'>
		<p>
			<a href="/service-providers?country={{ c[0] }}">{{ c[0] }} ({{ c[1] }})</a>
		</p>
	</div>
	{% endfor %}
</div>
</section>
{% endif %}

{% endblock %}