<div id="style-{{id}}" class="amoforms__fields__row full amoforms__fields__row-submit">
    <div class="amoforms__fields__row-view">
        <div class="amoforms__fields__row__submit amoforms_submit_button"><div class="amoforms__fields__editor__row__actions input_buttons">
            <span class="amoforms__fields__editor__row__actions__action amoforms__fields__editor__row__actions__action-edit" data-text="Edit">Edit</span>
        </div><span class="amoforms__form_submit_btn_text">{{text}}</span></div>
    </div>

    <div class="amoforms__fields__edit amoforms__fields__edit-submit" style="margin-bottom:-61px;display:none">
        <div class="amoforms__fields__edit__row">
            <div class="amoforms__fields__edit__descr">Button name</div>
            <input
                    type="text"
                    class="amoforms__text-input amoforms__fields__edit__input"
                    name="form[settings][submit][text]"
                    placeholder="Button name"
                    maxlength="30"
                    value="{{text}}"
            >
        </div>
        <div class="amoforms__styles__edit__row">
        <input type="hidden" name="style[id]" value="{{id}}">
        <input type="hidden" name="style[type]" value="submit">
        <input type="hidden" name="style[is_type_style]" value="true">
        {{#style}}
            <div class="amoforms__styles_editor__colors_wrapper">
                <div class="amoforms__fields__edit__descr amoforms__fields__edit__descr-placeholder">Background Color</div>
                <input
                        type="text"
                        class="amoforms__text-input amoforms__fields__edit__input amoforms__colorsetting"
                        name="style[elements][submit_button][background-color]"
                        title="Background color"
                        value="{{background-color}}"
                >
                <div class="amoforms__fields__edit__descr amoforms__fields__edit__descr-placeholder">Border Color</div>
                <input
                        type="text"
                        class="amoforms__text-input amoforms__fields__edit__input amoforms__colorsetting"
                        name="style[elements][submit_button][border-color]"
                        title="Border Color"
                        value="{{border-color}}"
                >
                <div class="amoforms__fields__edit__descr amoforms__fields__edit__descr-placeholder">Color</div>
                <input
                        type="text"
                        class="amoforms__text-input amoforms__fields__edit__input amoforms__colorsetting"
                        name="style[elements][submit_button][color]"
                        title="Color"
                        value="{{color}}"
                >
            </div>
            <!--Visual Margin Editor-->
            <div id="submit_button" class="amoforms__styles_editor__visual_wrapper">
                <div class="amoforms__fields__edit__descr">Box Model  <div class="amoforms__visual_hint tooltip-visual" title="You can use all CSS units of measurement like: <br> <ul><li>• em</li><li>• ex</li><li>• px</li><li>• %</li><li>• auto</li></ul> Pay attention that you need to set unit of measurement after number correctly."> </div>
                </div>
                <div class="js-style-visual amoforms__styles_editor__margin">
                    <label class="amoforms__styles_editor__label">Margin</label>
                    <input name="style[elements][submit_button][margin-top]" type="text" class="amoforms__styles_editor_input margin-top">
                    <input name="style[elements][submit_button][margin-right]" type="text" class="amoforms__styles_editor_input margin-right">
                    <input name="style[elements][submit_button][margin-bottom]" type="text" class="amoforms__styles_editor_input margin-bottom">
                    <input name="style[elements][submit_button][margin-left]" type="text" class="amoforms__styles_editor_input margin-left">
                </div>
                <div class="js-style-visual amoforms__styles_editor__border">
                    <label class="amoforms__styles_editor__label">Border</label>
                    <input name="style[elements][submit_button][border-top]" type="text" class="amoforms__styles_editor_input border-top">
                    <input name="style[elements][submit_button][border-right]" type="text" class="amoforms__styles_editor_input border-right">
                    <input name="style[elements][submit_button][border-bottom]" type="text" class="amoforms__styles_editor_input border-bottom">
                    <input name="style[elements][submit_button][border-left]" type="text" class="amoforms__styles_editor_input border-left">
                </div>
                <div class="js-style-visual amoforms__styles_editor__padding">
                    <label class="amoforms__styles_editor__label">Padding</label>
                    <input name="style[elements][submit_button][padding-top]" type="text" class="amoforms__styles_editor_input padding-top">
                    <input name="style[elements][submit_button][padding-right]" type="text" class="amoforms__styles_editor_input padding-right">
                    <input name="style[elements][submit_button][padding-bottom]" type="text" class="amoforms__styles_editor_input padding-bottom">
                    <input name="style[elements][submit_button][padding-left]" type="text" class="amoforms__styles_editor_input padding-left">
                </div>
                <div class="js-style-visual amoforms__styles_editor__field">
                    <label class="amoforms__styles_editor__label">Content</label>
                </div>
                <input
                        type="hidden"
                        class="amoforms__text-input amoforms__fields__edit__input amoforms__padding_value"
                        name="style[elements][submit_button][padding]"
                        title="Padding"
                        value="{{padding}}"
                >
                <input
                        type="hidden"
                        class="amoforms__text-input amoforms__fields__edit__input amoforms__margin_value"
                        name="style[elements][submit_button][margin]"
                        title="Margin"
                        value="{{margin}}"
                >
                <input
                        type="hidden"
                        class="amoforms__text-input amoforms__fields__edit__input amoforms__border_value"
                        name="style[elements][submit_button][border-width]"
                        title="Border width"
                        value="{{border-width}}"
                >
            </div>
            <!--Visual Margin Editor-->

            <div class="clearfix"></div>
            {{#border-radius}}
                <div class="style_wrapper">
                    <div class="amoforms__fields__edit__descr amoforms__fields__edit__descr-placeholder">Border Radius</div>
                    <input
                            type="text"
                            class="amoforms__text-input amoforms__fields__edit__input"
                            name="style[elements][submit_button][border-radius]"
                            title="Border radius"
                            value="{{.}}"
                    >
                </div>
            {{/border-radius}}
            {{#border-style}}
                <div class="style_wrapper">
                    <div class="amoforms__fields__edit__descr amoforms__fields__edit__descr-placeholder">Border Style</div>
                    <select class="amoforms__select__input" data-border="{{.}}" title="Border Style" name="style[elements][submit_button][border-style]">
                        <option value="solid">Solid</option>
                        <option value="dashed">Dashed</option>
                        <option value="dotted">Dotted</option>
                        <option value="double">Double</option>
                        <option value="groove">Groove</option>
                        <option value="ridge">Ridge</option>
                        <option value="inset">Inset</option>
                        <option value="outset">Outset</option>
                    </select>
                </div>
            {{/border-style}}
            {{#font-size}}
                <div class="style_wrapper">
                    <div class="amoforms__fields__edit__descr amoforms__fields__edit__descr-placeholder">Font Size</div>
                    <input
                            type="text"
                            class="amoforms__text-input amoforms__fields__edit__input"
                            name="style[elements][submit_button][font-size]"
                            title="Font Size"
                            value="{{.}}"
                    >
                </div>
            {{/font-size}}
            {{#font-weight}}
                <div class="style_wrapper">
                    <div class="amoforms__fields__edit__descr amoforms__fields__edit__descr-placeholder">Font Weight</div>
                    <select class="amoforms__select__input" data-weight="{{.}}" title="Font Weight" name="style[elements][submit_button][font-weight]">
                        <option style="font-weight: normal" value="normal">Normal</option>
                        <option style="font-weight: bold" value="bold">Bold</option>
                    </select>
                </div>
            {{/font-weight}}
            {{#font-family}}
                <div class="style_wrapper">
                    <div class="amoforms__fields__edit__descr amoforms__fields__edit__descr-placeholder">Font Family</div>
                    <select class="amoforms__select__input" data-family="{{.}}" title="Font Family" name="style[elements][submit_button][font-family]">
                        <option style="font-family: 'PT Sans', sans-serif" value="PT Sans">PT Sans</option>
                        <option style="font-family: 'Arial', sans-serif" value="Arial">Arial</option>
                        <option style="font-family: 'Courier New', monospace" value="Courier New">Courier New</option>
                        <option style="font-family: 'Georgia', serif" value="Georgia">Georgia</option>
                        <option style="font-family: 'Lucida Console', monospace" value="Lucida Console">Lucida Console</option>
                        <option style="font-family: 'Tahoma', sans-serif" value="Tahoma">Tahoma</option>
                        <option style="font-family: 'Times New Roman', serif" value="Times New Roman">Times New Roman</option>
                        <option style="font-family: 'Verdana', sans-serif" value="Verdana">Verdana</option>
                    </select>
                </div>
            {{/font-family}}
            {{#height}}
                <div class="style_wrapper">
                    <div class="amoforms__fields__edit__descr amoforms__fields__edit__descr-placeholder">Height</div>
                    <input
                            type="text"
                            class="amoforms__text-input amoforms__fields__edit__input"
                            name="style[elements][submit_button][height]"
                            title="Height"
                            value="{{.}}"
                    >
                </div>
            {{/height}}
            {{#width}}
                <div class="style_wrapper">
                    <div class="amoforms__fields__edit__descr amoforms__fields__edit__descr-placeholder">Width</div>
                    <input
                            type="text"
                            class="amoforms__text-input amoforms__fields__edit__input"
                            name="style[elements][submit_button][width]"
                            title="Width"
                            value="{{.}}"
                    >
                </div>
            {{/width}}
        {{/style}}
        </div>
        <div class="amoforms__fields__edit__actions">
            <button class="amoforms__button-input js-amoforms-field-save">Save</button><!--
		 --><button class="amoforms__button-input-cancel js-amoforms-field-cancel">Cancel</button>
            <button class="amoforms__button-input-reset js-amoforms-style-reset">Reset</button>
        </div>
    </div>
</div>