<tr class="ConfigField" id="productFieldTR_{{ ProductFieldKey|safe }}">
	<td>
		<span style="margin-left:10px;">
			{% lang 'ConfigurableField' %} #<span class="FieldNumber">{{ ProductFieldNumber|safe }}</span>:
		</span>
	</td>
	<td>
		<select name="productFieldType[{{ ProductFieldKey|safe }}]" class="productFieldType form-control" onchange="ToggleFieldFileType(this.value, {{ ProductFieldKey|safe }})">
			<option value="text" {{ ProductFieldTypeText|safe }}>{% lang 'ShortText' %}</option>
			<option value="textarea" {{ ProductFieldTypeTextarea|safe }}>{% lang 'Textarea' %}</option>
			<option value="file" {{ ProductFieldTypeFile|safe }}>{% lang 'File' %}</option>
			<option value="checkbox" {{ ProductFieldTypeCheckbox|safe }}>{% lang 'Checkbox' %}</option>
			<option value="select" {{ ProductFieldTypeSelect|safe }}>{% lang 'SelectBox' %}</option>
		</select>
	</td>
	<td>
		<input name="productFieldName[{{ ProductFieldKey|safe }}]" value="{{ ProductFieldName|safe }}"  class="productFieldName form-control {{ FieldNameClass|safe }}" onfocus = "HideFieldHelpText(this);" onblur = "ShowFieldHelpText(this, '{% lang 'FieldName' %}');"/>
		<input name="productFieldId[{{ ProductFieldKey|safe }}]" value="{{ ProductFieldId|safe }}"  class="productFieldId" type="hidden" />
	</td>
	<td>
		<input class="productFieldRequired" name="productFieldRequired[{{ ProductFieldKey|safe }}]" id="productFieldRequired_{{ ProductFieldKey|safe }}" type="checkbox" style="margin-right:15px;" {{ ProductFieldRequired|safe }} /><label for="productFieldRequired_{{ ProductFieldKey|safe }}">{% lang 'Required' %}?</label>
	</td>
	<td>
		<div style="{{ HideFieldFileType|safe }}" id="FileTypeContainer_{{ ProductFieldKey|safe }}">
			<input name="productFieldFileType[{{ ProductFieldKey|safe }}]" value="{{ ProductFieldFileType|safe }}" size="12"  class="productFieldFileType form-control  {{ FileTypeClass|safe }}"  onfocus = "HideFieldHelpText(this);" onblur = "ShowFieldHelpText(this, '{% lang 'FieldFileType' %}');" />

			<input name="productFieldFileSize[{{ ProductFieldKey|safe }}]" value="{{ ProductFieldFileSize|safe }}" size ="4"  class="productFieldFileSize form-control {{ FileSizeClass|safe }}"  onfocus = "HideFieldHelpText(this);"   onblur = "ShowFieldHelpText(this, '{% lang 'FieldFileSize' %}');" /> KB
		</div>
		<div style="{{ HideFieldSelectOptions|safe }}" id="SelectOptionsContainer_{{ ProductFieldKey|safe }}">
			<input name="productFieldSelectOptions[{{ ProductFieldKey|safe }}]" value="{{ ProductFieldSelectOptions }}" class="productFieldSelectOptions form-control {{ SelectOptionsClass|safe }}"  onfocus = "HideFieldHelpText(this);" onblur = "ShowFieldHelpText(this, '{% lang 'FieldSelectOptions' %}');" />
		</div>
	</td>
	<td align="left">
		<a href="#" class="btn btn-success btn-sm" onclick="return AddProductField({{ ProductFieldKey|safe }});" style="border-radius: 50%; padding: 0; width: 20px; height: 20px;">
			<svg viewBox="0 0 24 24" width="13" height="13" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
		</a>
		<a href="#" class="btn btn-danger btn-sm" onclick="return DelProductField({{ ProductFieldKey|safe }});" style="border-radius: 50%; padding: 0; width: 20px; height: 20px;display: {{ HideProductFieldDelete|safe }};">
			<svg viewBox="0 0 24 24" width="13" height="13" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><line x1="5" y1="12" x2="19" y2="12"></line></svg>
		</a>
	</td>
</tr>