[[!meta title="Download and verify"]]

<div id="download-and-verify">
  <div id="extension-version">1.0</div>

  <div id="undetected-browser">
    <p>We failed to detect your browser vendor, maybe because JavaScript is disabled.</p>
    <p>You can download and verify the ISO image via:</p>
    <div class="row download-options">
      <div class="col-md-6 extension">
        <h2>Browser extension</h2>
        <p>(for Firefox, Tor Browser, or Chrome)</p>
        <a href="" class="btn btn-lg btn-primary">I'm already in Firefox or Tor Browser</a>
        <a href="" class="btn btn-lg btn-primary">I'm already in Chrome</a>
        <p>Or copy and paste this link in Firefox, Tor Browser, or Chrome:</p>
        <code>https://tails.boum.org/download</code>
      </div>
      <div class="col-md-6 bittorrent">
        <h2>BitTorrent</h2>
        <a href="[[!inline pages="inc/stable_i386_torrent_url" raw="yes"]]" class="btn btn-lg btn-primary">Download Torrent file</a>
      </div>
    </div>
  </div>

  <div id="unsupported-browser">
    <p>You can download and verify the ISO image via:</p>
    <div class="row download-options">
      <div class="col-md-6 extension">
        <h2>Browser extension</h2>
        <p>(for Firefox, Tor Browser, or Chrome)</p>
        <p>Copy and paste this link in Firefox, Tor Browser, or Chrome:</p>
        <code>https://tails.boum.org/download</code>
      </div>
      <div class="col-md-6 bittorrent">
        <h2>BitTorrent</h2>
        <a href="[[!inline pages="inc/stable_i386_torrent_url" raw="yes"]]" class="btn btn-lg btn-primary">Download Torrent file</a>
      </div>
    </div>
  </div>

  <div id="supported-browser">
    <div id="use">
      <p>We detected that you are running Firefox or Tor Browser and already have our Firefox extension installed.</p>
      <a id="use-button" href="" class="btn btn-lg btn-primary clearfix">
        <span id="use-button-label" class="pull-left">Use Firefox extension</span>
        <div id="use-button-state" class="pull-right">
          <span class="label label-default state already">Already installed</span>
        </div>
      </a>
      <div id="use-text" class="btn btn-lg disabled clearfix">
        <span id="use-text-label" class="pull-left">Use Firefox extension</span>
        <div id="use-text-state" class="pull-right">
          <span class="label label-success state done">Done</span>
        </div>
      </div>
    </div>
    <div id="update">
      <p>We detected that you are running Firefox of Tor Browser but have an outdated version of our Firefox extension.</p>
      <a id="update-button" href="" class="btn btn-lg btn-primary clearfix">
        <span id="update-button-label" class="pull-left">Update Firefox extension</span>
        <div id="update-state" class="pull-right">
          <span class="label label-default state restartless">No restart</span>
        </div>
      </a>
      <div id="update-text" class="btn btn-lg disabled clearfix">
        <span id="update-button-label" class="pull-left">Update Firefox extension</span>
        <div id="update-text-state" class="pull-right">
          <span class="label label-success state done">Done</span>
        </div>
      </div>
    </div>
    <div id="install">
      <p>We detected that you are running Firefox or Tor Browser.</p>
      <p>You can download and verify the ISO image via our Firefox extension.</p>
      <a id="install-button" href="" class="btn btn-lg btn-primary clearfix">
        <span id="install-button-label" class="pull-left">Install Firefox extension</span>
        <div id="install-button-state" class="pull-right">
          <span class="label label-default state restartless">No restart</span>
        </div>
      </a>
      <div id="install-text" class="btn btn-lg disabled clearfix">
        <span id="install-text-label" class="pull-left">Install Firefox extension</span>
        <div id="install-text-state" class="pull-right">
          <span class="label label-success state done">Done</span>
        </div>
      </div>
    </div>
    <p id="bittorrent-minor">or <a href="[[!inline pages="inc/stable_i386_torrent_url" raw="yes"]]"  >Download via BitTorrent</a></p>
  </div>

  <a id="i_have_iso" href="">I already have an ISO image.</a>

  <div id="download">
    <a id="download-button" href="[[!inline pages="inc/stable_i386_iso_url" raw="yes"]]" class="btn btn-lg btn-primary clearfix">
      <span id="download-button-label" class="pull-left">Download Tails [[!inline pages="inc/stable_i386_version" raw="yes"]] ISO image
        (<small id="download-button-size" >[[!inline pages="inc/stable_i386_iso_size" raw="yes"]]</small>)
      </span>
      <div id="download-button-state" class="pull-right">
        <span id="download-button-state-retry" class="label label-warning">Retry</span>
        <span id="download-button-state-resume" class="label label-info">Resume</span>
      </div>
    </a>
    <div id="download-text" class="btn btn-lg clearfix">
      <div id="download-text-left" class="pull-left clearfix">
        <div id="download-text-label" class="pull-left">Download Tails[[!inline pages="inc/stable_i386_version" raw="yes"]] ISO image
          <small id="download-eta">
            240 Ko/s - 360,7/[[!inline pages="inc/stable_i386_iso_size" raw="yes"]], 10 minutes left
          </small>
        </div>
        <div id="download-progress" class="progress">
          <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%">
            <span class="sr-only">45% Complete</span>
            45%
          </div>
        </div>
        <small id="download-path">Downloading to /home/amnesia/Tor Browser/tails-i386-1.3.2.iso</small>
      </div>
      <div id="download-text-state" class="pull-right">
        <span id="download-text-pause">Pause</span>
        <span id="download-text-done" class="label label-success state">Done</span>
        <span id="download-text-failed" class="label label-warning state">Failed</span>
      </div>
    </div>
    <div id="download-message">
      <div id="download-message-paused">
        <p>The download as been paused. Click "resume" to go on.</p>
      </div>
      <div id="download-message-failed">
        <p>The download of the ISO image failed! Please check your network connection and try to resume...</p>
      </div>
    </div>
  </div>

  <div id="verify">
    <div id="verify-text" class="btn btn-lg clearfix">
      <div class="pull-left">
        <span id="verify-text-label">Verify ISO image</span>
        <small id="verify-text-calculating">Calculating SHA-256 checksum...</small>
      </div>
      <div id="verify-text-state" class="pull-right">
        <span id="verify-text-state-calculating" class="state calculating label label-info">Calculating</span>
        <span id="verify-text-state-done" class="state success label label-success">Done</span>
        <span id="verify-text-state-failed" class="state failed label label-danger">Failed</span>
      </div>
    </div>
    <div id="verify-text-success" class="bg-success">
      <p>If you are knowledgeable about OpenPGP, you can do additional verification using the <a href=[[!inline pages="inc/stable_i386_iso_sig_url" raw="yes"]]>OpenPGP signature</a>.
        <a href="">Learn how to do that</a></p>
      <a href="" class="btn btn-lg btn-primary">Next <span>Copy ISO image on first USB stick</span></a>
    </div>
    <div id="verify-text-failure" class="bg-warning">
      <p>The verification of the ISO image failed! Please try to download again&hellip;</p>
    </div>
    <div id="verify-text-failure-again" class="bg-danger">
      <p>The verification of the ISO image failed again! Please try to download again from a different place or a different computer&hellip;</p>
    </div>
  </div>
</div>
