{% extends "base" %}

{% block content %}

<section id="main">
  <div class="container">
    <section id="header">
        <nav id="nav">
          <a href="/"><h1>Go Home</h1><br />
            <img src="//files.lzahq.tech/wow/WOW-Stack-720x455.png" width=150 />
          </a>
        </nav>
    </section>
    <div class="col-12">
        <section>
          <header class="major">
            <h2>Confirm TX Receipt</h2>
            {% if res %}
            <p class="subheader"><strong>To Address</strong>: {{ address }}</p>
            <p class="subheader"><strong>Transaction ID</strong>: {{ tx_hash }}</p>
          </header>

          <div class="row">
            <div class="col-4 col-6-medium col-12-small">
              <section class="box">
                <header>
                  <h3>Confirmations</h3>
                </header>
                <p>{{ res.confirmations }}</p>
              </section>
            </div>
            <div class="col-4 col-6-medium col-12-small">
              <section class="box">
                <header>
                  <h3>Amount</h3>
                </header>
                <p>{{ res.received / 100000000000 }} WOW</p>
              </section>
            </div>
            <div class="col-4 col-6-medium col-12-small">
              <section class="box">
                <header>
                  <h3>In Pool</h3>
                </header>
                <p>{{ res.in_pool }}</p>
              </section>
            </div>
          </div>
          {% else %}
          <p class="subheader"><strong>Invalid Confirmation</strong></p>
          {% endif %}
        </section>
      </div>
      <br><br>
      <header class="major">
        <h2><a href="/transaction/{{ tx_hash }}">View Transaction</a></h2>
      </header>
    </div>
</section>

{% endblock content %}