{{if w==null}}
{{widget_id=queries['widget_id']}}
	{{w=widget_by_id widget_id}}
{{end}}
{{if w==null}}
Error accessing data, please refresh the page
{{else}}
{{# handle the case where a device does not have any features and status and controls are on the root}}
{{feature_count=0}}
{{for feature in w.all_features_temp}}
	{{feature_count=feature_count+1}}
{{end}}				   
<div class="row">
	<div class="col-12 text-center">
		<b>Features</b>
	</div>
</div>
{{count=1}}
{{for f in w.all_features_temp}}
	{{for feature in w.all_features_temp}}
		{{if feature.order==count-1}}
		<div id="order_{{count}}" style="border-bottom: 1px solid #dee2e6" class="row no-gutters">			
			<div class="col-md-2 mb-1">
				<span class="switch">
					<label>									
					<input type="checkbox" id="show_feature_{{w.id}}!{{feature.ref}}" name="show_feature!{{feature.ref}}" {{if feature.show_feature}}checked{{end}}>
					<span class="lever"></span>
					</label>
				</span>	
			</div>
			<div class="col-md-1 mb-1">
				<img src='{{status_image_file feature.ref}}' width='24' height='24' >
			</div>
			<div class="col-md-3 mb-1">
				{{feature_name feature.ref}}
			</div>
			<div class="col-md-6 mb-1 text-right">
				{{if count>1}}
					<i class="fas fa-fw fa-point fa-arrow-up mr-4" widget_id="{{w.id}}" action="move_feature_up" featureref='{{feature.ref}}' index='{{count-1}}'></i>
					{{if count==(array.size w.all_features_temp)}}
					<i class="fas fa-point fa-fw mr-4" ></i>
					{{end}}
				{{else}}
					<i class="fas fa-point fa-fw mr-4" ></i>
				{{end}}
				{{if count<(array.size w.all_features_temp)}}
					<i class="fas fa-fw fa-point fa-arrow-down mr-4" widget_id="{{w.id}}" action="move_feature_down" featureref='{{feature.ref}}' index='{{count-1}}'></i>
				{{end}}
							
			</div>
		</div>
		{{end}}		
	{{end}}
	{{count=count+1}}
{{end}}
{{end}}