{% extends "layouts/base.html" %}

{% block body %}

  <div class="govuk-grid-row">

    <div class="govuk-grid-column-one-half">

      <h1 class="govuk-heading-l">Rich text editor</h1>

      <form>
          {{ govukInput({
            label: {
              text: 'Předmět'
            },
            id: 'subject',
            name: 'subject',
            value: question.subject,
            errorMessage: inlineErrors.subject
          }) }}

          {{ govukTextarea({
            classes: 'js-editor',
            label: {
              text: 'Otázka'
            },
            id: 'body',
            name: 'body',
            value: question.body,
            errorMessage: inlineErrors.body
          }) }}

          {{ govukButton({
            text: 'Uložit otázka'
          }) }}
      </form>
    </div>
  </div>
{% endblock %}

{% block pageScripts %}

  <script>
    new mspFrontend.RichTextEditor({
      textarea: $('.js-editor')
    });
  </script>

{% endblock %}