{{#yield-scripts}}
  {{#js}}js/calculator{{/js}}
{{/yield-scripts}}

<div id="calculator" style="display: none">
  <input id="user" type="hidden" value="{{user}}" />

  <h1 id="title"></h1>
  <img id="logo" src="/assets/img/bitcoin.png" alt="Logo" />

  <form role="form">
    <div class="form-group">
      <label for="exchange">Exchange Rate:</label>
      <input type="text" id="exchange" value="0" disabled="disabled" class="form-control" />
      <span id="symbol"></span>
    </div>

    <div class="form-group">
      <label for="amount">Amount:</label>
      <input type="text" id="amount" class="form-control" />
      <span id="currency"></span>
    </div>

    <div class="form-group">
      <label for="tip">Tip:</label>
      <div class="btn-toolbar">
        <div class="btn-group" id="tip">
          <button type="button" class="active btn btn-default">0%</button>
          <button type="button" class="btn btn-default">10%</button>
          <button type="button" class="btn btn-default">15%</button>
          <button type="button" class="btn btn-default">20%</button>
        </div>
      </div>
    </div>

    <br />

    <div id="payment">
      <p>Please send <strong id="total">0.0</strong> BTC to</p>
      <div id="qr"></div>
      <p id="address"></p>
    </div>

    <span id="received" class="btn btn-success">Payment Received.  Thank you!</span>
    <audio id="chaching" src="/cash_register.wav" hidden="true" enablejavascript="true">
  </div>
</form>

<span id="error" class="btn btn-danger" style="display: none"></span>