<div class="row">
	<div class="col-md-7">
		<h3> Jäsenlista (jäseniä {{members.length}})</h3>
	</div>
	<div class="col-md-3">
		<md-datepicker ng-model="datePicker" md-placeholder="Filter by date"></md-datepicker>
	</div>
	<div class="col-md-1 offset-md-1">		<!-- style="vertical-align: bottom;"-->
		<input type="button" value="Clear filter" class="btn btn-success" ng-click="clear_filter()" />
	</div>
</div>
<div>
	<input type="button" value="Lataa CSV" class="btn btn-info" ng-click="loadCSV()"/>
	<table id="choose-address-table" class="table table-striped">
	<thead>
		<tr class="ui-widget-header">
			<th>Sukunimi</th>
			<th>Etunimi</th>
			<th>Sähköposti</th>
			<th>AYY-jäsen</th>
			<th>JAS-listalla</th>
			<th>Asuinpaikka</th>
			<th>Lisätty</th>
			<th>Maksanut</th>
		</tr>
	</thead>
	<tbody>
		<tr ng-repeat="x in shown_members | orderBy: 'last_name'">
			<td>{{ x.last_name }}</td>
			<td>{{ x.first_name }}</td>
			<td>{{ x.email }}</td>
			<td>{{ x.AYY }}</td>
			<td>{{ x.jas }}</td>
			<td>{{ x.POR }}</td>
			<td>{{ x.created }}</td>
      <td>{{ x.paid }}</td>
      <td>
				<input type="button" value="Päivitä maksu" class="btn btn-success" ng-click="updatePayment(x.id)" />
			</td>
			<td>
                <a href="#/edit/{{x.id}}"<input type="button" value="Edit" class="btn btn-info">Muokkaa</input></a>
			</td>
			<td>
				<input type="button" value="Poista" class="btn btn-danger" confirmed-click="delete_member(x.id)" ng-confirm-click="Are you sure?"/>
			</td>
		</tr>
	</tbody>
	</table>
	<div class="row" id="tommy">
		<div class="col-sm-4">
			<a href="#/tommy">Tommy</a>
		</div>
	</div>
</div>
