{% extends "static/web-common/templates/base.html" %}

{% block page_content %}
  <article>
    <h2>Step 1: Install the Taler wallet</h2>
    <p class="alert alert-primary taler-installed-hide" role="alert">
      You do not have the Taler wallet installed yet.<br>
      Install the wallet from the <a class="alert-link" href="https://taler.net/wallet-installation.html">installation page</a>.
      It only takes one click.
    </p>
    <p class="alert alert-success taler-installed-show" role="alert">
      Congratulations, you have installed the Taler wallet correctly.
      You can now proceed with the next steps.
    </p>
  </article>

  <article>
    <h2>Step 2: Withdraw coins</h2>
    <p>
      Now you can withdraw coins into your wallet by going to our <a href="{{ bank_url }}">bank</a>.

      In this demo you're paying with KUDOS, an imaginary currency.  When you
      create an account at our bank, you'll get 100 KUDOS for free.
    </p>
    <p class="alert alert-secondary" role="alert">
      We can't check if you were able to complete this step, since websites
      can't see the balance in your wallet. Please click on the Taler icon
      in your browser to check your balance.
    </p>
  </article>

  <article>
    <h2>Step 3: Pay</h2>
      We have two demo merchants where you can spend your coins:
      <ul>
        <li>
          The <a href="{{ merchant_blog_url }}">essay store</a>, where you can pay KUDOS for
          individual chapters of Richard Stallman's book "Free Software, Free
          Society", which is also available for free at <a href="http://www.fsf.org/">the FSF</a>.
        </li>
        <li>
          The <a href="{{ merchant_donations_url }}">project donation Web site</a>, where
          you can show respect to a software project of your choice
          by giving them KUDOS.
        </li>
      </ul>
  </article>
  <article>
    <h2>Step 4: Check money flow</h2>
      <ul>
        <li>
          Check if people who received your Taler payment got eventually
          paid by the exchange via a wire transfer; visit the:
          <a href="{{ bank_url }}/public-accounts">public accounts page</a> at the bank.
          Note that only those account whose owners gave permission are showed
          on that page.
        </li>
      </ul>
  </article>
  <article>
    <h2>Step 5: Merchant?  Consult back-office</h2>
      <ul>
        <li>
          If you are a merchant, you can check the <a href="{{ backoffice_url }}">back-office</a>
          Web-site to see how your Taler transactions got payed back by bank wire transfers.
        </li>
      </ul>
  </article>
  <article>
    <h2>Step 6: Reach out to us</h2>
    Let us know what you think by <a href="mailto:demo-feedback@taler.net">contacting us</a>.
  </article>
  <hr />
  <div class="copyright">
    <p>Copyright &copy; 2014&mdash;2017 INRIA</p>
    <a href="javascript.html" data-jslicense="1" class="jslicenseinfo">JavaScript license information</a>
  </div>
{% endblock page_content %}