D-Net

<div class="modal fade" id="{{modalId}}" tabindex="-1" role="dialog">

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

		<div class="modal-content">

			<div class="modal-header">

				<h5 class="modal-title">Resolve conflicts</h5>

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

			</div>

			<div class="modal-body" style="min-height: 300px">

				<div class="row">

					<div class="col-6">

						<div ng-repeat="o in orgs" ng-show="o.show != 'hidden'">

							<org-details org="o" org-title="Organization {{$index+1}}" show="{{o.show}}"></org-details>

							<div class="text-right mb-3">

								<button type="button" class="btn btn-sm btn-primary" ng-click="selectOrg(o)">select >></button>

							</div>

						</div>

					</div>

					<div class="col-6">

						<div ng-repeat="o in selectedOrgs" ng-hide="o.show == 'hidden'">

							<org-details org="o" org-title="Organization {{$index+1}}" show="{{o.show}}"></org-details>

						</div>

						<button type="button" class="btn btn-sm btn-secondary" ng-click="reset()" ng-if="selectedOrgs.length > 0">reset</button>

						<button type="button" class="btn btn-sm btn-primary" ng-click="createGroup()" ng-if="selectedOrgs.length > 1">create group</button>

					</div>

				</div>

			</div>

			<div class="modal-footer">

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

			</div>

		</div>

	</div>

</div>