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

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

{% block content_project %}

<div class="row">
    <div class="col-md-8">

        <div class="box box-primary">
            <div class="box-header with-border">
                <h3 class="box-title">Activity Feed</h3>
            </div>
            <div class="box-body">
                {% if not changes %}
                <p class="alert alert-info">No activity yet.</p>
                {% else %}
                <ul class="timeline timeline-inverse">
                    {% for change in changes %}
                    <li class="time-label">
                        {% ifchanged change.created_at|date:"d b Y" %}
                        <span class="bg-blue bg-opencve">
                            {{ change.created_at|date:"d b Y" }}
                        </span>
                        {% endifchanged %}
                    </li>

                    <li>
                        {% if change|is_new_cve %}
                        <i class="fa fa-plus bg-red"></i>
                        {% else %}
                        <i class="fa fa-edit bg-blue"></i>
                        {% endif %}
                        <div class="timeline-item">
                            <span class="time" title="{{ change.created_at|date:'d b Y, H:i' }}"><i class="fa fa-clock-o"></i> {{ change.created_at|date:"H:i" }}</span>
                            <h3 class="timeline-header"><a href="{% url 'cve' cve_id=change.cve.cve_id %}">{{ change.cve.cve_id }}</a> <i>{% if change|is_new_cve %}is a new CVE{% else %}has changed{% endif %}</i> <a href="{% url 'change' cve_id=change.cve.cve_id id=change.id %}" class="btn-json-diff" data-toggle="tooltip" data-container="body" title="View the change details"><i class="fa fa-code"></i></a></h3>
                            <div class="timeline-body">
                                <p class="timeline-cve-summary">{{ change.cve.description }}</p>
                                {% include 'changes/change_events.html' %}
                            </div>
                        </div>
                    </li>
                    {% endfor %}

                </ul>
                {% endif %}

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

    </div>
    <div class="col-md-4">
        <!-- CVE Tracking Statistics -->
        {% if cve_tracking_stats %}
        <div class="box box-primary">
            <div class="box-header with-border">
                <h3 class="box-title">CVE Tracking Overview</h3>
                <div class="box-tools pull-right">
                    <a class="btn btn-box-tool" href="{% url 'project_vulnerabilities' org_name=request.current_organization.name project_name=project.name %}" data-toggle="tooltip" data-container="body" data-placement="left" title="View all vulnerabilities"><i class="fa fa-shield"></i></a>
                </div>
            </div>
            <div class="box-body" id="cves-tracking-stats">

                <!-- Status Statistics -->
                <div style="margin-bottom: 20px;">
                    <h4 class="text-small-14">
                        <i class="fa fa-tasks"></i> Status Breakdown
                    </h4>
                    {% if cve_tracking_stats.status_stats %}
                        <div class="table-responsive">
                            <table class="table table-condensed" style="margin-bottom: 0;">
                                {% for stat in cve_tracking_stats.status_stats %}
                                <tr class="clickable-row" style="cursor: pointer;" data-href="{% url 'project_vulnerabilities' org_name=request.current_organization.name project_name=project.name %}?assignee=&status={{ stat.status }}">
                                    <td>
                                        <span class="badge badge-{% if stat.status == 'to_evaluate' %}secondary{% elif stat.status == 'pending_review' %}secondary{% elif stat.status == 'analysis_in_progress' %}info{% elif stat.status == 'remediation_in_progress' %}info{% elif stat.status == 'evaluated' %}success{% elif stat.status == 'resolved' %}success{% elif stat.status == 'not_applicable' %}warning{% elif stat.status == 'risk_accepted' %}warning{% else %}secondary{% endif %}">
                                            {{ stat.status_display }}
                                        </span>
                                    </td>
                                    <td style="text-align: right;">
                                        <span class="text-muted">{{ stat.count }}</span>
                                    </td>
                                </tr>
                                {% endfor %}
                            </table>
                        </div>
                    {% else %}
                        <p class="text-muted text-small-12">No tracking data available</p>
                    {% endif %}
                </div>

                <hr />

                <!-- Assignee Statistics -->
                <div>
                    <h4 class="text-small-14">
                        <i class="fa fa-users"></i> Top Assignees
                    </h4>
                    {% if cve_tracking_stats.assignee_stats %}
                        <div class="table-responsive">
                            <table class="table">
                                {% for stat in cve_tracking_stats.assignee_stats|slice:":5" %}
                                <tr class="clickable-row" style="cursor: pointer;" data-href="{% url 'project_vulnerabilities' org_name=request.current_organization.name project_name=project.name %}?assignee={{ stat.assignee__username }}&status=">
                                    <td>
                                        <i class="fa fa-user" style="font-size: 11px; color: #999; margin-right: 5px;"></i>
                                        {{ stat.assignee__username }}
                                    </td>
                                    <td style="text-align: right;">
                                        <span class="badge badge-primary">{{ stat.count }}</span>
                                    </td>
                                </tr>
                                {% endfor %}
                            </table>
                        </div>
                    {% else %}
                        <p class="text-muted text-small-12">No assignments yet</p>
                    {% endif %}
                </div>
            </div>
        </div>
        {% endif %}

        <div class="box box-primary">
            <div class="box-header">
                <div class="box-title">Subscriptions</div>
                <div class="box-tools pull-right">
                    <a class="btn btn-box-tool" href="{% url 'subscriptions' org_name=request.current_organization.name project_name=project.name %}" data-toggle="tooltip" data-container="body" data-placement="left" title="Manage subscriptions"><i class="fa fa-gears"></i></a>
                </div>
            </div>
            <div class="box-body box-subscriptions">
                {% include 'projects/includes/subscriptions.html' %}
            </div>
        </div>

        <div class="box box-primary">
            <div class="box-header with-border">
                <h3 class="box-title">Last Reports</h3>
                <div class="box-tools pull-right">
                    <a class="btn btn-box-tool" href="{% url 'reports' org_name=request.current_organization.name project_name=project.name %}" data-toggle="tooltip" data-container="body" data-placement="left" title="See this project reports"><i class="fa fa-list-ul"></i></a>
                </div>
            </div>
            <div class="box-body">
                {% if reports %}
                <table class="table">
                    <thead>
                        <tr>
                            <th class="col-md-6">Date</th>
                            <th class="text-center">Number of 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></td>
                        <td class="text-center">{{ report.changes.count }}</td>
                    </tr>
                    {% endfor %}
                    </tbody>
                </table>
                {% else %}
                <p class="alert alert-info">No report available.</p>
                {% endif %}
            </div>
        </div>
    </div>
</div>

<script>
// Make rows clickable
document.addEventListener('DOMContentLoaded', function() {
    document.querySelectorAll('.clickable-row').forEach(function(row) {
        row.addEventListener('click', function() {
            var url = this.getAttribute('data-href');
            // Only allow navigation if URL is strictly relative to current origin
            if (url && /^\/[^\s]*$/.test(url)) {
                try {
                    var parsed = new URL(url, window.location.origin);
                    if (parsed.origin === window.location.origin && parsed.pathname.startsWith('/')) {
                        window.location.href = parsed.pathname + parsed.search + parsed.hash;
                    }
                } catch(e) {
                    // Ignore invalid URLs
                }
            }
        });
    });
});
</script>

{% endblock %}