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

{% block title %}
<title>{{ scan_type }} 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;">Targets {{ total_targets }}</span></h4>
        <h5><span class="badge badge-dark">{{ scan_type }}</span></h5>
    </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 }}">
            {{ message|safe }}
        </div>
    {% endfor %}
{% endif %}

<div class="row mt-3">
    {% if total_targets == 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 context %}
    <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|upper|truncatechars:24 }}</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 %}" style="background: #212529;" class="btn btn-primary">View</a>
            </div>
            <div class="card-footer text-muted text-center"><small>{{ target.scan_date|date:"F d, Y" }}</small></div>
        </div>
    </div>
    {% endfor %}
</div>



<div class="text-center">

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

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

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

</div>

{% endblock %}



    


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

</html>