<div class="insertConditionsModal">
	<!-- Insert Conditions modal -->
	<div class="configureInsertConditionsModal" ng-class="{'picker-active': pickerActive}">
		<div class="modal-header tcenter">
			<button type="button" class="close" ng-click="close()">×</button>
			<h4>Einfügeoptionen</h4>
		</div>

		<div class="modal-body relative" style="min-height: 460px;">

			<div class="form m-2-bottom" ng-if="linkingDrops.length">
				<legend><h4 class="m-0-top">Verlinkungen</h4></legend>
				<div class="light m-1-bottom"><small>Dieses Drop ist von anderen Drops verlinkt worden und wird innerhalb dieser dargestellt (<a href="https://kreativkonzentrat.de/Wiki/dropper/details/layout#cmsanchor-dropsverknuepfen" target="_blank">Wiki</a>).</small></div>
				<div class="form-control alert alert-info p-05 m-0">
					<span class="drop-link btn btn-mini btn-primary m-025" ng-repeat="linkingDrop in linkingDrops" ng-click="utils.Drops.activateDrop(linkingDrop); close();"><i class="icon-link fs-1"></i> {{ linkingDrop._internal.name }}</span>
				</div>
			</div>

			<div class="m-2-bottom" ng-if="!state.isFrontendMode">
				<legend><h4 class="m-0-top">Position</h4></legend>
				<div class="light m-1-bottom"><small>Du kannst dein Drop auf einer beliebigen Stelle deines Shops einbinden. Lege hier die genaue Einfügeposition auf der Seite fest. Du kannst normale CSS-Selektoren zur Positionsbestimmung nutzen (<a href="https://kreativkonzentrat.de/Wiki/dropper/first-steps#cmsanchor-dropseinfuegen" target="_blank">Wiki</a>).</small></div>
				<kk-propertygrid class="form-horizontal well m-2-bottom" kk-model="drop._internal" kk-model-scope="drop._internal" kk-config="insertConditionConfig"></kk-propertygrid>
			</div>

			<div>
				<legend><h4 class="m-0-top">Darstellungsfilter</h4></legend>
				<div class="light m-1-bottom"><small>Du möchtest dieses Drop nur unter bestimmten Umständen anzeigen, bspw. in einer bestimmten Kategorie, einer bestimmten Sprache oder wenn ein Kunde eingeloggt ist? Darstellungsfilter können dir hierbei helfen (<a href="https://kreativkonzentrat.de/Wiki/dropper/details/einfuegemethoden#cmsanchor-darstellungsfilter" target="_blank">Wiki</a>).</small></div>
				<conditional kk-settings="drop._internal.conditionalSettings" kk-suggestions="conditionSuggestions"></conditional>
			</div>

		</div>

		<div class="modal-footer">
			<div class="btn-group">
				<div class="btn btn-primary" data-dismiss="modal" ng-click="validateConditionals(drop); close(drop);">Übernehmen</div>
				<div class="btn" ng-click="close()">Abbrechen</div>
			</div>
		</div>
	</div>

	<!-- Selector Picker -->
	<div class="selectorPickerModal" ng-class="{'active': pickerActive}">
		<div class="modal-header tcenter">
			<div class="close" ng-click="setPickerVisible(false)">×</div>
			<div class="selector-picker-url-controls">
				<input class="p50" type="text" ui-keypress="{enter: 'updatePickerUrl()'}" ng-model="selectorOption.inputUrl" placeholder="Url"/>
				<div class="btn btn-large" kk-tooltip="Picker an/aus<br>(Mittlere Maustaste / Scrollrad)" kk-tooltip-placement="bottom" ng-click="toggleSelectionMode()" ng-class="{'active': pickerSelectionMode}"><i class="icon-screenshot"></i></div>
			</div>
		</div>
		<div class="iframe-wrapper relative" ng-class="{'selector-picker-frame-loading': frameLoading}">
			<iframe ng-if="pickerActive" frameBorder="0" class="picker-frame zoom-level-0" ng-src="{{selectorOption.frameUrl}}" sandbox="allow-same-origin allow-scripts allow-popups allow-forms"></iframe>
			<div class="selector-picker-frame-loader"></div>
		</div>
	</div>
</div>