{% 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: 400px;">
		<tr>
			<th>Member Name</th>
			<th>Member Email</th>
		</tr>
		{% for user in members %}
		    <tr>
		    	<td>{{ frappe.db.get_value('User', user.user, 'full_name') }}</td>
		    	<td>{{ frappe.db.get_value('User', user.user, 'email') }}</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>

<div class="form-wrapper">
	<div class="row">
		<div class="col-lg-6">
			<form method="post" action="/post-comments.html?name={{ name }}">
				<div class="form-group">
					<label for="name">Enter Name</label>
					<input type="text" class="form-control" placeholder="Enter Name" name="name" value= "{{ frappe.session.user }}" />
				</div>
				<div class="form-group">
				<label for="">Enter Comment</label>
					<textarea class="form-control" placeholder="Enter your comment"></textarea>
				</div>
				<div class="filed-wrap"><button class="btn-primary btn" type="submit">Post comment</button></div>
			</form>
		</div>
	</div>
</div>

{% endblock %}

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