<div class="table-wrapper">
	<table class="table table-bordered new-connection-table">
		<thead>
			<tr>
				<th scope="col" lmsg="admin.ldap.text.ldapattr_table">LDAP Attribute</th>
				<th scope="col" lmsg="admin.ldap.text.clarometa_table">Claromentis Metadata</th>
				<th scope="col" lmsg="admin.ldap.text.remove">Remove</th>
			</tr>
		</thead>
		<tbody>

			<tr ng-repeat="(claro, ldap) in meta.mappings track by $index">
				<td>{{ ldap }}</td>
				<td>{{ claro }}</td>
				<td>
					<a class="btn-close" href="" ng-click="meta.remove(claro)">
						<ion-icon name="close-outline"></ion-icon>
					</a>
				</td>
			</tr>

			<tr>
				<td>
					<select ng-show="meta.fetched" ng-options="item.name as item.name for item in meta.ldap" ng-model="meta.service.selectedLdap" class="form-control">
					</select>
				</td>
				<td>
					<select ng-show="meta.fetched" ng-options="meta.claro.indexOf(item) as item for item in meta.claro" ng-model="meta.selectedClaro" class="form-control">
					</select>
				</td>
				<td>
					<button ng-show="meta.fetched" class="btn btn-primary" ng-click="meta.add()" lmsg="admin.ldap.text.add_button">Add</button>
				</td>
			</tr>

		</tbody>
	</table>
</div>
