Page: {{orgs.number + 1}} / {{orgs.totalPages}}<br />
Total elements: {{orgs.totalElements}}<br />
Searching for: {{fieldValue}}

<nav>
	<ul class="pagination justify-content-center">
		<li class="page-item" ng-class="{'disabled' : orgs.first }">
			<a class="page-link" href="#!{{basepath}}/{{orgs.number - 1}}/{{orgs.size}}/{{fieldValue}}" tabindex="-1" aria-disabled="true">&laquo; Previous</a>
		</li>
		<li class="page-item" ng-class="{'disabled' : orgs.last }">
			<a class="page-link" href="#!{{basepath}}/{{orgs.number + 1}}/{{orgs.size}}/{{fieldValue}}">Next &raquo;</a>
    	</li>
	</ul>
</nav>


<table class="table table-sm table-hover">
	<thead class="thead-light">
		<tr class="d-flex">
			<th class="col-6">Organization name</th>
			<th class="col-4">Place</th>
			<th class="col-1 text-center">Acronyms</th>
			<th class="col-1 text-right">Types</th>
		</tr>
	</thead>
	<tbody>
		<tr ng-repeat="o in orgs.content" class="d-flex">
			<td class="col-6"><a href="#!/metadata/{{o.id}}" title="{{o.id}}">{{o.name}}</a></td>
			<td class="col-4"><img ng-src="images/flags/{{o.country}}.gif" /> {{o.city}}, {{o.country}}</td>
			<td class="col-1 text-center">{{o.acronyms.join()}}</td>
			<td class="col-1 text-right">{{o.types.join()}}</td>
		</tr>
	</tbody>
</table>