<div class="modal-header" >
	<h4 class="modal-title" id="myModalLabel">You are merging the following insights</h4>
</div>

<div class="modal-body">
  	<p class="w-insight-to-merge-text" ng-repeat="insightToMerge in insightMergeOperation.insightsToMerge">{{insightToMerge.text}}</p>
</div>
<div class="modal-body">
  	<textarea class="merge-text-input w-text-of-new-insight" required type="text" placeholder="Type here the new insight's text" ng-model='insightMergeOperation.newTextOfMergedInsight'></textarea>

  	<p>
  		New number of reviews: {{ insightMergeOperation.getNewNumberOfReviewIds() }}
  	</p>
  	<p>
  		New number of call center data: {{ insightMergeOperation.getNewNumberOfCallCenterIds() }}
  	</p>

</div>
<div class="modal-footer">
 	 <button class="btn btn-default w-reset-merge" type="button" ng-click="cancel()">Close</button>
 	 <button class="btn btn-go w-apply-merge" type="button" ng-click="ok()">Save changes!</button>
</div>