{% extends "base.html" %}

{% block content %}
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <h2><i class="fas fa-info-circle"></i> API Information</h2>
            </div>
            <div class="card-body">
                <h4>API Endpoints</h4>
                <ul>
                    <li><code>GET /</code> - Home page (this page)</li>
                    <li><code>GET /projects</code> - List all projects</li>
                    <li><code>GET /obs/source/&lt;path&gt;</code> - Forward GET requests to OBS backend</li>
                    <li><code>POST /obs/source/&lt;path&gt;</code> - Forbidden (405)</li>
                    <li><code>PUT /obs/source/&lt;path&gt;</code> - Forbidden (405)</li>
                    <li><code>PATCH /obs/source/&lt;path&gt;</code> - Forbidden (405)</li>
                </ul>
                
                <h4>Configuration</h4>
                <p><strong>Backend URL:</strong> {{ config.OBS_SRC_SERVER }}</p>
                
                <div class="mt-4">
                    <h4>Usage Examples</h4>
                    <pre class="bg-dark p-3 rounded"><code>View all projects: GET /
View project details: GET /obs/source/openSUSE:Tools/
View project files: GET /obs/source/openSUSE:Tools/build/
</code></pre>
                </div>
                
                <div class="mt-4">
                    <h4>Security</h4>
                    <p>This proxy only allows read-only access to the OBS backend:</p>
                    <ul>
                        <li>GET requests are forwarded to OBS</li>
                        <li>POST, PUT, PATCH requests are blocked (HTTP 405)</li>
                        <li>Designed for secure, read-only access to OBS data</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}