{% extends 'base.html' %}

{% block content %}

<section id="banner">
  {% if request.user.is_authenticated %}
  <!-- <h2>Home</h2> -->
  <ul class="actions">
    <li><a href="{% url 'create_item' %}" class="button">Sell An Item</a></li>
    <li><a href="{% url 'list_bids' %}" class="button">View Bids</a></li>
    <li><a href="{% url 'list_items' %}" class="button">View Items</a></li>
    <li><a href="{% url 'logout' %}" class="button">Logout ({{ request.user.username }})</a></li>
  </ul>
  {% else %}
  <h2>Buy and sell items for digital cash.</h2>
  <ul class="actions">
    <li><a href="{% url 'create_item' %}" class="button big">Sell an Item</a></li>
    <li><a href="{% url 'list_items' %}" class="button big">View Items</a></li>
  </ul>
  {% endif %}
</section>

<section id="one" class="wrapper style2 align-center network-stats">
  <div class="container">
    <header>
      <h2>Monero Network Statistics</h2>
    </header>
    {% if daemon_info %}
    <div class="row 200%">
      <section class="2u 12u$(small)">
        <p>Network:<br>{{ daemon_info.nettype }}</p>
      </section>
      <section class="2u 12u$(small)">
        <p>Status:<br>{{ daemon_info.status }}</p>
      </section>
      <section class="2u 12u$(small)">
        <p>Version:<br>{{ daemon_info.version }}</p>
      </section>
      <section class="2u 12u$(small)">
        <p>Transactions:<br>{{ daemon_info.tx_count }}</p>
      </section>
      <section class="2u 12u$(small)">
        <p>Block:<br>{{ daemon_info.height }}</p>
      </section>
      <section class="2u 12u$(small)">
        <p>Difficulty:<br>{{ daemon_info.difficulty }}</p>
      </section>
    </div>
    {% if monero_info %}
    <div class="row 200%">
      <section class="2u 12u$(small)">
        <p>Genesis Date:<br>{{ monero_info.genesis_date }}</p>
      </section>
      <section class="2u 12u$(small)">
        <p>Market Cap Rank:<br>{{ monero_info.market_cap_rank }}</p>
      </section>
      <section class="2u 12u$(small)">
        <p>Current Price (USD):<br>$ {{ monero_info.current_price }}</p>
      </section>
      <section class="2u 12u$(small)">
        <p>Market Cap (USD):<br>{{ monero_info.market_cap }}</p>
      </section>
      <section class="2u 12u$(small)">
        <p>Total Volume (USD):<br>$ {{ monero_info.total_volume }}</p>
      </section>
      <section class="2u 12u$(small)">
        <p>Last Updated:<br>{{ monero_info.last_updated }}</p>
      </section>
    </div>
    {% endif %}
    {% else %}
    <p class="text-muted">Daemon is not connected; statistics unavailable.</p>
    {% endif %}
  </div>
</section>

{% endblock %}