{% if submissions|length == 0 %}
<div class="text-center text-description py-8">
    No submissions found. <a href="/upload" class="link-info hover:underline">Upload a file</a> to start analysis.
</div>
{% else %}

<div class="grid grid-cols-1 gap-4">
    {% for submission in submissions %}
    <div class="border border-card rounded-lg p-4 hover:shadow-md transition-shadow">
        <div class="flex justify-between items-start">
            <div class="flex-1">
                <div class="flex items-center space-x-3 mb-2">
                    <h3 class="font-semibold text-lg">Submission #{{ submission.id }}</h3>
                    <span class="px-2 py-1 rounded text-xs font-medium {{ get_status_color(submission.status) }}"> 
                        {{ submission.status }}
                    </span>
                </div>

                <div class="grid grid-cols-12 gap-4 px-4 py-2 bg-light rounded">
                    <div class="col-span-4">
                        <p class="text-secondary text-sm">
                            <strong>{{ submission.file.filename }}</strong> 
                            <a href="/files/{{ submission.file_id }}" class="link-info hover:underline">
                                ({{ submission.file_id }})
                            </a>
                        </p>
                        {% if submission.file and submission.file.comment %}
                        <p class="text-secondary text-sm">File Comment: {{ submission.file.comment }}</p>
                        {% endif %}

                        {% if submission.project %}
                        <p class="text-secondary text-sm">Submission project: {{ submission.project }}</p>
                        {% endif %}
                        {% if submission.comment %}
                        <p class="text-secondary text-sm">Submission Comment: {{ submission.comment }}</p>
                        {% endif %}
                        {% if submission.profile %}
                        <p class="text-secondary text-sm">
                            {{submission.execution_mode}} @ 
                            <a href="/profiles/view/{{ submission.profile.id }}" class="link-info hover:underline">
                                {{ submission.profile.name }} 
                            </a>
                            (for {{submission.runtime}}s)</p>
                        {% endif %}

                        {% if submission.agent_phase %}
                        <p class="text-secondary text-sm">Agent Phase: {{ submission.agent_phase }}</p>
                        {% endif %}

                        {% if submission.absorber_status %}
                        <p class="text-secondary text-sm">Absorber: {{ submission.absorber_status }}</p>
                        {% endif %}
                            
                        {% if submission.drop_path %}
                        <p class="text-secondary text-sm">Malware Path: {{ submission.drop_path }}</p>
                        {% endif %}

                        {% if submission.edr_verdict %}
                        <p class="text-label mt-2">
                            <span class="px-2 py-1 rounded text-xs font-medium {{ get_submission_status_color(submission.edr_verdict) }}"> {{ submission.edr_verdict }}</span>
                        </p>
                        {% endif %}
                        
                        <div class="text-description text-xs mt-2">
                            <p>Created: {{ submission.created_at|strftime('%Y-%m-%d %H:%M:%S') }}</p>
                            {% if submission.completed_at %}
                            <p>Completed: {{ submission.completed_at|strftime('%Y-%m-%d %H:%M:%S') }}</p>
                            {% endif %}
                        </div>
                    </div>
                    <div class="col-span-8">
                        {% if submission.alerts and submission.alerts|length > 0 %}
                        <table class="min-w-full divide-y divide-gray-600 text-sm">
                            <thead>
                                <tr>
                                    <th class="px-3 py-2 text-left font-medium text-label">Threat</th>
                                    <th class="px-3 py-2 text-left font-medium text-label">Severity</th>
                                    <th class="px-3 py-2 text-left font-medium text-label">Source</th>
                                </tr>
                            </thead>
                            <tbody class="divide-y divide-gray-600">
                                {% for alert in submission.alerts %}
                                <tr>
                                    <td class="px-3 py-2">
                                        {{ alert.title }}
                                        {% if alert.source == "Defender Local" %}
                                            (<a href="https://defendersearch.r00ted.ch/search?threat_name={{ alert.title }}" class="link-info hover:underline" target="_blank">DefenderDB</a>)
                                        {% elif alert.source == "Elastic Plugin" %}
                                            {% set rule_path = alert.additional_data.rule_id|resolve_elastic_rule if alert.additional_data and alert.additional_data.rule_id else None %}
                                            {% if rule_path %}
                                            (<a href="https://github.com/elastic/detection-rules/tree/main/{{ rule_path }}" class="link-info hover:underline" target="_blank">ElasticDB</a>)
                                            {% endif %}
                                        {% endif %}
                                    </td>
                                    <td class="px-3 py-2 whitespace-nowrap">
                                        <span class="px-2 py-0.5 rounded {{ get_alert_severity_color(alert.severity) }}">
                                            {{ alert.severity or 'Unknown' }}
                                        </span>
                                    </td>
                                    <td class="px-3 py-2 whitespace-nowrap">{{ alert.source or 'N/A' }}</td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                        {% elif submission.status == "finished" %}
                            {% if submission.absorber_status == "running" %}
                                (No alerts yet - absorber still running)
                            {% else %}
                                (No alerts)
                            {% endif %}
                        {% else %}
                            <pre class="bg-card-header p-2 rounded text-sm max-h-32 overflow-y-auto" data-scroll-bottom
                                >{{(submission.server_logs.strip().split('\n')[-5:]|join('\n')).strip()}}
                            </pre>
                        {% endif %}
                    </div>
                </div>
            </div>
            
            <div class="flex flex-col space-y-2 ml-4">
                <button onclick="window.location.href='/submissions/{{ submission.id }}'" class="btn-primary text-sm">
                    Details
                </button>
                {% if submission.agent_phase == "executing" %}
                <button data-auth-required onclick="submissionStopExec({{ submission.id }})" class="px-3 py-1 rounded text-sm text-white" style="background-color: var(--warning);" title="Stop Execution">
                    Stop Exec
                </button>
                {% endif %}
                <button data-auth-required onclick="resubmissionSubmission({{ submission.id }})" class="px-3 py-1 rounded text-sm text-white" style="background-color: var(--warning);" title="Resubmit">
                    Resubmit
                </button>
                <button data-auth-required onclick="deleteSubmission({{ submission.id }})" class="btn-danger text-sm" title="Delete Submission">
                    Delete
                </button>
                                
                {% if submission.rededr_events %}
                <button onclick="window.open('/semidatasieve/{{ submission.id }}')" class="px-3 py-1 rounded text-sm border" style="color: var(--danger); border-color: var(--danger); background-color: rgba(220, 38, 38, 0.1);">RedEdr</button>
                {% endif %}

            </div>
        </div>
    </div>
    {% endfor %}
