{% extends "base.html" %}

{% block title %}About - {{ site_name }}{% endblock %}

{% block content %}
<div class="container mt-5">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <h1 class="text-center mb-4">About {{ site_name }}</h1>
            <div class="card shadow-sm">
                <div class="card-body">
                    <p>{{ site_name }} is a SMART on FHIR SSO proxy designed to facilitate secure app integration with FHIR servers.</p>
                    <h5>Features</h5>
                    <ul>
                        <li>Secure OAuth2 authorization flows with PKCE support.</li>
                        <li>App gallery for managing registered applications.</li>
                        <li>Proxy FHIR API requests to backend servers.</li>
                        <li>Light and dark theme support.</li>
                    </ul>
                    <p>Built with Flask, Bootstrap, and Authlib. Learn more about SMART on FHIR at <a href="https://www.hl7.org/fhir/smart-app-launch/" target="_blank">HL7 SMART on FHIR</a>.</p>
                    <a href="{{ url_for('index') }}" class="btn btn-primary">Back to Home</a>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}