{% extends "base.html" %}

{% block bodyclasses %}
{% endblock bodyclasses %}

{% block header %}
    <header id="blog-header">
      <div class="inner">
        <nav id="navigation">
          {% if SITE_LOGO %}
          <span class="blog-logo">
            <a href="{{ SITEURL }}"><img src="{{SITE_LOGO}}" alt="Blog Logo" /></a>
          </span>
          {% endif %}
          <!--
          <span id="menu-button" class="nav-button">
            <a class="menu-button"><i class="ic ic-menu"></i> Menu</a>
          </span>
          -->
        </nav>
        <div class="blog-cover cover" style="background-image: url('/static/images/home-bg.jpg')"></div>
        <h2 class="post-title home-surtitle">Red Markets</h2>
        <h1 class="post-title home-title">Negotiations</h1>
</div>
    </header>
{% endblock header %}

{% block content %}
    <div id="index" class="container">
      <main class="content" role="main">
        <form id="newroom" class="room-form" method="post" action="/negotiation/create">
          <div><label for="negotiation">Now Entering</label></div>
          <div>
            <input id="negotiation" pattern="^[\w_\-# ]+$" type="text" value="{{suggestion}}" name="negotiation" minlength="4" maxlength="128" size="25">
          </div>
          <div>
            <button>Negotiate!</button>
          </div>
        </form>

        {% if negotiations %}
        <div class="negotiation-list">
          <h3>Your other negotiations</h3>
          <ul>
            {% for n in negotiations %}
            <li>
              <span>
                <a href="/negotiations/{{ n.name | urlencode() }}">
                  {{ n.name }}
                  <img height="32" width="32" src="/static/images/nego.png"/>
                </a>
              </span>
            </li>
            {% endfor %}
          </ul>
        </div>
        {% endif %}
    </main>
  </div>

{% endblock content %}