<div class="img-controller \{{size}}" ng-controller="image_controller">
	{{>control_name}}
	<div class="img-wrapper">

		<!-- thumbnail -->
		<img ng-bind="current_culture" ngf-thumbnail="context[terminatedkey]">

		<div class="img-dropper" ng-class="{'no-image': !context[terminatedkey]}" ngf-drop="upload($files)" ng-model="context[terminatedkey]" ngf-drag-over-class="'dragover'" tabindex="0">
			<div>
				<i class="fa fa-picture-o" aria-hidden="true"></i>
				<span>Paste or drop files here</span>
			</div>
		</div>

		<div class="tiny-controls">
			<i class="fa fa-link" ng-class="" ng-click="direct_input()"></i>
			<i class="fa fa-refresh" ngf-select="upload($file)" ng-model="context[terminatedkey]"></i>
			<i class="fa fa-trash" ng-class="{'hidden': context.length <= terminated_context.min}" ng-click="delete_image()"></i>
		</div>

		<div class="upload_progress" ng-class="{'loading': loading}"></div>

		<div class="direct-input">
			<div class="screen" ng-click="direct_input()"></div>
			<div>
				<input type="text" ng-model="context[terminatedkey]" placeholder="paste url here">
				<button class="btn small" ng-click="direct_input()">Set</button>
			</div>
		</div>
	</div>
</div>
