{% set platinum_sponsors = [
	{
		'image': '/assets/foundation/img/conf/sponsors/frappe-logo.png',
		'title': 'Frappe Technologies',
		'website_url': 'http://frappe.io/'
	},
	{
		'image': '/assets/foundation/img/people/tux.png',
		'title': 'Your Awesome Company',
		'website_url': 'http://www.example.com/'
	}
] %}

{% macro show_section(sponsors, with_img = False, color=False) %}
	<div class='row mt-4'>
	{% for sponsor in sponsors %}
		<div class='col-sm-4 mb-4'>
		<a href='{{ ("{}{}".format("" if sponsor.website_url.startswith("http") else "//", sponsor.website_url)) if sponsor.website_url else "#" }}' target='_blank' class='card h-100'>
			{% if with_img %}
			<div class='square-img'>
				<img class="{% if not color %}greyscale{% endif %} p-5"
					src="{{ sponsor.image or "/assets/foundation/img/people/tux.png" }}"
					alt="{{ sponsor.title }}">
			</div>
			{% endif %}
			<div class="card-body">
				<h6>
					{{ sponsor.title }}
				</h6>
			</div>
		</a>
		</div>
	{% if loop.index is divisibleby 4 %}
	</div><div class='row'>
	{% endif %}
	{% endfor %}
	</div>
{% endmacro %}

{% macro sponsor() %}
<section class="section-padding section-bg">
	<div class='container text-center'>
		<div>
			<h2>Become a Sponsor</h2>
			<p class='lead'>Become a patron for the conference and get associated with a global community of tens of thousands of users and developers.</p>
			<a class="mt-4 btn btn-dark btn" href="/request-a-call">Sponsor</a>
			<a class="mt-4 btn btn-dark btn" href="/request-a-call">Sponsor</a>
		</div>
		<div class="mt-7">
		{% if platinum_sponsors %}
			<h4>Platinum Sponsors<h4>
			{{ show_section(platinum_sponsors, color=True, with_img=True) }}
		{% endif %}

		{% if gold_sponsors %}
			<h4 class="mt-4">Gold Sponsors<h4>
			{{ show_section(gold_sponsors, with_img=True) }}
		{% endif %}

		{% if silver_sponsors %}
			<h4 class="mt-4">Silver Sponsors<h4>
			{{ show_section(silver_sponsors, with_img=True) }}
		{% endif %}
		</div>
	</div>
</section>
{% endmacro %}