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

{% block content %}

{% set chapters = [
	{
		'city': 'Mumbai, India',
		'meetup-link': 'https://www.meetup.com/ERPNext-Community-Meetup/',
		'image': '/assets/foundation/img/meetups/mumbai.png',
		'members': 955
	},
	{
		'city': 'Bengaluru, India',
		'meetup-link': 'https://www.meetup.com/ERPNext-Bangalore-Community/',
		'image': '/assets/foundation/img/meetups/bengaluru.png',
		'members': 400
	},
	{
		'city': 'Bay Area, United States',
		'meetup-link': 'https://www.meetup.com/ERPNext-Community-Bay-Area/',
		'image': '/assets/foundation/img/meetups/bay-area.png',
		'members': 20
	},
	{
		'city': 'Pune, India',
		'meetup-link': 'https://www.meetup.com/Pune-ERPNext-Meetup/',
		'image': '/assets/foundation/img/meetups/pune.png',
		'members': 810
	},
	{
		'city': 'Chennai, India',
		'meetup-link': 'https://www.meetup.com/ERPNext-Chennai-Community/',
		'image': '/assets/foundation/img/meetups/chennai.jpg',
		'members': 33
	},
	{
		'city': 'Dubai, UAE',
		'meetup-link': 'https://www.meetup.com/Erpnext-UAE/',
		'image': '/assets/foundation/img/meetups/dubai.png',
		'members': 31
	},
	{
		'city': 'Germany',
		'meetup-link': 'https://www.meetup.com/ERPNext-German-Chapter/',
		'image': '/assets/foundation/img/meetups/frankfurt.png',
		'members': 32
	},
	{
		'city': 'Jakarta, Indonesia',
		'meetup-link': 'https://www.meetup.com/ERPNext-Jakarta-Community-Meetup/',
		'image': '/assets/foundation/img/meetups/jakarta.png',
		'members': 80
	},
	{
		'city': 'Paris, France',
		'meetup-link': 'https://www.meetup.com/ERPNext-France/',
		'image': '/assets/foundation/img/meetups/paris.png',
		'members': 20
	},
	{
		'city': 'Zürich, Switzerland',
		'meetup-link': 'https://www.meetup.com/ERPNext-Swiss-Chapter/',
		'image': '/assets/foundation/img/meetups/zurich.jpg',
		'members': 38
	}
] %}
<section class='section-padding splash'
	style='background-image: url(/assets/foundation/img/meetups/meetup.jpg)'>
</section>

<section class='top-section after-splash'>
	<div class='container'>
		<h1>Chapters</h1>
		<p class='lead'>
			Become a part of your local ERPNext Community by joining a chapter near you.
			If you can't find one, start your own!
		</p>
		<div class='row mt-5'>
		{% for item in chapters %}
			<div class="col-sm-4">
				<div class="card mb-4">
					<a href='{{ item['meetup-link' ]}}' target='_blank'>
						<img class="card-img-top greyscale" src="{{ item.image }}" alt="{{ item.city }}">
						<div class="card-body">
							<h5>{{ item.city }}</h5>
							<div class='text-muted'>{{ item.members }} members</div>
						</div>
					</a>
				</div>
			</div>
		{% endfor %}
		</div>
		<div class="text-center mx-auto">
			<div class='text-muted mt-4'>
				To start your own chapter, start a group on <a href='https://meetup.com' target='_blank'>Meetup.com</a> and get in touch with us.
			</div>
			<div>
			<a class='mt-4 btn-dark btn' href="/contact">Contact Us To Start a New Chapter</a>
			</div>
		</div>
	</div>
</section>
{% endblock %}