{% extends 'projects/base_project.html' %}
{% load static tz %}

{% block title %}{{ automation.name }} - {{ block.super }}{% endblock %}

{% block content_project %}

<div class="row">
    {% include 'projects/automations/_menu.html' with active_section='overview' %}

    <div class="col-md-9 col-sm-8">
        <div class="box box-primary">
            <div class="box-header with-border">
                <h3 class="box-title">Summary</h3>
            </div>
            <div class="box-body automation-summary-body">
                <div class="row automation-summary-columns">
                    <div class="col-sm-6">
                        <dl class="dl-horizontal automation-summary-dl">
                            <dt>Type</dt>
                            <dd class="automation-summary-type">
                                {% if automation.trigger_type == 'report' %}
                                <i class="fa fa-calendar automation-type-icon automation-type-icon--report"></i>
                                <span>Report</span>
                                {% else %}
                                <i class="fa fa-bolt automation-type-icon automation-type-icon--alert"></i>
                                <span>Alert</span>
                                {% endif %}
                            </dd>
                            <dt>Name</dt>
                            <dd>{{ automation.name }}</dd>
                            <dt>Status</dt>
                            <dd>
                                {% if automation.is_enabled %}
                                <span class="label label-success">Enabled</span>
                                {% else %}
                                <span class="label label-default">Disabled</span>
                                {% endif %}
                            </dd>
                        </dl>
                    </div>
                    <div class="col-sm-6">
                        <dl class="dl-horizontal automation-summary-dl">
                            <dt>Last execution</dt>
                            <dd>
                                {% if automation.last_execution_at %}
                                {{ automation.last_execution_at|date:"Y-m-d H:i" }}
                                {% else %}
                                <span class="text-muted">Never</span>
                                {% endif %}
                            </dd>
                            <dt>Created at</dt>
                            <dd>{{ automation.created_at|date:"Y-m-d H:i" }}</dd>
                            <dt>Updated at</dt>
                            <dd>{{ automation.updated_at|date:"Y-m-d H:i" }}</dd>
                        </dl>
                    </div>
                </div>
            </div>
        </div>

        <div class="box box-primary">
            <div class="box-header with-border">
                <h3 class="box-title">Automation flow</h3>
                <div class="box-tools pull-right">
                    {% if can_manage_automations %}
                    <a href="{{ url_configuration }}" class="btn btn-xs btn-default"><i class="fa fa-pencil"></i> Edit configuration</a>
                    {% endif %}
                </div>
            </div>
            <div class="box-body">
                {{ automation_flow_graph|json_script:"automation-flow-graph-data" }}
                <div id="automation-flow-graph" class="automation-flow-graph"></div>
            </div>
        </div>

        <div class="box box-primary">
            <div class="box-header with-border">
                <h3 class="box-title">Latest executions</h3>
                <div class="box-tools pull-right">
                    <a href="{{ url_executions }}" class="btn btn-xs btn-default"><i class="fa fa-history"></i> View all</a>
                </div>
            </div>
            <div class="box-body no-padding">
                <div class="table-responsive">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th>Execution time</th>
                                <th>Window</th>
                                <th>CVEs</th>
                                <th>Results</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for event in activity_events %}
                            <tr class="automation-execution-row" data-execution-id="{{ event.execution_id }}">
                                <td>{{ event.executed_at|date:"Y-m-d H:i" }}</td>
                                <td>{% if automation.trigger_type == 'report' %}{% timezone automation.schedule_timezone %}{{ event.window_start|date:"M j, Y H:i:s" }} – {{ event.window_end|date:"M j, Y H:i:s" }}{% endtimezone %}{% else %}{{ event.window_start|time:"H:i" }}–{{ event.window_end|time:"H:i" }}{% endif %}</td>
                                <td>{{ event.matched_cves_count }}</td>
                                <td>
                                    {% if event.result_entries %}
                                        {% for entry in event.result_entries %}
                                            <i class="fa {{ entry.icon }} automation-result-icon {% if entry.status == 'success' %}text-success{% elif entry.status == 'skipped' %}text-muted{% else %}text-danger{% endif %}" data-toggle="tooltip" data-placement="top" data-container="body" title="{{ entry.label }} ({{ entry.status_display }})" aria-label="{{ entry.label }}"></i>
                                        {% endfor %}
                                    {% else %}
                                        —
                                    {% endif %}
                                </td>
                            </tr>
                            {% empty %}
                            <tr><td colspan="4" class="text-muted">No activity yet.</td></tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

{% include 'projects/automations/_drawer.html' %}

{% endblock %}

{% block extra_scripts %}
<script src="{% static 'js/dagre.min.js' %}" type="text/javascript"></script>
<script src="{% static 'js/automation_flow_graph.js' %}" type="text/javascript"></script>
<script>
AutomationDrawer.init("{% url 'automation_execution_drawer' org_name=request.current_organization.name project_name=project.name automation=automation_url_name execution_id='00000000-0000-0000-0000-000000000000' %}");
AutomationFlowGraph.init('#automation-flow-graph');
</script>
{% endblock %}