<div>
    {{#unless error}}
    <div class="card" style="margin: 10px">
        <div class="card-content">
            <p>
                {{langString "supportChat.introduction"}}
            </p>
        </div>
        <div class="card-action">
            <a href="#supportChat" class="waves-effect">Chat Support</a>
        </div>
    </div>
    <div>
        {{langString "supportChat.feedbackHeading"}}
    </div>
    {{/unless}}
    <div class="input-field">
        <textarea id="feedback" class="materialize-textarea" placeholder="{{langString "feedback.feedbackPlaceholder"}}" style="padding: 0px">{{lastFeedback}}</textarea>
    </div>
    {{#if email}}
    <div>
        <div>{{personalizedEmailAgreement}}</div>
        <p style="display: inline-block;">
            <input name="agreement" type="radio" id="agree" checked>
            <label for="agree">{{langString "feedback.yes"}}</label>
        </p>
        <p style="display: inline-block;">
            <input name="agreement" type="radio" id="deny">
            <label for="deny">{{langString "feedback.no"}}</label>
        </p>
    </div>
    {{else}} 
    <div>{{langString "feedback.emailExplanation"}}</div>
    <div class="input-field">
        <textarea id="email" class="materialize-textarea" placeholder="{{langString "feedback.emailPlaceholder"}}" style="padding: 0px">{{emailCache}}</textarea>
    </div>
    {{/if}}
    <a class="waves-effect btn {{#if disableSending}}disabled{{/if}}" id="button-send">{{langString "feedback.sendButton"}}</a>
    <p>{{langString "feedback.debugInfoHeader"}}</p>
    <pre style="white-space: pre-wrap; word-wrap: break-word">{{debugInfo}}</pre>
</div>