{% 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="to_blocktmie" 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 title="Boooooooo">Convert from Blockchain Time</h2>
      <form id="to_obsolete_time" method="GET" action="to_obsolete_time">
        <label for="blockheight">Input Block Height</label>
        <input type="int" id="blockheight" name="blockheight" value="{{blockchain_infos[0][1].latest_block_height}}">
        <label for="blockchain">Blockchain</label>
        <select if="blockchain" name="blockchain">
          <option value="BSV">BSV</option>
          <option value="BTC">BTC</option>
          <option value="XMR">XMR</option>
          <option value="ETH">ETH</option>
        </select>
        <input type="submit" value="I'm a weenie that doesn't know my blocktimes">
      </form>
    </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 %}