{{if field.type=="textedit"}}
	<div class="item padW padHxsm lock {{if field.cssclass}}{{field.cssclass}}{{/if}}">
		<span class="db flL"
			{{if field.width}}style="width:calc(100% - {{field.width}}rem - 0.5rem);"{{/if}}
		>{{field.label}}</span>
		<input
			class="flR padWsm bF marL"
			name="{{field.name}}"
			placeholder="{{field.placeholder}}"
			value="{{field.value}}"
			{{if field.width}}style="width:{{field.width}}rem;"{{/if}}
		/></div>
{{/if}}
{{if field.type=="file"}}
	<div class="item padW padHxsm {{if field.cssclass}}{{field.cssclass}}{{/if}}">
		<span	{{if field.width}}style="width:calc(100% - {{field.width}}rem - 0.5rem);"{{/if}} >{{field.label}}</span>
		<input type="file" class="flR padWsm bF marL" name="{{field.name}}" placeholder="{{field.placeholder}}" value="{{field.value}}" {{if field.width}}style="width:{{field.width}}rem;"{{/if}} {{if field.multi}} multiple{{/if}}/></div>
{{/if}}
{{if field.type=="textarea"}}
	<div class="item padW padHxsm lock">
		<span class="db flL"
			{{if field.width}}style="width:calc(100% - {{field.width}}rem - 0.5rem);"{{/if}}
		>{{field.label}}</span>
		<textarea class="flR padWsm bF w100" name="{{field.name}}" {{if field.width}}style="width:{{field.width}}rem;"{{/if}}>{{field.value}}</textarea></div>
{{/if}}
{{if field.type=="loader"}}
	<div class="item padW padHxsm">
		<span>{{field.label}}</span>
		<div class="loader" {{if field.multi}}data-multi="1"{{/if}} data-name="{{field.name}}" data-id="" {{if field.add}}{{field.add}}{{/if}}></div>
		<script>GTM.init_loader();</script>
	</div>
{{/if}}
{{if field.type=="hidden"}}
	<input name="{{field.name}}" type="hidden" value="{{field.value}}"/>
{{/if}}
{{if field.type=="date"}}
	<div class="item padW padHxsm">
		<span
			{{if field.width}}style="width:calc(100% - {{field.width}}rem - 0.5rem);"{{/if}}
		>{{field.label}}</span>
		<input class="flR padWsm bF marL date" name="{{field.name}}" placeholder="{{field.placeholder}}" value="{{field.value}}" {{if field.id}}id="{{field.id}}"{{/if}} {{if field.width}}style="width:{{field.width}}rem;"{{/if}}/>
		<script>$('input.date:not(.dp)').addClass('dp').datepicker()</script>
	</div>
{{/if}}
{{if field.type=="label"}}
	<div class="item padW padHxsm lock">
		<span
			{{if field.width}}style="width:calc(100% - {{field.width}}rem - 0.5rem);"{{/if}}
		>{{field.label}}</span>
		<div class="flR padWsm marL tar"
			 {{if field.width}}style="width:{{field.width}}rem;"{{/if}}
			">{{field.value}}</div>
	</div>
{{/if}}
{{if field.type=="checkbox"}}
	<div class="item padW padHxsm {{if field.cssclass}}{{field.cssclass}}{{/if}}" {{if field.level}}style="padding-left:{{MUL("0.5"):item.level}}rem;"{{/if}}>{{field.label}} <input class="flR padWsm bF marL" type="checkbox" data-id="{{field.id}}" name="{{field.name}}" {{if field.func}}onclick="{{field.func}}($(this));"{{/if}} {{if field.value}}checked{{/if}}> </div>
{{/if}}
{{if field.type=="select"}}
	<div class="item padW padHxsm {{if field.cssclass}}{{field.cssclass}}{{/if}}">
		<span
			{{if field.width}}style="width:calc(100% - {{field.width}}rem - 0.5rem);"{{/if}}
		>{{field.label}}</span>
		<select class="flR padWsm bF marL" name="{{field.name}}" placeholder="{{field.placeholder}}" {{if field.id}}id="{{field.id}}"{{/if}} {{if field.width}}style="width:{{field.width}}rem;"{{/if}}>
			{{if field.empty_option}}
				<option value="" {{unless field.value}}selected{{/unless}}>{{field.empty_option}}</option>
			{{/if}}
			{{foreach item in field.list}}
				<option value="{{item.id}}" {{if item.id==field.value}}selected{{/if}}>{{item.name}}</option>
			{{/foreach}}
		</select>
	</div>
{{/if}}
{{if field.type=="submit"}}
	<div class="button flR marW marH blueB whiteT padFsm{{if field.action}} _action{{/if}} _load"
		 {{if field.func}}onclick="{{field.func}}($(this),event,{{JSON:field.args}});"{{/if}}
		 {{if field.id}} id="{{field.id}}"{{/if}}
		>{{field.label}}</div>
{{/if}}