{% extends "base.html" %}

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

         <div class="panel panel-primary">
            <div class="panel-heading">
               <div style="float: right;">
                  <button type="button" class="btn btn-xs btn-success" data-toggle="modal" data-target="#upload_rule">Upload</button>
               </div>
               <h2 class="panel-title">Rules</h2>
            </div>
            <div class="panel-body">

         <table class="panel-body 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>
                     <form method="post">
                        {% csrf_token %}
                        <input type="hidden" name="action" value="remove"></input>
                        <input type="hidden" name="filetype" value="rule"></input>
                        <input type="hidden" name="filename" value="{{ rule.name }}"></input>
                        <button type="submit" class="btn btn-danger btn-xs confirm"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
                     </form>
               </td>
                     
            </tr>
            {% endfor %}
         </table>

            </div>
         </div>

         <div class="panel panel-primary">
            <div class="panel-heading">
               <div style="float: right;">
                  <button type="button" class="btn btn-xs btn-success" data-toggle="modal" data-target="#upload_mask">Upload</button>
               </div>
               <h2 class="panel-title">Masks</h2>
            </div>
            <div class="panel-body">
         <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>
                     <form method="post">
                        {% csrf_token %}
                        <input type="hidden" name="action" value="remove"></input>
                        <input type="hidden" name="filetype" value="mask"></input>
                        <input type="hidden" name="filename" value="{{ mask.name }}"></input>
                        <button type="submit" class="btn btn-danger btn-xs confirm"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
                     </form>
               </td>
            </tr>
            {% endfor %}
         </table>
            </div>
         </div>

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

         <div class="panel panel-primary">
            <div class="panel-heading">
               <div style="float: right;">
                  <button type="button" class="btn btn-xs btn-success" data-toggle="modal" data-target="#upload_wordlist">Upload</button>
               </div>
               <h2 class="panel-title">Wordlists</h2>
            </div>
            <div class="panel-body">

         <table class="table table-striped table-condensed">
            <tr>
               <td><b>Name</b></td>
               <td><b>Lines</b></td>
               <td><b>MD5</b></td>
               <td></td>
            </tr>
            {% for wordlist in wordlist_list %}
            <tr>
               <td>{{ wordlist.name }}</td>
               <td>{{ wordlist.lines }}</td>
               <td>{{ wordlist.md5 }}</td>
               <td>
                     <form method="post">
                        {% csrf_token %}
                        <input type="hidden" name="action" value="remove"></input>
                        <input type="hidden" name="filetype" value="wordlist"></input>
                        <input type="hidden" name="filename" value="{{ wordlist.name }}"></input>
                        <button type="submit" class="btn btn-danger btn-xs confirm"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
                     </form>
               </td>
            </tr>
            {% endfor %}
         </table>

            </div>
         </div>
      </div>
   </div>

   <!-- Modal -->
   <div class="modal fade" id="upload_rule" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
     <div class="modal-dialog modal-lg" role="document">
       <div class="modal-content">
         <div class="modal-header">
           <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
           <h4 class="modal-title" id="myModalLabel">Upload rule</h4>
         </div>

         <div class="modal-body">

            <form action="{% url "Hashcat:upload_rule" %}" enctype="multipart/form-data" method="post">
            {% csrf_token %}
            <label for="name">Name</label>
            <input type="text" class="form-control" id="name" name="name">
            </br>
            <input type="file" name="file" size="40">
            </br>
            <button type="submit" class="btn btn-primary" >Upload</button>
            </form>
         </div>

         <div class="modal-footer">
         </div>
       </div>
     </div>
   </div>

   <!-- Modal -->
   <div class="modal fade" id="upload_mask" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
     <div class="modal-dialog modal-lg" role="document">
       <div class="modal-content">
         <div class="modal-header">
           <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
           <h4 class="modal-title" id="myModalLabel">Upload mask</h4>
         </div>

         <div class="modal-body">

            <form action="{% url "Hashcat:upload_mask" %}" enctype="multipart/form-data" method="post">
            {% csrf_token %}
            <label for="name">Name</label>
            <input type="text" class="form-control" id="name" name="name">
            </br>
            <input type="file" name="file" size="40">
            </br>
            <button type="submit" class="btn btn-primary" >Upload</button>
            </form>
         </div>

         <div class="modal-footer">
         </div>
       </div>
     </div>
   </div>

   <!-- Modal -->
   <div class="modal fade" id="upload_wordlist" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
     <div class="modal-dialog modal-lg" role="document">
       <div class="modal-content">
         <div class="modal-header">
           <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
           <h4 class="modal-title" id="myModalLabel">Upload wordlist</h4>
         </div>

         <div class="modal-body">

            <form action="{% url "Hashcat:upload_wordlist" %}" enctype="multipart/form-data" method="post">
            {% csrf_token %}
            <label for="name">Name</label>
            <input type="text" class="form-control" id="name" name="name">
            </br>
            <input type="file" name="file" size="40">
            </br>
            <button type="submit" class="btn btn-primary" >Upload</button>
            </form>
         </div>

         <div class="modal-footer">
         </div>
       </div>
     </div>
   </div>

   <script type="text/javascript">
      $(function() {
          $('.confirm').click(function() {
              return window.confirm("Are you sure?");
          });
      });
   </script>



{% endblock %}