{% extends "base.html" %}

{% block title %}LinkSync - Home{% endblock %}

{% block content %}
<div class="hero">
    <h1>LinkSync Server</h1>
    <p>Self-hosted bookmark server with advanced collection and query capabilities.</p>
    <div class="hero-actions">
        <a href="/api/docs" class="btn btn-primary">API Documentation</a>
        <a href="/api/links/" class="btn btn-secondary">Browse Links</a>
    </div>
</div>

<section id="links" class="section">
    <h2>Quick Links</h2>
    <div class="card-grid">
        <div class="card">
            <h3>Links</h3>
            <p>Manage your bookmarks with full CRUD operations.</p>
            <a href="/api/links/">View API</a>
        </div>
        <div class="card">
            <h3>Collections</h3>
            <p>Organize links into static or dynamic collections.</p>
            <a href="/api/collections/">View API</a>
        </div>
        <div class="card">
            <h3>Queries</h3>
            <p>Execute advanced queries with AND, OR, XOR operations.</p>
            <a href="/api/queries/">View API</a>
        </div>
        <div class="card">
            <h3>Sync</h3>
            <p>Sync bookmarks with browser extensions.</p>
            <a href="/api/sync/">View API</a>
        </div>
    </div>
</section>

<section id="collections" class="section">
    <h2>Features</h2>
    <ul class="feature-list">
        <li>True Collections - Static or dynamic sets of links</li>
        <li>Advanced Query Engine - AND, OR, XOR set operations</li>
        <li>Firefox-Compatible Fields - All bookmark attributes supported</li>
        <li>Multi-User Support - Authentication with roles</li>
        <li>RESTful API - Full CRUD operations</li>
        <li>Docker-Ready - Easy deployment</li>
    </ul>
</section>

<section id="queries" class="section">
    <h2>Query Syntax</h2>
    <div class="code-block">
        <code>('term1', 'term2') OR tagA AND tagB XOR url:example.com</code>
    </div>
    <p>Precedence: <code>()</code> &gt; XOR &gt; AND &gt; OR</p>
</section>
{% endblock %}