</div>

<script>
// Define deleteSubmission function globally if not already defined
if (typeof deleteSubmission === 'undefined') {
    window.deleteSubmission = function(submissionId) {
        if (confirm('Are you sure you want to delete this submission? This action cannot be undone.')) {
            fetch('{{ API_BASE_URL }}/api/submissions/' + submissionId, {
                method: 'DELETE'
            })
            .then(response => response.json())
            .then(data => {
                if (data.error) {
                    alert('Error deleting submission: ' + data.error);
                } else {
                    // Trigger refresh of the submissions container via HTMX
                    if (typeof refreshSubmissions === 'function') {
                        refreshSubmissions();
                    } else {
                        // Fallback: reload the submissions list
                        htmx.ajax('GET', '/templates/submissions', {
                            target: '#submissions-container',
                            swap: 'innerHTML'
                        });
                    }
                }
            })
            .catch(error => {
                console.error('Error:', error);
                alert('Failed to delete submission');
            });
        }
    };
}

// Define resubmissionSubmission function globally if not already defined
if (typeof resubmissionSubmission === 'undefined') {
    window.resubmissionSubmission = function(submissionId) {
        if (confirm('Are you sure you want to resubmission this submission? It will be reset to fresh status and requeued.')) {
            fetch('{{ API_BASE_URL }}/api/submissions/' + submissionId + '/resubmission', {
                method: 'POST'
            })
            .then(response => response.json())
            .then(data => {
                if (data.error) {
                    alert('Error reprocessing: ' + data.error);
                } else {
                    // Trigger refresh of the submissions container via HTMX
                    if (typeof refreshSubmissions === 'function') {
                        refreshSubmissions();
                    } else {
                        // Fallback: reload the submissions list
                        htmx.ajax('GET', '/templates/submissions', {
                            target: '#submissions-container',
                            swap: 'innerHTML'
                        });
                    }
                }
            })
            .catch(error => {
                console.error('Error:', error);
                alert('Failed to resubmission');
            });
        }
    };
}

// Define submissionStopExec function globally if not already defined
if (typeof submissionStopExec === 'undefined') {
    window.submissionStopExec = function(submissionId) {
        if (confirm('Are you sure you want to stop this submission execution?')) {
            fetch('{{ API_BASE_URL }}/api/submissions/' + submissionId + '/stop_exec', {
                method: 'POST'
            })
            .then(response => response.json())
            .then(data => {
                if (data.error) {
                    alert('Error stopping submission: ' + data.error);
                } else {
                    // Trigger refresh of the submissions container via HTMX
                    if (typeof refreshSubmissions === 'function') {
                        refreshSubmissions();
                    } else {
                        // Fallback: reload the submissions list
                        htmx.ajax('GET', '/templates/submissions', {
                            target: '#submissions-container',
                            swap: 'innerHTML'
                        });
                    }
                }
            })
            .catch(error => {
                console.error('Error:', error);
                alert('Failed to stop submission');
            });
        }
    };
}
</script>
{% endif %}