<div class="send-logo">
  <img src="/resources/send_logo.svg"/>
  <img src="/resources/send_logo_type.svg"/>
</div>
<div class="all">
  <div id="page-one">
    <div class="title" data-l10n-id="uploadPageHeader"></div>
    <div class="description">
      <div data-l10n-id="uploadPageExplainer"></div>
      <a href="https://testpilot.firefox.com/experiments/send" class="link" data-l10n-id="uploadPageLearnMore"></a>
    </div>
    <div class="upload-window" >
      <div id="upload-img"><img src="/resources/upload.svg" alt="Upload"/></div>
      <div id="upload-text" data-l10n-id="uploadPageDropMessage"></div>

      <form method="post" action="upload" enctype="multipart/form-data">
        <label for="file-upload" id="browse" 
               data-l10n-id="uploadPageBrowseButton"></label>
        <input id="file-upload" type="file" name="fileUploaded" />
      </form>
    </div>

    <div id="file-list">
      <table id="uploaded-files">
        <thead>
          <tr>
            <!-- htmllint attr-bans="false" -->
            <th width="35%" data-l10n-id="sentFilesTitle1"></th>
            <th width="25%" data-l10n-id="sentFilesTitle2"></th>
            <th width="21%" data-l10n-id="sentFilesTitle3"></th>
            <th width="12%" data-l10n-id="sentFilesTitle4"></th>
            <!-- htmllint tag-bans="$previous" -->
          </tr>
        </thead>
        <tbody>

        </tbody>
      </table>
    </div>
  </div>

  <div id="upload-progress">
    <div class="title" id="upload-filename" data-l10n-id="uploadingPageHeader"></div>
    <div class="description">

    </div>
    <!-- progress bar here -->
    <div class="progress-bar" id="ul-progress">
      <div class="percentage">
        <span class="percent-number">0</span>
        <span class="percent-sign">%</span>
      </div>
    </div>
    <div class="upload">
      <div class="progress-text"></div>
      <div id="cancel-upload" 
           data-l10n-id="uploadingPageCancel"></div>
    </div>
  </div>

  <div id="share-link">
    <div class="title" data-l10n-id="uploadSuccessTimingHeader"></div>
    <div id="share-window">
      <div id="copy-text" data-l10n-id="copyUrlFormLabel"></div>
      <div id="copy">
        <input id="link" type="url" value="" readonly/>
        <button id="copy-btn" data-l10n-id="copyUrlFormButton"></button>
      </div>
      <button id="delete-file" data-l10n-id="deleteFileButton"></button>
      <div class="send-new" data-l10n-id="sendAnotherFileLink"></div>
    </div>
  </div>

  <div id="upload-error">
    <div class="title" data-l10n-id="errorPageHeader"></div>
    <div class="expired-description" data-l10n-id="errorPageMessage"></div>
    <img id="upload-error-img" src="/resources/illustration_error.svg" alt="Upload error" />
    <div class="send-new" data-l10n-id="sendAnotherFileLink"></div>
  </div>

  <div id="unsupported-browser">
    <div class="title" data-l10n-id="notSupportedHeader"></div>
    <div class="description" data-l10n-id="notSupportedDetail"></div>
    <a id="dl-firefox" href="https://www.mozilla.org/firefox/new/?scene=2" target="_blank">
      <img src="/resources/firefox_logo-only.svg" id="firefox-logo" alt="Firefox"/>
      <div id="dl-firefox-text">Firefox<br>
        <span data-l10n-id="downloadFirefoxButtonSub"></span>
      </div>
    </a>
    <div class="unsupported-description" data-l10n-id="uploadPageExplainer"></div>
  </div>
</div>
</div>