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-6 pl-3" style="border-top: none;">Related organization</th>

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

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

			</tr>

		</thead>

		<tbody>

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

				<td class="col-6 pl-3">{{sr.name}}<br /><a href="#!/edit/0/{{sr.id}}" class="small text-monospace">{{sr.id}}</a></td>

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

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

			</tr>

		</tbody>

	</table>

	<div class="card-footer text-right" ng-if="showSaveButton && conflicts.length > 0">

		<button class="btn btn-sm btn-primary" data-toggle="modal" data-target="#resolveConflictsModal" ng-click="prepareConflictsModal()">resolve conflicts</button>

	</div>

</div>

<resolve-conflicts-modal modal-id="resolveConflictsModal" orgs="candidateConflicts" selected-orgs="selectedConflicts"></resolve-conflicts-modal>