D-Net

				<th class="col-7">Organization</th>

				<th class="col-3">Place</th>

				<th class="col-1 text-right"># duplicates</th>

				<th class="col-1"></th>

				<td class="col-7"><a href="#!/edit/0/{{d.id}}" title="{{d.id}}">{{d.name}}</a></td>

				<td class="col-3"><img ng-src="resources/images/flags/{{d.country}}.gif" /> {{d.city}}, {{d.country}}</td>

				<td class="col-1 text-right">{{d.numberOfDuplicates}}</td>

				<td class="col-1 text-right"><button class="btn btn-sm btn-primary" ng-click="prepareDuplicatesModal(d)" data-toggle="modal" data-target="#duplicatesModal">evaluate</button></td>

<div class="modal fade" id="duplicatesModal" tabindex="-1" role="dialog">

	<div class="modal-dialog modal-xl" role="document">

		<div class="modal-content">

			<div class="modal-header">

				<h5 class="modal-title">{{currentOrg.name}}</h5>

				<button type="button" class="close" data-dismiss="modal">&times;</button>

			</div>

			<div class="modal-body" ng-if="currentDuplicates.length == 0">

				No duplicates

			</div>

			<table class="table table-sm mt-2"  ng-if="currentDuplicates.length > 0">

				<thead>

					<tr class="d-flex">

						<th class="col-4 pl-3" style="border-top: none;">Related organization</th>

						<th class="col-1 text-center" style="border-top: none;">Acronym</th>

						<th class="col-2 text-center" style="border-top: none;">Country</th>

						<th class="col-3" style="border-top: none;">Source</th>

						<th class="col-2" style="border-top: none;"></th>

					</tr>

				</thead>

				<tbody>

					<tr class="d-flex" ng-repeat="sr in currentDuplicates">

						<td class="col-4 pl-3">

							{{sr.oaName}}

							<span class="small" ng-if="sr.oaUrl" ><br /><b>URL: </b><a href="{{sr.oaUrl}}" target="_blank">{{sr.oaUrl}}</a></span>

						</td>

						<td class="col-1 text-center small">{{sr.oaAcronym}}</td>

						<td class="col-2 text-center small"><img ng-src="resources/images/flags/{{sr.oaCountry}}.gif" /> {{sr.oaCountry}}</td>

						<td class="col-3 small">

							<b>Collected from:</b> {{sr.oaCollectedFrom}}<br />

							<b>Original Id:</b> <span class="text-monospace">{{sr.oaOriginalId}}</span>

						</td>

						<td class="col-2 text-right">

							<div class="btn-group btn-group-toggle btn-group-sm" data-toggle="buttons">

								<label class="btn" ng-class="{'btn-danger' : sr.relType == 'is_different', 'btn-outline-danger' : sr.relType != 'is_different'}">

									<input type="radio" autocomplete="off" ng-model="sr.relType" value="is_different" ng-class="{'active' : sr.relType == 'is_different'}"><i class="fas fa-times fa-fw"></i>

								</label>

								<label class="btn" ng-class="{'btn-info' : sr.relType == 'suggested', 'btn-outline-info' : sr.relType != 'suggested'}">

									<input type="radio" autocomplete="off" ng-model="sr.relType" value="suggested" ng-class="{'active' : sr.relType == 'suggested'}"><i class="fas fa-question fa-fw"></i>

								</label>

								<label class="btn" ng-class="{'btn-success' : sr.relType == 'is_similar', 'btn-outline-success' : sr.relType != 'is_similar'}">

									<input type="radio" autocomplete="off" ng-model="sr.relType" value="is_similar" ng-class="{'active' : sr.relType == 'is_similar'}"/><i class="fas fa-check fa-fw"></i>

								</label>

							</div>		

						</td>

					</tr>

				</tbody>

			</table>

			<div class="modal-footer">

				<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

				<button type="button" class="btn btn-primary" data-dismiss="modal" ng-click="saveCurrentDuplicates()" ng-if="currentDuplicates.length > 0">Save changes</button>

			</div>

		</div>

	</div>

</div>