{% extends "_base.html" %}

{% block content %}

<div class="body-content">
    <div class="row">
        <h1>Summer Games Done Quick Schedulizer</h1>

        <p>
          Build and save your perfect SGDQ 2017 schedule! GDQ.moe is a quick alternative to the
          Games Done Quick schedule which allows you to narrow down the schedule to only the things
          you care about.
        </p>

        <p>
          Coming soon:
          <li>Share-able links, share your schedule with your friends, or with your phone.</li>
          <li>Open source release! We're going to use an aggressive copyleft license and actually
          fulfill those obligations!</li>
        </p>

        <label for="showToggle">Hide unselected</label>
        <input type="checkbox" id="showToggle" onchange="updateHideUnselected()">

        <button id="clearSelection" onclick="clearSelection()">Clear Selection</button>

        <table id="the_table">
            <tr>
                <th scope="col">Time & Estimate</th>
                <th scope="col">Run</th>
                <th scope="col">Runners</th>
            </tr>
            {% for run in runs %}
            <tr class="run {{run["class"]}}" id="run-{{run["order"]}}">
                <td>{{run["time"]}} &rarr; {{run["estimate"]}}</td>
                <td>{{run["name"]}} <span class="de-emphasis">{{run["category"]}}</span></td>
                <td>{{run["runners"]}}</td>
            </tr>
            {% endfor %}
        </table>
    </div>
</div>

{% endblock %}