<div class='text-content'>
  <div class='content-header'>
    <h4>
      {{i18n 'Ignore'}} {{username}}
    </h4>
    <div class='sub-text'>
      <p>{{i18n "You've chosen to ignore this user from chatting or whispering you. Please tell us your concern with this user to determine whether there has been a violation of the terms of service."}}</p>
      <p class='link'><a href="{{termsOfServiceUrl}}" {{action 'openTermsOfService'}}>{{i18n 'View the Terms of Service.'}}</a></p>
    </div>
  </div>
  <div class='reason-section'>
    <div class='reason-select'>
      <div class='header'>
        <label for='reason'>{{i18n 'Select Reason'}}</label>
        {{#if didSubmitEmptyForm}}
          <span class='error'>
            {{i18n 'Please select a reason'}}
          </span>
        {{/if}}
      </div>
      <select class="field" id="reason" name="reason">
        <option value='0' selected>{{i18n 'Select one..'}}</option>
        <option value='Harassment'>{{i18n 'Harassment'}}</option>
        <option value='Spam'>{{i18n 'Spam'}}</option>
        <option value=''>{{i18n 'Other'}}</option>
      </select>
    </div>
  </div>
  <div class='buttons'>
    <button class='qa-ignore__button button' {{action 'sendReason'}}>{{i18n 'Send'}}</button>
  </div>
</div>
