{% extends "base" %}

{% block content %}

 <section id="main">
   <div class="container">
     <section id="header">
        <h1>Wownero Block Explorer</h1>
         <nav id="nav">
           <img src="//files.lzahq.tech/wow/Wownero-Development-Stock-720x440.png"/ width=300>
         <div class="search">
           <form action="/search" method="get">
             <input type="text" name="value" placeholder="Enter a transaction hash, block hash, block height, or wallet address.">
             <input type="submit" value="Search">
           </form>
         </div>
         </nav>
     </section>
     <div class="row">
       <div class="col-12">
           <section>
             <header class="major">
               <h2>Network Statistics</h2>
             </header>
             <div class="row">
               <div class="col-3 col-6-medium col-12-small">
                 <section class="box">
                   <header>
                     <h3>Version</h3>
                   </header>
                   <p>{% if daemon_info.version %}{{ daemon_info.version }}{% else %}?{% endif %}</p>
                 </section>
               </div>
               <div class="col-3 col-6-medium col-12-small">
                 <section class="box">
                   <header>
                     <h3>Difficulty</h3>
                   </header>
                   <p>{{ daemon_info.difficulty }}</p>
                 </section>
               </div>
               <div class="col-3 col-6-medium col-12-small">
                 <section class="box">
                   <header>
                     <h3>Height</h3>
                   </header>
                   <p>{{ daemon_info.height }}</p>
                 </section>
               </div>
               <div class="col-3 col-6-medium col-12-small">
                 <section class="box">
                   <header>
                     <h3>Network</h3>
                   </header>
                   <p>{{ daemon_info.nettype }}</p>
                 </section>
               </div>
               <div class="col-3 col-6-medium col-12-small">
                 <section class="box">
                   <header>
                     <h3>Transaction Count</h3>
                   </header>
                   <p>{{ daemon_info.tx_count }}</p>
                 </section>
               </div>
               <div class="col-3 col-6-medium col-12-small">
                 <section class="box">
                   <header>
                     <h3>Database Size</h3>
                   </header>
                   <p>{% if daemon_info.database_size %}{{ daemon_info.database_size / 1000000000 }} GB{% else %}?{% endif %}</p>
                 </section>
               </div>
               <div class="col-3 col-6-medium col-12-small">
                 <section class="box">
                   <header>
                     <h3>Connections</h3>
                   </header>
                   <p>{{ daemon_info.incoming_connections_count }} in / {{ daemon_info.outgoing_connections_count }} out</p>
                 </section>
               </div>
               <div class="col-3 col-6-medium col-12-small">
                 <section class="box">
                   <header>
                     <h3>Status</h3>
                   </header>
                   <p>{{ daemon_info.status }}</p>
                 </section>
               </div>
             </div>
           </section>
       </div>
     </div>
     <br><br>
     <header class="major">
       <div class="tx-table">
       <table>
         <caption>
           <h2>Transaction Pool ({{ daemon_info.tx_pool_size }})</h2>
           <p>Transactions that have yet to be mined into a block. This is where payments sit in a PENDING state.</p>
         </caption>
         {% if daemon_info.tx_pool_size > 0 %}
         <tr>
           <th>Received Time</th>
           <th>Hash</th>
           <th>Fee</th>
           <th>Inputs / Outputs</th>
           <th>Ring Decoys</th>
         </tr>
           {% for tx in tx_pool_txs %}
             <tr>
               <td>{{ tx.receive_time | date(format="%Y-%m-%d %H:%M") }}</td>
               <td><a href="/transaction/{{ tx.id_hash }}">{{ tx.id_hash | truncate(length=8) }}</a></td>
               <td>{{ tx.fee / 1000000000000 }} WOW</td>
               <td>{{ tx.tx_json_full.vin | length }} / {{ tx.tx_json_full.vout | length }}</td>
               <td>{{ tx.tx_json_full.vin.0.key.key_offsets | length }}</td>
             </tr>
           {% endfor %}
         {% endif %}
       </table>
       </div>
     </header>
   </div>
 </section>

{% endblock content %}