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

{% block title %}
<title>Scans</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 bg-primary">Targets {{ context|length }}</span></h4>
    </div>

    <div class="col-sm">
        <form method="GET" action=".">
        <input class="form-control" name="q" type="search" placeholder="Search" aria-label="Search"> 
    </div>
    <div class="col-sm-1">
        <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|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 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 bg-primary text-center">{{ target.target_name|lower|title }}</div>
            <div class="card-body text-primary text-center">Scan:- {{ target.scan_type }}</div>
            <div class="text-muted">{{ target.date_posted }}</div>
            <div class="card-footer text-center">
                <a href="{% url 'target-view' target.id %}" class="btn btn-primary">View</a>
            </div>
        </div>
    </div>
    {% endfor %}
</div>

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