{% extends "base" %}
{% block content %}
    <h1>Welcome to Blockchain Time</h1><p>A.K.A. Big Tim</p>
    <div>
      <h2>Convert to Blockchain Time</h2>
      <form id="form" method="GET" action="to_blockchain_time">
        <label for="input_datetime">Input DateTime (in UTC only currently)</label>
        <input type="datetime-local" id="input_datetime" name="input_datetime">
        <input type="submit" value="Submit">
      </form>
    </div>
    <div>
      <h2>Convert from Blockchain Time</h2>
      <p><b>Booo</b> why are you going this way??? Don't you know your blocktimes??</p>
      <p><b><i><a href="#">UNIMPLEMENTED</a></i></b></p>
    </div>
    <div class="cur_blocks">
      <h2>Latest Block Heights and Times Cached</h2>
      <div class="blockchain_infos">
      {% for bi in blockchain_infos %}
        <div class="blockchain_info">
          <h3>{{ bi[0] }}</h3>
          <p>Blockheight: <span class="result">{{ bi[1].latest_block_height }}</span></p>
          <p>Time Seen: <span class="result">{{ bi[1].latest_block_time }}</span></p>
        </div>
      {% endfor %}
      </div>

    </div>
    <a href="update_blockchains">Update Blockchain Information</a>
    <p>Pressing the above button might take some time... or it might crash the appliaction...
      or it'll do what you want... you won't know till you press it.</p>
    <p>Please don't press it multiple times</p>
    <p>In fact, maybe don't press it at all</p>
{% endblock content %}