{{#modal-dialog action="closeModal"}}
  <div class='card'>
    <div class='text-content'>
      <div class='content-header'>
        <h4>{{timeoutConfirmString}}</h4>
      </div>
      <div class="item">
        <label>{{i18n 'Reason (Required)'}}</label>
        {{input value=reason class='string js-prefix code-input' placeholder=(i18n 'Please be as detailed as possible')}}
      </div>
      <div class="item">
        <div class="form__group">
          <label for="selectbox-1" class="form__label">{{i18n 'Duration'}}</label>
          <select id="selectbox-1" class="form__input" onchange={{action "selectTimeoutDuration" value="target.value"}}>
            {{#each timeoutDurations as |duration|}}
              <option value="{{duration.value}}">{{duration.text}}</option>
            {{/each}}
          </select>
        </div>
      </div>
      <div class="buttons">
        <button class="button button--text" {{action 'closeModal'}}>{{i18n "Cancel"}}</button>
        {{#common/button-element isDisabled=shouldDisableButton onClick=(action 'timeoutUser')}}
          {{i18n 'Timeout'}}
        {{/common/button-element}}
      </div>
    </div>
  </div>
{{/modal-dialog}}
