{% 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>

<section id="two" class="wrapper style3 align-center network-stats">
  <div class="container">
    <header>
      <h2>Contact Me</h2>
    </header>
    <div class="row 100%">
      <section class="12u 12u$(small)">
        <p>Contact me at any of the locations below</p>
        <ul>
        {% for k,v in site_meta.social_media.items %}
          <li><a href="{{ v.url }}" target="_blank"><i class="fa fa-{{ k }}"></i> {{ v.comment }}</a></li>
        {% endfor %}
        </ul>
      </section>
    </div>
  </div>
</section>

{% endblock %}