D-Net

<div>

	<div class="input-group input-group-sm mb-3">

	    <input type="text" class="form-control" ng-model="conflictFilter" placeholder="Filter...">

	    <div class="input-group-append">

	    	<span class="input-group-text text-outline-primary" id="inputGroup-sizing-sm">Country:</span>

	        <button class="btn btn-outline-primary dropdown-toggle" data-toggle="dropdown">{{country}}</button>

			<div class="dropdown-menu">

				<small>

					<a class="dropdown-item" href="#!/suggestions/{{c}}/2" 

						ng-repeat="(c, vals) in info.byCountry"

						ng-if="vals.nConflicts > 0">

						{{c}} <span class="badge badge-danger float-right">{{vals.nConflicts}}</span>

					</a>

				</small>

			</div>

	    </div>

	</div>

	<div class="card text-white mb-3" ng-repeat="w in conflicts | filter:conflictFilter" class="mb-2">

		<div class="card-header bg-primary text-white py-1">Group {{$index+1}}</div>

		<table class="table table-sm">

			<tr ng-repeat="o in w">

				<th style="width:40px" class="text-center">#{{$index+1}}</th>

				<td><a href="#!/edit/0/{{o.id}}" title="{{o.id}}">{{o.name}}</a></td>

				<td style="width:250px"><img ng-src="resources/images/flags/{{o.country}}.gif" /> {{o.city}}, {{o.country}}</td>

				<td style="width:80px" class="text-right">{{o.type}}</td>

			</tr>

		</table>

		<div class="card-footer bg-secondary py-1">

			<button type="button" 

				class="btn btn-sm btn-primary" 

				data-toggle="modal" data-target="#resolveConflictsModal"

				ng-click="prepareConflictsModal(w)">resolve</button>

		</div>

	</div>

</div>

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