{% extends "base.html" %}

{% block title %}Index{% endblock %}

{% block header %}<h1>Welcome to FBA</h1>{% endblock %}

{% block content %}
    <table class="index-table">
    <thead>
        <th colspan="2">
            <h3>Choose an option</h3>
        </th>
    </thead>

    <tbody>
    <tr>
        <td>
            <h3>Enter a domain:</h3>
            <form action="top">
                <input type="hidden" name="mode" value="domain" />
                <input type="text" name="value" placeholder="example.com" required="required" />
                <input type="submit" value="Submit" />
            </form>
        </td>
        <td>
            <h3>Enter a reason:</h3>
            <form action="top">
                <input type="hidden" name="mode" value="reason" />
                <input type="text" name="value" placeholder="free speech" required="required" />
                <input type="submit" value="Submit" />
            </form>
        </td>
    </tr>
    <tr>
        <td>
            <h3>Reverse search:</h3>
            <form action="top">
                <input type="hidden" name="mode" value="reverse" />
                <input type="text" name="value" placeholder="example.com" required="required" />
                <input type="submit" value="Submit" />
            </form>
        </td>
        <td>
            <h3>Info of a domain:</h3>
            <form action="infos">
                <input type="text" name="domain" placeholder="example.com" required="required" />
                <input type="submit" value="Submit" />
            </form>
        </td>
    </tr>
    </tbody>
    </table>

    <h2>Scoreboards:</h2>
    <ul class="nav">
        <li><a href="scoreboard?mode=blocker&amp;amount=50">Defederating instances</a></li>
        <li><a href="scoreboard?mode=blocked&amp;amount=50">Defederated instances</a></li>
        <li><a href="scoreboard?mode=reference&amp;amount=50">Referencing instances</a></li>
        <li><a href="scoreboard?mode=software&amp;amount=50">Used software</a></li>
        <li><a href="scoreboard?mode=command&amp;amount=10">Commands</a></li>
        <li><a href="scoreboard?mode=error_code&amp;amount=50">Error codes</a></li>
        <li><a href="scoreboard?mode=detection_mode&amp;amount=10">Detection modes</a></li>
        <li><a href="scoreboard?mode=avg_peers&amp;amount=30">Average peers</a></li>
        <li><a href="scoreboard?mode=obfuscator&amp;amount=10">Obfuscating software</a></li>
        <li><a href="scoreboard?mode=obfuscation&amp;amount=10">Obfuscation statistics</a></li>
        <li><a href="scoreboard?mode=block_level&amp;amount=20">Block level statistics</a></li>
    </ul>
{% endblock %}
{% block footer %}
    <div class="notice">
        <h3>Infos:</h3>
        <table>
        <thead>
            <tr>
                <th>Known instances:</th>
                <th>Supported instances:</th>
                <th>Blocks recorded:</th>
                <th>Erroneous instances:</th>
           </tr>
       </thead>

       <tbody>
           <tr>
               <td>{{info.known_instances}}</td>
               <td>{{info.supported_instances}}</td>
               <td>{{info.blocks_recorded}}</td>
               <td>{{info.erroneous_instances}}</td>
           </tr>
        </tbody>
        </table>
    </div>
    {{ super() }}
{% endblock %}