{% extends "appbuilder/base.html" %}

{% block head_css %}
    {{ super() }}
    <link type="text/css" rel="stylesheet"
          href="https://cdn.jsdelivr.net/npm/swagger-ui-dist@4/swagger-ui.css">
    <link rel="shortcut icon" href="https://fastapi.tiangolo.com/img/favicon.png">
{% endblock %}

{% block content %}
    <div id="swagger-ui">
    </div>
    <script src="https://cdn.jsdelivr.net/npm/swagger-ui-dist@4/swagger-ui-bundle.js" nonce="{{ baselib.get_nonce() }}"></script>
    <!-- `SwaggerUIBundle` is now available on the page -->
    <script>

        const ui = SwaggerUIBundle({
            url: '{{openapi_uri}}',
            dom_id: '#swagger-ui',
            presets: [
                SwaggerUIBundle.presets.apis,
                SwaggerUIBundle.SwaggerUIStandalonePreset
            ],
            layout: "BaseLayout"

        })
    </script>
{% endblock %}
