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

{% block title %}Foundation Projects{% endblock %}

{% block content %}
<section class='top-section'>
	<div class='container d-md-flex align-self-center justify-content-between flex-row-reverse'>
		<div class="flex-item-40 d-none d-md-block">
			<img src='/assets/foundation/img/illustrations/build.png' alt='blocks' class="h-75">
		</div>
		<div>
			<h1>Foundation Projects</h1>
			<p class='lead'>
				ERPNext Foundation uses the membership funds to drive projects and events
			</p>
		</div>
	</div>
</section>
<section class='section-padding section-bg'>
	<div class='container'>
	{% for item in frappe.get_all("Foundation Project", "title, description, status, url, project_date",
		{"show_in_website": 1}, order_by = "project_date desc", limit=50) %}
		{% set color = {"Ongoing": "orange", "Completed": "green", "Abandoned": "red"}[item.status] %}
		<a href="{{ item.url }}" class='card mb-4' target="_blank">
			<div class="card-body">
				<h5>
					{{ item.title }}
				</h5>
				<div>{{ html2text(item.description) }}</div>
				<div class="text-muted mt-3">
					{{ frappe.format_date(item.project_date) }}
					<span class='pull-right'><span class='indicator {{ color }}'>{{ item.status }}</span></span>
				</div>
			</div>
		</a>
	{% endfor %}
	</div>
</section>
<section class='section-padding'>
	<div class='container text-center'>
		<p class='text-muted'>Apart from this, foundation funded developers and interns have pushed <br class='d-none d-sm-block'>hundreds of bug fixes since 2017</p>
		<a class='btn btn-dark' href="/members">Help us fund more projects</a>
	</div>
</section>
{% endblock %}