<div class="header">
	<div class="add right button vertical-container vertical-block clickable"
		ng-click="create.addDrive([node], templates.getActiveDrives(templates.active), templates.expanded)"><i class="fa fa-plus vertical-block"></i><span class="text vertical-block uppercase">apply</span></div>
</div>


<div class="vertical-container row template clickable"
	ng-repeat="template in templates.templates"
	ng-click="templates.expanded=template.name; templates.active = template.drives">
	<span class="name vertical-block"
		ng-class="{
			'text-bold expanded': templates.expanded == template.name
		}">{{::template.name}}</span>

	<div class="vertical-container row drive"
		ng-class="{
			'active': item.active
		}"
		ng-repeat="drive in templates.active"
		ng-if="templates.expanded==template.name">
		<span class="name text-italicize vertical-block">{{::drive.name}}</span>

		<div class="right vertical-block vertical-container control-panel"><!--
			--><div class="add button vertical-block clickable"
				ng-if="!drive.active"
				ng-click="drive.active=true"><i class="fa text-center fa-plus"></i></div><!--
			--><div class="subtract right button vertical-block clickable"
				ng-if="drive.active"
				ng-click="drive.active=false"><i class="fa text-center fa-minus"></i></div><!--
		--></div>
	</div>
</div>

