{% extends "base" %}

{% block content %}

 <section id="main">
   <div class="container">
     <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>Transactions</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>Mempool Size</h3>
                   </header>
                   <p>{{ daemon_info.tx_pool_size }}</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</h2></caption>
         <tr>
           <th>Hash</th>
           <th>Amount</th>
           <th>Fee</th>
         </tr>
         {% for tx in tx_pool %}
           <tr>
             <td>{{ tx.id_hash | truncate(length=8) }}</td>
             <td>?</td>
             <td>{{ tx.fee / 1000000000000 }} XMR</td>
           </tr>
         {% endfor %}
       </table>
       </div>
     </header>
   </div>
 </section>

{% endblock content %}