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

{% block title %}
<title>Scan Overview</title>
{% endblock %}

{% block content %}

{% if total_targets == 0 %}
{% else %}

<div class="row mt-3">
    <div class="col-sm col-12 col-md-9">
        <h4><span class="badge" style="background: #212529;">{{ total_targets }} Scans Completed</span></h4>
    </div>

    <div class="col-sm mb-2">
        <form method="GET" action="{% url 'scan-search' %}">
        <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 my-2 my-sm-0 pull-right" type="submit">Search</button>
    </div>
        </form>

  </div>

{%  endif %}

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

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

    <div>
        <a href="{% url 'add-target' %}" class="btn btn-primary">Add Target</a>
    </div>
    {% endif %}

    {% for target in scans %}
    <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.scan_item.target_name|lower|title }}</div>
            <div class="card-body text-primary text-center">Scan:- {{ target.scan_item.scan_type }}</div>
            <div class="text-muted">{{ target.scan_item.date_posted }}</div>
            <div class="card-footer text-center">
                <a href="{% url 'target-view' target.scan_item.id %}" style="background: #212529;" class="btn btn-primary">View</a>
            </div>
        </div>
    </div>
    {% endfor %}

</div>

<div class="text-center">

    {% if scans.has_other_pages == False %}
    {% else %}

    {% if scans.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={{ context.previous_page_number }}">Previous</a>
    {% endif %}

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

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

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

</html>