{% extends "base.html" %}
{% block title %}
Fix Inventory
{% endblock %}

{% block content %}
<!-- Top Navigation -->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
    <div class="container-fluid">
        <a class="navbar-brand" href="#">Fix Inventory</a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav">
                <!-- Other nav items go here -->
            </ul>
            <ul class="navbar-nav ms-auto">
                <li class="nav-item">
                    <a class="nav-link" href="https://inventory.fix.security">Documentation</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="https://fix.security">Fix</a>
                </li>
            </ul>
        </div>
    </div>
</nav>

<!-- Hero Banner -->
<section class="p-5 text-center bg-light">
    <div class="container">
        <img src="/static/fixinventory_logo_and_text.svg" width="400" class="mb-3" alt="Fix Inventory"/>
        <p class="lead">Your infrastructure control plane that continuously monitors and maintains your cloud
            resources.</p>
    </div>
</section>

<!-- List of links -->
<div class="container w-75 mx-auto">
    <ul class="list-group mx-auto mw-50 mb-5">
        <a href="https://inventory.fix.security/getting-started" class="list-group-item list-group-item-action">Getting Started</a>
        <a href="https://inventory.fix.security/how-to-guides" class="list-group-item list-group-item-action">How-To Guides</a>
        <a href="https://inventory.fix.security/reference" class="list-group-item list-group-item-action">Documentation Reference</a>
        <a href="/notebook/index.html" class="list-group-item list-group-item-action">Create a Jupyter Notebook</a>
        <a href="/api-doc" class="list-group-item list-group-item-action">REST API docs</a>
        <a href="https://github.com/someengineering/fixinventory" class="list-group-item list-group-item-action">Check out the sources</a>
        <a href="https://github.com/someengineering/fixinventory/issues/new/choose" class="list-group-item list-group-item-action">Report a problem or request a feature</a>
        <a href="https://discord.gg/someengineering" class="list-group-item list-group-item-action">Talk to us on Discord</a>
    </ul>
    <div class="alert alert-secondary" role="alert">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-exclamation-triangle-fill flex-shrink-0 me-2" viewBox="0 0 16 16" role="img" aria-label="Warning:">
            <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"/>
        </svg>
        <strong> Don't want to manage your own Fix Inventory installation?</strong><br/>
        Check out <a href="https://fix.security">Fix</a> an all-in-one security dashboard built on top of Fix Inventory.
    </div>
</div>
{% endblock %}
