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

{% block page_content %}
<h1>{{ title }}</h1>
<h3>Details</h3>
<p>{{ introduction }}</p>
<h3>List of Members</h3>
{% if members %}
	<table class="table table-bordered small" style="max-width: 600px;">
		<tr>
			<th>Serial No.</th>
			<th>Member Name</th>
			<th>Website URL</th>
		</tr>
		{% for user in members %}
		    <tr>
		    	<td>{{ i }}</td>
		    	<td>{{ frappe.db.get_value('User', user.user, 'full_name') }}</td>
		    	<td>
			    	{% if user.website_url %}
			    		<a href="{{ user.website_url }}">{{ user.website_url }}</a>
			    	{% else %}
			    		{{ user.website_url }}
					{% endif %}
		    	</td>
	    	</tr>
	    	<tr>
	    		<td colspan="3">
		    		{{ user.introduction }}
    			</td>
			</tr>
		{% endfor %}
	</table>
{% else %}
	<p>No member yet.</p>
{% endif %}

<h3>Chapter Head</h3>
<table class="table table-bordered" style="max-width: 400px;">
	<tr>
		<td>Name</td>
		<td>{{ frappe.db.get_value('User', chapter_head, 'full_name') }}</td>
	</tr>
	<tr>
		<td>Email</td>
		<td>{{ frappe.db.get_value('User', chapter_head, 'email') }}</td>
	</tr>
	<tr>
		<td>Phone</td>
		<td>{{ frappe.db.get_value('User', chapter_head, 'phone') }}</td>
	</tr>
</table>
<h3>Address</h3>
<p>{{ address }}</p>

<p style="margin: 20px 0 30px;"><a href="/join-chapter?name={{ name }}" class='btn btn-primary'>Join this Chapter</a></p>
<p style="margin: 20px 0 30px;"><a href="/leave-chapter?name={{ name }}" class=''>Leave this Chapter</a></p>

{% endblock %}

<!-- this is a sample default web page template -->