<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="static/javascript.js"></script>

<div class="table-container">
  <div class="results-table-new">
    <table id="data" class="table table-striped">
      <thead>
        <th>IP address</th>
        <th>VirusTotal</th>
        <th>AbuseIPDB</th>
        <th>Domain</th>
        <th>Registration country</th>
        <th>Registration date</th>
        <th>Email security</th>
      </thead>
      <tbody>
        {% for host in hosts %}
        <tr>
          <td>{{host.host}}</td>
          <td>Score: {{host.vt['score']}} / {{host.vt['total']}}<br>
            Last updated: {{host.vt['last_update']}}</td>
          <td>Score: {{host.abuseipdb['data']['abuseConfidenceScore']}}
            Last reported: {{host.abuseipdb['data']['lastReportedAt']}}</td>
          <td>{{host.domain}}</td>
          <td>{{host.metadata['registrar_country']}}</td>
          <td>{{host.metadata['creation_date']}}</td>
          <td>SPF: {{host.emailsec[0]}}, DMARC: {{host.emailsec[1]}}</td>
        </tr>
        <tr>
          <td colspan="7" id="info">
            <p>
              Vendor marked this host as malicious or suspicious:
              {% for vendor in host.vt['vendors'] %}
              {{vendor}}
              {% endfor %}
              <br>
              Some relevant data from AbuseIPDB:
              {{ host.abuseipdb }}
            </p>
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>

{% block scripts %}

<script>
  $(document).ready(function () {
    $('#data').DataTable({
      paging: true,
      searching: true,
      info: true,
      columnDefs: [{
        targets: '_all',
        createdCell: function (td, cellData, rowData, row, col) {
          if (cellData == 'outlook.com' && col == 0) {
            $(td).css({'background-color': 'red', 'color': 'white'});
            console.log(cellData);
          }
          if (cellData.startsWith('Score: 0') && col == 1) {
            console.log("TEST", cellData);
            $(td).css({'background-color': 'green', 'color': 'white'});
          }
        }
      }]
    });
  });
</script>

{% endblock %}