{{#d-modal-body title=title class="upload-selector"}}
  <div class="radios">
    {{radio-button name="upload" id="local" value="local" selection=selection}}
    <label class="radio" for="local">{{i18n "upload_selector.from_my_computer"}}</label>
    {{#if local}}
      <div class="inputs">
        <input type="file" id="filename-input" multiple><br>
        <span class="description">{{tip}}</span>
        {{#if allowAdditionalFormats}}
          {{hidden-details label="upload_selector.supported_formats" details=supportedFormats}}
        {{/if}}
      </div>
    {{/if}}
  </div>
  <div class="radios">
    {{radio-button name="upload" id="remote" value="remote" selection=selection}}
    <label class="radio" for="remote">{{i18n "upload_selector.from_the_web"}}</label>
    {{#if remote}}
      <div class="inputs">
        {{input value=imageUrl placeholder="http://example.com/image.png"}}
        <span class="description">{{tip}}</span>
        {{#if allowAdditionalFormats}}
          {{hidden-details label="upload_selector.supported_formats" details=supportedFormats}}
        {{/if}}
      </div>
    {{/if}}
  </div>
  <div class="radios">
    <div class="inputs">
      <p class="hint">
        {{#if capabilities.canPasteImages}}
          {{i18n "upload_selector.hint"}}
        {{else}}
          {{i18n "upload_selector.hint_for_supported_browsers"}}
        {{/if}}
      </p>
    </div>
  </div>
{{/d-modal-body}}

<div class="modal-footer">
  {{d-button action=(action "upload") class="btn-primary" icon=uploadIcon label="upload"}}
  {{plugin-outlet name="upload-actions"}}
  {{d-modal-cancel close=(route-action "closeModal")}}
</div>
