<!--This program is free software: you can redistribute it and/or modify
  it under the terms of the GNU Lesser General Public License as published by
  the Free Software Foundation, either version 3 of the License, or
  (at your option) any later version.

  This program is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU Lesser General Public License for more details.

  You should have received a copy of the GNU Lesser General Public License
  along with this program.  If not, see <http://www.gnu.org/licenses/>.
-->

<!DOCTYPE html>
<html>
<head>
  <title>TextSecure Options</title>
  <meta charset="utf-8">
  <link rel="stylesheet" href="css/options.css">
  <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css">
</head>
<body data-name="curve25519" data-tools="pnacl" data-configs="Debug Release" data-path="nacl/pnacl/{config}">
  <div id="listener"></div>
  <div id="log"></div>

  <div class='container'>
    <h1><img id="textsecure-icon" src='icon.png'/> TextSecure</h1>
    <div id='choose-setup' class='collapse'>
      <div class='row'>
        <div class='col-xs-5 col-xs-offset-1'>
          <p>I'm new to TextSecure</p>
        </div>
        <div class='col-xs-5'>
          <p>I have TextSecure installed on my phone.</p>
        </div>
      </div>
      <div class='row'>
        <div class='col-xs-5 col-xs-offset-1'>
          <p><button type='button' id='new-account' class='btn btn-default'>Register</button></p>
        </div>
        <div class='col-xs-5'>
          <p><button type='button' id='new-device' class='btn btn-default'>Add a device</button></p>
        </div>
      </div>
    </div>
    <div id="init-setup">
      <div id='multi-device' class='collapse'>
        <button class='back btn btn-link'>Back</button>
        <div class='narrow'>
          <div class='status'></div>
          <div id="setup-qr"></div>
        </div>
      </div>
      <div id='single-device' class='row collapse'>
        <div class='col-xs-offset-1 col-md-6'>
          <button class='back btn btn-link'>Back</button>
          <div class='narrow'>
            <div id='step1'>
              <div id='number-container'>
                <input type="text" id="number" placeholder="Phone Number">
              </div>
              <div>
                <select id="regionCode">
                  <option value="ZZ" selected>Country</option>
                </select>
              </div>
              <div class='clearfix'>
                <button id="request-sms" class="btn btn-default">Send SMS</button>
                <button id="request-voice" class="btn btn-default">Call</button>
              </div>
            </div>
            <form id="step2" class="collapse">
              <input type="text" pattern="[0-9]{3}-?[0-9]{3}" title="Enter your 6-digit verification code. If you did not receive a code, click Call or Send SMS to request a new one" id="code" placeholder="Verification Code" autocomplete='off'>
              <button id="verifyCode" class="btn btn-info">Submit</button>
              <div id='error' class='collapse'></div>
            </form>
          </div>
        </div>
      </div>
    </div>
    <div id="verify" class="hidden">
      <div id="verify1">Receiving identity key...<span id="verify1done"></span></div>
      <div id="verify2">Verifying number and setup code...<span id="verify2done"></span></div>
      <div id="verify3">Generating keys...<span id="verify3done"></span></div>
      <div id="verify4">Registering...<span id="verify4done"></span></div>
      <div id="verify5">Syncing with existing devices...<span id="verify5done"></span></div>
    </div>
    <div id="setup-complete" class="collapse">
      <h3>You are registered on TextSecure with number <span id="complete-number"></span></h3>
    </div>
  </div>
  <script type="text/javascript" src="js-deps/nacl-common.js"></script>
  <script type="text/javascript" src="js-deps/CryptoJS.js"></script>
  <script type="text/javascript" src="js-deps/curve255.js"></script>
  <script type="text/javascript" src="js-deps/bower_components.js"></script>
  <script type="text/javascript" src="js-deps/backbone.localStorage.js"></script>
  <script type="text/javascript" src="js-deps/libphonenumber_api-compiled.js"></script>

  <script type="text/javascript" src="js/protobufs.js"></script>
  <script type="text/javascript" src="js/helpers.js"></script>
  <script type="text/javascript" src="js/storage.js"></script>
  <script type="text/javascript" src="js/storage/devices.js"></script>
  <script type="text/javascript" src="js/storage/groups.js"></script>
  <script type="text/javascript" src="js/libphonenumber-util.js"></script>
  <script type="text/javascript" src="js/webcrypto.js"></script>
  <script type="text/javascript" src="js/crypto.js"></script>
  <script type="text/javascript" src="js/models/messages.js"></script>
  <script type="text/javascript" src="js/models/threads.js"></script>
  <script type="text/javascript" src="js/api.js"></script>
  <script type="text/javascript" src="js/sendmessage.js"></script>

  <script type="text/javascript" src="js/chromium.js"></script>
  <script type="text/javascript" src="js/options.js"></script>
</body>
</html>