<div ng-controller="allPatientsController as list">
<table align="center" valign="middle">
<tbody ng-repeat="patient in patients | orderBy:'-fname'">
<tr style="height:55px; font-size:20px; margin-left:20px; margin-right:20px; valign="middle"; >
<td>
<span style="height:55px; font-size:20px; margin-left:20px; margin-right:20px; valign="middle";>{{patient.fname}} {{patient.sname}}</span>
</td>
<td>
<span style="height:55px; font-size:20px; margin-left:20px; margin-right:20px; valign="middle";>{{patient.address}}</span>
</td>
<td>
<span class="glyphicon glyphicon-phone"></span>
{{patient.contact}}
</td>
<td>
<span class="glyphicon glyphicon-calendar"></span>
{{patient.date}}
</td>
<td>

<span style="height:55px; font-size:20px; margin-left:20px; margin-right:20px; valign="middle";>


<button type="button" class="btn btn-default" ng-click="delete(patient._id)">
<span class="glyphicon glyphicon-remove"></span> Remove
</button>
<button type="button" class="btn btn-default" ng-click="update(patient)">
<span class="glyphicon glyphicon-edit"></span> Edit
</button>
</span>
</td>
</tr>
</tbody>
</table>
<ul>
<li>
<input type="tel" id="contact"  ng-model="current.contact" value="{{current.contact}}" />
<input type="text" id="address" ng-model="current.address" value="{{current.address}}" />
</li>
<li>
<button ng-click= "save(current._id)">Save</button>
</li>
</ul>
</div>