<div class="modal" v-if="active_modal == 'support'" v-cloak>
  <div class="modal-wrapper">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="btn btn-icon btn-light btn-round close" v-on:click="close_modal()">
            <span class="icon icon-cross-1"></span>
          </button>
          <h4 class="modal-title">Send Feedback</h4>
        </div>

        <div class="modal-body">
          <div class="modal-section">

            <p>
              Have a question, feedback or an idea for improvement? Send us a quick message using the box below and we'll get back to you as soon as possible.
            </p>

            <div class="form-group">
              <textarea v-model="feedback_text" class="input" autofocus></textarea>
            </div>

            <div class="form-group">
              <button class="btn btn-primary btn-round btn-sm" v-on:click="send_feedback(feedback_text)">Send Feedback</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>