{% extends 'base.html.twig' %}

{% block title %}Immobiliensuche - {{ parent() }}{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <style>
        .search-box {
            background: white;
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            padding: 30px;
            margin: 20px 0;
        }
        .api-links {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 15px;
            margin-top: 20px;
        }
        .api-link-card {
            background: #f9f9f9;
            padding: 20px;
            border-radius: 6px;
            border-left: 4px solid #4CAF50;
        }
        .api-link-card h4 {
            margin: 0 0 10px 0;
            color: #4CAF50;
        }
        .api-link-card a {
            color: #4CAF50;
            text-decoration: none;
            word-break: break-all;
        }
        .api-link-card a:hover {
            text-decoration: underline;
        }
        .api-link-card p {
            color: #666;
            font-size: 14px;
            margin: 10px 0;
        }
        .back-link {
            display: inline-block;
            margin-bottom: 20px;
            color: #4CAF50;
            text-decoration: none;
        }
        .back-link:hover {
            text-decoration: underline;
        }
    </style>
{% endblock %}

{% block body %}
    <a href="{{ path('app_immobilie_index') }}" class="back-link">← Zurück zur Übersicht</a>

    <div class="search-box">
        <h2>Immobiliensuche über API</h2>
        <p>Nutzen Sie die REST-API für erweiterte Suchfunktionen. Hier sind einige nützliche Endpoints:</p>

        <div class="api-links">
            <div class="api-link-card">
                <h4>Alle Immobilien</h4>
                <a href="/api/immobilies">
                    /api/immobilies
                </a>
                <p>Liste aller Immobilien (JSON-LD Format)</p>
            </div>

            <div class="api-link-card">
                <h4>API-Dokumentation</h4>
                <a href="/api">/api</a>
                <p>Vollständige API-Dokumentation mit allen verfügbaren Operationen</p>
            </div>

            <div class="api-link-card">
                <h4>Einzelne Immobilie</h4>
                <a href="/api/immobilies/1">
                    /api/immobilies/{id}
                </a>
                <p>Details zu einer bestimmten Immobilie</p>
            </div>
        </div>

        <h3 style="margin-top: 40px;">Beispiel-Abfragen</h3>

        <div class="api-link-card" style="margin-top: 20px;">
            <h4>Repository-Methoden (Backend)</h4>
            <p>Das ImmobilieRepository bietet folgende Suchmethoden:</p>
            <ul>
                <li><code>findVerfuegbare()</code> - Nur verfügbare Immobilien</li>
                <li><code>findByTyp(ImmobilienTyp)</code> - Nach Typ filtern</li>
                <li><code>findByPreisRange($min, $max)</code> - Preisspanne</li>
                <li><code>findByFlaecheRange($min, $max)</code> - Flächenbereich</li>
                <li><code>findMitGarage()</code> - Immobilien mit Garage</li>
                <li><code>findByMinZimmer($anzahl)</code> - Mindestanzahl Zimmer</li>
                <li><code>searchByAdresse($search)</code> - Adresssuche</li>
            </ul>
        </div>
    </div>
{% endblock %}