D-Net

<div class="card mb-3">

	<div class="card-header bg-primary text-white py-1">Conflicts</div>

	<div class="card-body text-muted" ng-if="conflicts.length == 0">No conflicts</div>

	<table class="table table-sm mt-2" ng-if="conflicts.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;">Type</th>

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

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

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

			</tr>

		</thead>

		<tbody>

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

				<td class="col-4 pl-3">{{sr.name}}</td>

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

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

				<td class="col-3 small"><a href="#!/edit/0/{{sr.id}}"><span class="text-monospace">{{sr.id}}</span></a></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="card-footer text-right" ng-if="showSaveButton && conflicts.length > 0">

		<button class="btn btn-sm btn-primary" ng-click="saveFunction()">todo</button>

	</div>

</div>