{% extends "base" %}

{% block content %}

<section id="main">
  <div class="container">
    <section id="slim-header">
       <a href="/" class="button">Go Back</a>
    </section>
    <div class="col-12">
        <section>
          <header class="major">
            <h2>Transaction {{ tx_hash | truncate(length=4) }}</h2>
            <p class="subheader"><strong>Full Hash</strong>: {{ tx_hash }}</p>
            <p class="subheader"><strong>Block Timestamp</strong>: {% if tx_info.0.block_timestamp %}{{ tx_info.0.block_timestamp | date(format="%Y-%m-%d %H:%M") }}{% else %}?{% endif %}</p>
          </header>
          <div class="row">
            <div class="col-4 col-6-medium col-12-small">
              <section class="box">
                <header>
                  <h3>Block Height</h3>
                </header>
                <p>{% if tx_info.0.block_height %}{{ tx_info.0.block_height }}{% else %}pending{% endif %}</p>
              </section>
            </div>
            <div class="col-4 col-6-medium col-12-small">
              <section class="box">
                <header>
                  <h3>In Pool</h3>
                </header>
                <p>{{ tx_info.0.in_pool }}</p>
              </section>
            </div>
            <div class="col-4 col-6-medium col-12-small">
              <section class="box">
                <header>
                  <h3>Double Spend</h3>
                </header>
                <p>{{ tx_info.0.double_spend_seen }}</p>
              </section>
            </div>
            <div class="col-4 col-6-medium col-12-small">
              <section class="box">
                <header>
                  <h3>Transaction Fee</h3>
                </header>
                <p>{{ tx_info.0.as_json_full.rct_signatures.txnFee / 1000000000000 | default(value="?") }} WOW</p>
              </section>
            </div>
            <div class="col-4 col-6-medium col-12-small">
              <section class="box">
                <header>
                  <h3>Version</h3>
                </header>
                <p>{{ tx_info.0.as_json_full.version | default(value="?") }}</p>
              </section>
            </div>
            <div class="col-4 col-6-medium col-12-small">
              <section class="box">
                <header>
                  <h3>Inputs / Outputs</h3>
                </header>
                <p>{{ tx_info.0.as_json_full.vin | length | default(value="?") }} / {{ tx_info.0.as_json_full.vout | length | default(value="?") }}</p>
              </section>
            </div>
          </div>
        </section>
      </div>
      <br><br>
      <header class="major">
        <div class="tx-table">
          <header>
            <h2>Stealth Addresses</h2>
          </header>
          <ol>
          {% for i in tx_info.0.as_json_full.vout %}
            <li>{{ i.target.key }}</li>
          {% endfor %}
          </ol>
        </div>
      </header>
      <header class="major">
        {% if tx_info.0.block_height %}<h2><a href="/block/height/{{ tx_info.0.block_height }}">View Block</a></h2>{% endif %}
      </header>
    </div>
</section>

{% endblock content %}