{#
/**
 * Copyright (C) 2026 OTS Signs
 *
 * About page for OTS Signs.
 */
#}
{% extends "non-authed.twig" %}

{% block title %}{{ "About"|trans }} | {% endblock %}

{% block style %}
<style type="text/css">
    .about-container {
        padding: 24px 30px 30px;
        margin: 10px auto 20px;
        background-color: #fff;
        border: 1px solid #e5e5e5;
        border-radius: 8px;
        box-shadow: 0 1px 2px rgba(0,0,0,.05);
        max-width: 720px;
    }

    .about-links {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        margin-top: 12px;
    }

    .about-links a {
        font-size: 14px;
    }

    .about-meta {
        margin-top: 16px;
        font-size: 14px;
        color: #6c757d;
    }

    .about-disclaimer {
        margin-top: 16px;
        font-size: 14px;
    }
</style>
{% endblock %}

{% block header %}{% endblock %}
{% block contentClass %}{% endblock %}

{% block content %}
    <a class="btn btn-icon btn-info" href="{{ url_for("home") }}" title="{% trans "Home" %}"><i class="fa fa-home"></i></a>
    <div class="about-container">
        <h1>
            {% trans "About" %}
            <a href="https://ots-signs.com" target="_blank" rel="noopener noreferrer">OTS Signs</a>
        </h1>
        <p>
            {% trans "An" %}
            <a href="https://oribi-tech.com" target="_blank" rel="noopener noreferrer">Oribi Technology Services</a>
            {% trans "product." %}
        </p>
        <p class="text-muted">{% trans "OTS Signs provides a compact, focused admin UI and proxy for Xibo CMS" %}</p>

        {% set appVersion = version|default("dev") %}
        {% set appEnvironment = appEnvironment|default(environment|default("local")) %}
        {% set commitSha = revision|default("") %}

        <div class="about-meta">
            <div>{% trans "Version" %}: {{ appVersion }}</div>
            <div>{% trans "Environment" %}: {{ appEnvironment }}</div>
            {% if commitSha %}
                <div>{% trans "Commit" %}: {{ commitSha|slice(0, 7) }}</div>
            {% endif %}
        </div>

        <div class="about-links">
            <a href="/privacy">{% trans "Privacy Policy" %}</a>
            <a href="/terms">{% trans "Terms of Service" %}</a>
            <a href="/open-source-licenses">{% trans "Open Source Licenses" %}</a>
        </div>

        <div class="about-disclaimer">
            <strong>{% trans "Disclaimer:" %}</strong>
            {% trans "OTS Signs is an independent product developed by Oribi Technology Services. It is not affiliated with or endorsed by the Xibo project or its maintainers. Xibo is a trademark of Xibo Digital Signage Ltd. Use of Xibo APIs is subject to their terms and conditions." %}
            <div class="mt-2">
                <a href="https://github.com/xibosignage/xibo" target="_blank" rel="noopener noreferrer">{% trans "Xibo CMS on GitHub" %}</a>
            </div>
        </div>
    </div>
{% endblock %}