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

{% block title %}Reports - {{ block.super }}{% endblock %}

{% block content_project %}

<div class="row">
    <div class="col-md-3 col-sm-4">

        {% if can_manage_automations %}
        <a href="{% url 'create_automation' org_name=request.current_organization.name project_name=project.name trigger_type='report' %}" class="btn btn-primary btn-block margin-bottom">
            <i class="fa fa-plus"></i> New Report Automation
        </a>
        {% endif %}

        <div class="box box-solid">
            <div class="box-header with-border">
                <h3 class="box-title"><i class="fa fa-info-circle"></i> Info</h3>
            </div>
            <div class="box-body">
                <p>Reports are created by report automations.</p>
                <p><strong>Daily</strong> reports include CVEs collected during the previous full day in the automation’s timezone.</p>
                <p><strong>Weekly</strong> reports include CVEs collected during the previous 7 full days, ending the day before the scheduled send time.</p>
                <p>For example, a weekly report scheduled on Friday includes CVEs from the previous Friday through Thursday.</p>
            </div>
        </div>

        <div class="box box-solid">
            <div class="box-header with-border">
                <h3 class="box-title">Period</h3>
            </div>
            <div class="box-body no-padding">
                <ul class="nav nav-pills nav-stacked">
                    <li class="{% if not request.GET.period %}active{% endif %}"><a href="{% url 'reports' org_name=request.current_organization.name project_name=project.name %}"><i class="fa fa-inbox"></i> All</a></li>
                    {% for period_value, period_label in period_choices %}
                    <li class="{% if request.GET.period == period_value %}active{% endif %}"><a href="{% url 'reports' org_name=request.current_organization.name project_name=project.name %}?period={{ period_value }}"><i class="fa fa-{% if period_value == 'daily' %}clock-o{% else %}calendar{% endif %}"></i> {{ period_label }}</a></li>
                    {% endfor %}
                </ul>
            </div>
        </div>
    </div>

    <div class="col-md-9 col-sm-8">
        <div class="box box-primary">
            <div class="box-header with-border">
                <h3 class="box-title">Reports{% if page_obj.paginator.count %} ({{ page_obj.paginator.count }}){% endif %}</h3>
            </div>
            <div class="box-body no-padding">
                {% if reports %}
                <div class="table-responsive">
                    <table class="table table-hover table-striped">
                        <thead>
                            <tr>
                                <th>Report</th>
                                <th>Automation</th>
                                <th>Changes</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for report in reports %}
                            <tr>
                                <td>
                                    <a href="{% url 'report' org_name=request.current_organization.name project_name=project.name report_id=report.id %}">{{ report.day|date:"D d M Y" }}</a>
                                    <br><small class="text-muted">{% timezone report.period_timezone %}{{ report.period_window_start|date:"M j, Y H:i" }} → {{ report.period_window_end|date:"M j, Y H:i" }}{% endtimezone %} {{ report.period_timezone }}</small>
                                </td>
                                <td>
                                    {% if report.automation %}<a href="{% url 'automation_overview' org_name=request.current_organization.name project_name=project.name automation=report.automation.name %}">{{ report.automation.name }}</a>{% else %}-{% endif %}
                                    <br><small class="text-muted">{% if report.period_type == "daily" %}Daily{% else %}Weekly{% endif %}</small>
                                </td>
                                <td>
                                    <div class="report-changes-line">
                                        {{ report.changes_summary|report_summary_count }}
                                        {% if report.changes_summary.count %}
                                        <span class="report-changes-cvss">{{ report.changes_summary|report_summary_cvss }}</span>
                                        {% endif %}
                                    </div>
                                    {% if report.changes_summary.count %}
                                    <small class="text-muted report-changes-excerpt">{{ report.changes_summary|report_summary_excerpt }}</small>
                                    {% endif %}
                                </td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
                {% else %}
                <div style="padding: 20px;">
                    <p class="text-muted">No reports yet. Create a report automation using the button on the left.</p>
                </div>
                {% endif %}
            </div>
        </div>

        {% if reports %}
        {% if page_obj.has_previous or page_obj.has_next %}
        <div class="center">
            <ul class="pagination">
                {% if page_obj.has_previous %}
                    <li class="previous"><a href="{% url 'reports' org_name=request.current_organization.name project_name=project.name %}?{% query_params_url 'page' page_obj.previous_page_number %}">« prev </a></li>
                {% endif %}
                {% if page_obj.has_next %}
                    <li class="next"><a href="{% url 'reports' org_name=request.current_organization.name project_name=project.name %}?{% query_params_url 'page' page_obj.next_page_number %}">next »</a></li>
                {% endif %}
            </ul>
        </div>
        {% endif %}
        {% endif %}
    </div>
</div>

{% endblock %}