{% extends "layout.html" %}

{% load static %}
{% load i18n %}
{% load search %}

{% comment %}
Layout of the info boxes below the banner:
- Three columns from lg (>= 992px) up, stacked full width below. At md
  (tablet) three columns are too narrow for the text and buttons.
- Each box is a flex column; its button group (.homepage-actions) is pushed to
  the bottom with mt-auto, so the buttons of one row line up on desktop.
- Buttons are spaced with mr-2 mb-2 (Bootstrap 4 has no gap utility) so they
  wrap cleanly instead of touching; the group cancels the trailing margins with mr-n2 mb-n2, so the last
  button in a line does not force an early wrap.
- "View all" buttons are centred under the lists only in the 3-column layout.
The API, MCP and dataset details live on /pages/api/; this page only links there.
{% endcomment %}

{% block wrap_content %}
    {% include 'homepage/banner.html' %}

    {% url 'markdown_page' slug='api' as api_page_url %}

    <div class="masthead-followup row m-0 border border-white">
        <div class="col-12 col-lg-4 p-4 p-lg-5 bg-light border border-white d-flex flex-column">

            <h3>API &amp; MCP</h3>

            <p>
                Alle Urteile und Gesetze sind auch maschinenlesbar abrufbar: über unsere
                <a href="{{ api_page_url }}#rest">REST API</a> für eigene Apps und Skripte und über unseren
                <a href="{{ api_page_url }}#mcp">MCP-Server</a>, der KI-Assistenten wie Claude oder ChatGPT
                direkt mit unseren Daten verbindet.
            </p>

            <p>
                Beides funktioniert ohne Anmeldung. Mit einem kostenlosen
                <a href="{% url 'account_signup' %}">Account</a> gilt ein deutlich höheres Limit.
            </p>

            <p>
                Fragen? Was hast du mit unseren Daten gebaut?
                <a href="{% url 'contact:form' %}">Schreib uns</a>.
            </p>

            <div class="homepage-actions mt-auto">
                <hr class="half-rule">
                <div class="d-flex flex-wrap mr-n2 mb-n2">
                    <a class="btn btn-outline-primary mr-2 mb-2" href="{{ api_page_url }}#rest">REST API</a>
                    <a class="btn btn-outline-primary mr-2 mb-2" href="{{ api_page_url }}#mcp">MCP verbinden</a>
                    <a class="btn btn-outline-primary mr-2 mb-2" href="{% url 'schema-swagger-ui' %}">{% trans 'Try it out!' %}</a>
                </div>
            </div>

        </div>

        <div class="col-12 col-lg-4 p-4 p-lg-5 bg-light border border-white d-flex flex-column">

            <h3>{% trans 'Latest Cases' %}</h3>

            <table class="table table-hover table-sm">
                {% for item in cases|slice:":8" %}
                    <tr>
                        <td><a href="{{ item.get_absolute_url }}">{{ item.get_title }}</a></td>
                    </tr>
                {% endfor %}
            </table>

            <div class="homepage-actions mt-auto">
                <div class="d-flex flex-wrap justify-content-lg-center mb-n2">
                    <a class="btn btn-outline-primary mb-2" href="{% url 'cases:index' %}">{% trans "View all cases" %}</a>
                </div>
            </div>

        </div>

        <div class="col-12 col-lg-4 p-4 p-lg-5 bg-light border border-white d-flex flex-column">

            <h3>Mitmachen</h3>

            <p>
                Dieses Projekt wird von Freiwilligen ehrenamtlich in der Freizeit betrieben. Deshalb sind wir auf
                deine Unterstützung angewiesen. Wir suchen ständig Aktivist*innen, Entwickler*innen, Jurist*innen,
                Journalist*innen, Analyst*innen und vor allem motivierte Mitstreiter*innen. Du hast Lust, den Rechtsstaat
                gemeinsam mit uns und offenen Daten etwas transparenter zu machen? Dann schreib uns eine
                <a href="{% url 'contact:form' %}">Nachricht</a>, sende uns Gerichtsentscheidungen,
                nutze unsere Daten, melde <a href="https://github.com/openlegaldata/oldp/issues">Bugs</a>
                oder arbeite mit an neuen Features.
            </p>
            <p>
                Der Quellcode der Plattform ist unter der freien MIT-Lizenz auf
                <a href="https://github.com/openlegaldata/oldp">GitHub</a> veröffentlicht.
                Also: nicht nur zugucken, sondern mitmachen!
            </p>

            <div class="homepage-actions mt-auto">
                <hr class="half-rule">
                <div class="d-flex flex-wrap mr-n2 mb-n2">
                    <a class="btn btn-outline-primary mr-2 mb-2" href="{{ site_discord_url }}">Discord</a>
                    <a class="btn btn-outline-primary mr-2 mb-2" href="{{ site_github_url }}">GitHub</a>
                    <a class="btn btn-outline-primary mr-2 mb-2" href="{% url 'contact:form' %}">{% trans 'Contact' %}</a>
                </div>
            </div>

        </div>
    </div>


    <div class="masthead-followup row m-0 border border-white">
        <div class="col-12 col-lg-4 p-4 p-lg-5 bg-light border border-white d-flex flex-column">

            <h3>Über das Projekt</h3>

            <p>
                Open Legal Data ist ein nicht gewinnorientiertes Projekt zur Förderung des freien Zugangs zu
                juristischen Daten. Unser Hauptanliegen ist es, technische Mittel zur Verarbeitung und Analyse von
                juristischen Inhalten, insbesondere Rechtsprechung und Rechtsnormen, zur Verfügung zu stellen.
                Durch das Zugänglichmachen mit Hilfe von <a href="{{ api_page_url }}">APIs</a> und das
                Veröffentlichen von Datensätzen soll der Umgang mit Rechtsthemen für juristische Laien erleichtert
                werden. Mit unserer Plattform richten wir uns in erster Linie an technisch versierte Aktivist*innen,
                Journalist*innen und Wissenschaftler*innen.
            </p>
            <p>
                Open Legal Data verpflichtet sich mit diesem Projekt den Prinzipien der
                <a href="https://opendefinition.org/od/2.1/en/">Open-Data-Bewegung</a>
                und der Erklärung des <a href="http://www.fatlm.org/declaration/">Free Access to Law Movement</a>.
                Auf unserer <a href="//openlegaldata.io/about">englischen Seite</a> findest du weitere
                Informationen über das Projekt.
            </p>

        </div>
        <div class="col-12 col-lg-4 p-4 p-lg-5 bg-light border border-white d-flex flex-column">

            <h3>{% trans 'Laws' %}</h3>

            <table class="table table-hover table-sm">
                {% for item in law_books|slice:":8" %}
                    <tr>
                        <td><a href="{{ item.get_absolute_url }}">{{ item.code }} - {{ item.get_title }}</a></td>
                    </tr>
                {% endfor %}
            </table>

            <div class="homepage-actions mt-auto">
                <div class="d-flex flex-wrap justify-content-lg-center mb-n2">
                    <a class="btn btn-outline-primary mb-2" href="{% url 'laws:index' %}">{% trans "View all laws" %}</a>
                </div>
            </div>

        </div>
        <div class="col-12 col-lg-4 p-4 p-lg-5 bg-light border border-white d-flex flex-column">

            <h3>Datensätze</h3>

            <p>
                Für Analysen, Forschung und Machine Learning gibt es alle Urteile und Gesetze auch als kompletten
                Datensatz zum Download, ohne jedes Dokument einzeln abzurufen. Die Datensätze liegen auf
                <a href="https://huggingface.co/openlegaldata">Hugging Face</a> und stehen unter der
                <a href="https://opendatacommons.org/licenses/odbl/1-0/">Open Database License (ODbL)</a>.
            </p>

            <p>
                Zum Erstellen und Verarbeiten der Datensätze gibt es das
                <a href="https://github.com/openlegaldata/oldp-toolkit">OLDP Toolkit</a>.
            </p>

            <div class="homepage-actions mt-auto">
                <hr class="half-rule">
                <div class="d-flex flex-wrap mr-n2 mb-n2">
                    <a class="btn btn-outline-primary mr-2 mb-2" href="https://huggingface.co/openlegaldata">Hugging Face</a>
                    <a class="btn btn-outline-primary mr-2 mb-2" href="{{ api_page_url }}#daten">Übersicht</a>
                </div>
            </div>

        </div>
    </div>


{% endblock %}