{{#extends "_layout"}}
  {{#override "menu"}}{{> _menu}}{{/override}}
  
       {{#override "content"}}
        {{#if saved}}
            {{l10n "Saved"}}
            <script type="text/javascript" src="{{asset "@CurrentStyle/js/autoclose.js"}}"></script>
        {{else}}
            {{#if key}}
                <h1 class="contenttitle">Edit an existing message:</h1>
            {{else}}
                <h1 class="contenttitle">Add new message:</h1>
            {{/if}}

            <br/>
            {{> _errors}}

            <form name="cannedForm" method="post" action="{{formaction}}">
                {{csrfTokenInput}}

                {{#unless key}}
                    <input type="hidden" name="lang" value="{{locale}}"/>
                    <input type="hidden" name="group" value="{{groupid}}"/>
                {{/unless}}

                <div class="form-wrapper">
                    <div class="form-header">
                        <div class="form-header-inwards"></div>
                    </div>

                    <div class="form-inwards">
                        <div class="form-fields">
                            <div class="field">
                                <label for="title-field" class="field-label">{{l10n "Title"}}</label>
                                <div class="field-value-no-description">
                                    <input id="title-field" type="text" name="title" class="wide" maxlength="100" value="{{formtitle}}"/>
                                </div>
                            </div>

                            <div class="field">
                                <label for="message" class="field-label">{{l10n "Message"}}</label>
                                <div class="field-value-no-description">
                                    <textarea id="message" name="message" cols="20" rows="5" class="wide">{{formmessage}}</textarea>
                                </div>
                            </div>

                            <div class="text-center">
                                <input type="submit" name="save" class="submitbutton" value="{{l10n "Save"}}"/>
                            </div>
                        </div>
                    </div>

                    <div class="form-footer">
                        <div class="form-footer-inwards"></div>
                    </div>
                </div>
            </form>

        {{/if}}
    {{/override}}
{{/extends}}