{% extends "scanEngine/base.html" %}

{% block title %}
<title>Targets</title>
{% endblock %}

{% block content %}


{% if targets|length_is:"0" %}
{% else %}

<div class="row mt-3">
    <div class="col-sm col-12 col-md-9">
        <h4><span class="badge" style="background: #212529;">Bookmark {{ targets|length }}</span></h4>
    </div>

    <div class="col-sm mb-2">
        <form method="GET" action=".">
        <input class="form-control" name="q" type="search" placeholder="Search" aria-label="Search"> 
    </div>
    <div class="col-sm-1 mr-3">
        <button class="btn btn-outline-success" type="submit">Search</button>
    </div>
        </form>
</div>

{%  endif %}

{% if messages %}
    {% for message in messages %}
        <div class="alert alert-{{ message.tags }} text-center">
            {{ message|safe }}
        </div>
    {% endfor %}
{% endif %}

<div class="row mt-3">
    {% if targets|length_is:"0" %}
    <div class="alert alert-danger text-center" role="alert">
        You don't have any Bookmark
    </div>
    {% endif %}

    {% for target in targets %}
    <div class="col-xl-3 col-md-6">
        <div class="card border border-primary mb-3" style="max-width: 25rem;">
            <div class="card-header text-success text-white text-center" style="background: #212529;">{{ target|lower|title }}</div>
            <div class="card-body text-primary text-center">Scan:- {{ target.scan_type }}</div>
            <div class="card-footer text-center">
                <a href="{% url 'target-view' target.id %}" class="btn text-white" style="background: #212529;">View</a>
            </div>
            <div class="card-footer text-center text-muted">
                {{ target.scan_date|date:"F d, Y" }}
            </div>
        </div>
    </div>
    {% endfor %}
</div>

<div class="text-center">

    {% if targets.has_other_pages == False %}
    {% else %}
      {% if targets.has_previous %}
        <a class="btn btn-outline-primary mb-4" href="?page=1">First</a>
        <a class="btn btn-outline-primary mb-4" href="?page={{ targets.previous_page_number }}">Previous</a>
      {% endif %}

      {% for num in targets.paginator.page_range %}
        {% if targets.number == num %}
          <a class="btn btn-dark mb-4" href="?page={{ num }}">{{ num }}</a>
        {% elif num > targets.number|add:'-3' and num < targets.number|add:'3' %}
          <a class="btn btn-outline-primary mb-4" href="?page={{ num }}">{{ num }}</a>
        {% endif %}
      {% endfor %}

      {% if targets.has_next %}
        <a class="btn btn-outline-primary mb-4" href="?page={{ targets.next_page_number }}">Next</a>
        <a class="btn btn-outline-primary mb-4" href="?page={{ targets.paginator.num_pages }}">Last</a>
      {% endif %}
      {% endif %}

</div>

{% endblock %}
</div>
</div>
</body>
</html>