<div id="item-attributes-form-modal" class="modal modal-fixed-footer" style="max-height: 100%" <%=(App.rtl ? 'style="direction:rtl"' : '' ) %>
    <div></div>
    <div class="modal-content">
        <div id="item-attributes-form-content">
            <div style="padding-bottom: 50px">
                <h4 style="font-size: 1.2rem">{Literal}POS Station{/Literal}</h4>
            </div>
            <form>
                <div class="row">
                    <div class="input-field col s12 m6">
                        <label class="active" for="posStationId">{Literal}Id{/Literal}</label>
                        <input disabled id="posStationId" name="posStationId" type="text"
                            value="<%= posStation.id %>" class="materialize-textarea"></input>
                        <span class="helper-text"
                            data-error="{Literal}This field can't be empty or contain special characters{/Literal}"></span>
                    </div>
                </div>
                <div class="row">
                    <div class="input-field col s12 m6">
                        <label class="active" for="posStationName">{Literal}Name{/Literal}</label>
                        <input id="posStationName" name="posStationName" type="text"
                            value="<%= posStation.name %>" class="materialize-textarea"></input>
                        <span class="helper-text"
                            data-error="{Literal}This field can't be empty or contain special characters{/Literal}"></span>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div class="modal-footer">
        <a href="javascript:void(0)"
            class="waves-effect waves-green btn green left save-button">{Literal}Save{/Literal}</a>
        <a href="javascript:void(0)"
            class="modal-close waves-effect waves-light left btn-flat">{Literal}Cancel{/Literal}</a>
    </div>
</div>