{% extends "base.html" %}

{% block content %}
   <div class="row">
      <div class="col-md-6">

         <div class="panel panel-success">
            <div class="panel-heading">

         <div style="float: right;">
            <form method="post">
               {% csrf_token %}
               <input type="hidden" name="action" value="synchronize"></input>
               <button type="submit" class="btn btn-primary btn-xs confirm"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>Synchronize</button>
            </form>
         </div>

               <h2 class="panel-title">{{ node_name }}</h2>

            </div>
            <div class="panel-body">
               Hostname: {{ hostname }}<br/>
               Port: {{ port }}<br/>
               Hashcat version: {{ version }}<br/>
            </div>
         </div>

         <h3> Rules </h3>
         <table class="table table-striped table-condensed">
            <tr>
               <td><b>Name</b></td>
               <td><b>MD5</b></td>
               <td></td>
            </tr>
            {% for rule in rule_list %}
            <tr>
               <td>{{ rule.name }}</td>
               <td>{{ rule.md5 }}</td>
               <td>{% if rule.synchro %}<span class="glyphicon glyphicon-ok" style="color: green; float: right"></span>{% else %}<span class="glyphicon glyphicon-remove" style="color: red; float: right"></span>{% endif %}</td>
            </tr>
            {% endfor %}
         </table>

         <h3> Masks </h3>
         <table class="table table-striped table-condensed">
            <tr>
               <td><b>Name</b></td>
               <td><b>MD5</b></td>
               <td></td>
            </tr>
            {% for mask in mask_list %}
            <tr>
               <td>{{ mask.name }}</td>
               <td>{{ mask.md5 }}</td>
               <td>{% if mask.synchro %}<span class="glyphicon glyphicon-ok" style="color: green; float: right"></span>{% else %}<span class="glyphicon glyphicon-remove" style="color: red; float: right"></span>{% endif %}</td>
            </tr>
            {% endfor %}
         </table>

         <h3> Wordlists </h3>
         <table class="table table-striped table-condensed">
            <tr>
               <td><b>Name</b></td>
               <td><b>MD5</b></td>
               <td></td>
            </tr>
            {% for wordlist in wordlist_list %}
            <tr>
               <td>{{ wordlist.name }}</td>
               <td>{{ wordlist.md5 }}</td>
               <td>{% if wordlist.synchro %}<span class="glyphicon glyphicon-ok" style="color: green; float: right"></span>{% else %}<span class="glyphicon glyphicon-remove" style="color: red; float: right"></span>{% endif %}</td>
            </tr>
            {% endfor %}
         </table>

      </div>
      <div class="col-md-6">


         <h3> Hash Types</h3> 
         <table class="table table-striped table-condensed">
            <tr>
               <td><b>id</b></td>
               <td><b>Name</b></td>
               <td><b>Description</b></td>
            </tr>
            {% for hash_type in hash_type_list %}
            <tr>
               <td>{{ hash_type.id }}</td>
               <td>{{ hash_type.name }}</td>
               <td>{{ hash_type.description }}</td>
            </tr>
            {% endfor %}
         </table>

      </div>
   </div>

{% endblock %}