{% extends "base.html" %}
{% set active_section = "home" %}

{% block title %}SPIKEE — Prompt Injection Testing{% endblock %}

{% block body_class %}no-subnav{% endblock %}

{% block content %}
<div class="container-fluid d-flex align-items-center justify-content-center spikee-home">
    <div class="text-center">
        <img src="/static/logo.png" alt="Spikee" class="mb-4 spikee-home-logo">
        <h1 class="fw-bold mb-1">SPIKEE</h1>
        <p class="text-muted mb-1 fs-5">Simple Prompt Injection Kit for Evaluation and Exploitation</p>
        <p class="mb-3 d-flex align-items-center justify-content-center gap-3">
            <span class="badge bg-secondary font-monospace fw-normal">v{{ spikee_version }}</span>
            <a href="https://github.com/ReversecLabs/spikee" target="_blank" rel="noopener"
               class="text-muted small text-decoration-none">
                <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor"
                     class="bi bi-github me-1 mb-1" viewBox="0 0 16 16">
                    <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38
                             0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13
                             -.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66
                             .07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15
                             -.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27
                             s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12
                             .51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48
                             0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8
                             c0-4.42-3.58-8-8-8"/>
                </svg>
                GitHub
            </a>
            <a href="https://spikee.ai/" target="_blank" rel="noopener"
               class="text-muted small text-decoration-none">
                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor"
                     class="bi bi-globe me-1 mb-1" viewBox="0 0 16 16">
                    <path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887
                             1.855A8 8 0 0 0 5.145 4H7.5zM4.09 4a9.3 9.3 0 0 1 .64-1.539
                             7 7 0 0 1 .597-.933A7.03 7.03 0 0 0 2.255 4zm-.582 3.5
                             c.03-.877.138-1.718.312-2.5H1.674a6.96 6.96 0 0 0-.656 2.5zM4.847 5
                             a12.5 12.5 0 0 0-.338 2.5H7.5V5zM8.5 5v2.5h2.99a12.5 12.5 0 0
                             0-.337-2.5zm4.239 0h1.932a6.96 6.96 0 0 1 .656 2.5h-2.32
                             c.174-.782.282-1.623.312-2.5zM5.145 5.5a13 13 0 0 0-.345 2.5H7.5V5.5z
                             M8.5 5.5V8h2.7a13 13 0 0 0-.345-2.5zM4.8 8.5a13 13 0 0 0 .345 2.5H7.5V8.5z
                             M8.5 8.5V11h2.355a13 13 0 0 0 .345-2.5zm-4.507 2.5A9.3 9.3 0 0 1 4.64
                             12.461a7 7 0 0 1-.597.933A7.03 7.03 0 0 0 1.255 11zm3.007 1.5c.552
                             1.035 1.218 1.651 1.887 1.855V12.5zm2.5 1.855c.67-.204 1.335-.82
                             1.887-1.855H8.5zm4.52-1.855a7.03 7.03 0 0 0-2.788-1.394 7 7 0 0
                             1-.597-.933 9.3 9.3 0 0 1-.64-1.461zm.582-3.5H11.99
                             a12.5 12.5 0 0 1-.337-2.5h2.32a6.96 6.96 0 0 1-.657 2.5z"/>
                </svg>
                spikee.ai
            </a>
        </p>

        <div class="d-flex flex-wrap justify-content-center gap-3 mt-2">
            <a href="/jobs" class="btn btn-spikee btn-lg px-4">
                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor"
                     class="bi bi-list-task me-2 mb-1" viewBox="0 0 16 16">
                    <path fill-rule="evenodd"
                          d="M2 2.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5V3a.5.5 0 0 0-.5-.5zM3 3H2v1h1z"/>
                    <path d="M5 3.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5M5.5 7a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1zm0 4a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1z"/>
                    <path fill-rule="evenodd"
                          d="M1.5 7a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H2a.5.5 0 0 1-.5-.5zm1 0H2v1h1zm-1 3.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm1 .5H2v1h1z"/>
                </svg>
                Jobs
            </a>
            <a href="/generate" class="btn btn-outline-spikee btn-lg px-4">Generate</a>
            <a href="/test" class="btn btn-outline-spikee btn-lg px-4">Test</a>
            <a href="/results" class="btn btn-outline-spikee btn-lg px-4">Results</a>
        </div>
    </div>
</div>
{% endblock %}