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

{% macro show_section(members, with_img = True, color=False) %}
	<div class='row'>
	{% for item in members %}
		<div class='col-sm-4 mb-4'>
		<a href='{{ ("{}{}".format("" if item.website_url.startswith("http") else "//", item.website_url)) if item.website_url else "#" }}' target='_blank' class='card h-100'>
			{% if with_img %}
			<div class='square-img'>
				<img class="{% if not color %}greyscale{% endif %}"
					src="{{ item.image or "/assets/foundation/img/people/tux.png" }}"
					alt="{{ item.title }}">
			</div>
			{% endif %}
			<div class="card-body">
				<h5>
					{{ item.title }}
				</h5>
			</div>
			<div class="card-footer">
				<span class='text-muted small'>{{ item.country }}</span>
			</div>
		</a>
		</div>
	{% if loop.index is divisibleby 3 %}
	</div><div class='row'>
	{% endif %}
	{% endfor %}
	</div>
{% endmacro %}

{% block page_content %}

<section class='top-section'>
	<div class='container'>
		<h1>ERPNext Foundation Members</h1>
		<p class='lead'>
			ERPNext Members are both Service Providers and End Users. Check out their website if you are looking for help in your region.
		</p>
	</div>
</section>
<section class="section-padding section-bg">
	<div class='container'>
		<h3 class="mb-5 text-center">Gold Members</h4>
		{{ show_section(gold_members, color=True) }}
	</div>
</section>

<section class="section-padding">
	<div class='container'>
		<h4 class="mb-5 text-center">Silver Members</h4>
		{{ show_section(silver_members) }}
	</div>
</section>

<section class="section-padding section-bg">
	<div class='container'>
		<h4 class="mb-5 text-center">Individual Members</h4>
		{{ show_section(individual_members, with_img = False) }}
	</div>
</section>

<section class='section-padding'>
	<div class='container'>
	<div class='card mb-5'>
		<div class='card-body'>
			<div class="media ">
			  <img class="mr-3 greyscale rounded-circle" src="/assets/foundation/img/people/ardan.png"
			  	alt="Ardan Peddell" style='max-width: 100px'>
			  <div class="media-body">
			    <h5 class="mt-0">Ardan Peddell,
					<a href="http://www.corebpm.com/" target="_blank">CoreBPM</a></h5>
			"CoreBPM been using and eventually contributing to ERPNext for over three years now, and as a company that has relied on Linux and Open Source components for our business. We spent at least a year evaluating various other open source ERP projects and the path always lead back to ERPNext because of it’s flexibility, functionality and adaptability. Without a doubt it was the easiest ERP project to develop and customise."
			  </div>
			</div>
		</div>
	</div>
	<div class='text-center'>
		<p class='mt-4'><a href='/faq'>Learn more about becoming an ERPNext Service Provider</a></p>
		<a href="/members" class="btn btn-dark">Become a Member</a>
	</div>
	</div>
</section>
<style>
	.media-body {
		line-height: 1.5;
	}
	.page-breadcrumbs {
		margin-bottom: -2rem;
	}
</style>

{% endblock %}