{{#modal-dialog action="closeModal"}}
  <div class='card'>
    <div class='text-content'>
      {{#if report.error}}
        <div class='error subwindow_notice'>
          {{i18n 'Error'}}
        </div>
      {{/if}}
      <div class='content-header'>
        <h4>{{reportTitle}}</h4>
      </div>
      {{#if report.isLoading}}
        <div class="item align-center">
          <span class='loading-spinner'></span>
        </div>
      {{else}}
        <div class="item">
          <label>{{i18n 'Select Reason'}}</label>
          <select onchange={{action "selectReportReason" value="target.value"}}>
            {{#each report.reasons as |reason|}}
              <option value="{{reason.value}}">{{reason.text}}</option>
            {{/each}}
          </select>
        </div>
        <div class="item">
          <label>{{i18n 'Description'}} ({{i18n 'required'}})</label>
          {{textarea value=report.description class='full-width mg-b-0 mg-t-1'}}
        </div>
        <div class="buttons">
          <button class="button button--text" {{action 'closeModal'}}>{{i18n "Cancel"}}</button>
          {{#if (and report.description report.reason)}}
            <button class="button" {{action 'reportCommunity'}}>{{i18n "Send"}}</button>
          {{else}}
            <button class="button" disabled="disabled">{{i18n "Send"}}</button>
          {{/if}}
        </div>
      {{/if}}
    </div>
  </div>
{{/modal-dialog}}
