<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>{% if title %}{{ title }} - {% endif %}API Platform</title>

    <link rel="stylesheet" href="{{ asset('bundles/apiplatform/graphiql/graphiql.css', assetPackage) }}">
    <link rel="stylesheet" href="{{ asset('bundles/apiplatform/graphiql-style.css', assetPackage) }}">

    {# json_encode(65) is for JSON_UNESCAPED_SLASHES|JSON_HEX_TAG to avoid JS XSS #}
    <script id="graphiql-data" type="application/json">{{ graphiql_data|json_encode(65)|raw }}</script>
</head>

<body>
<div id="graphiql">Loading...</div>

<script src="{{ asset('bundles/apiplatform/react/react.production.min.js', assetPackage) }}"></script>
<script src="{{ asset('bundles/apiplatform/react/react-dom.production.min.js', assetPackage) }}"></script>
<script src="{{ asset('bundles/apiplatform/graphiql/graphiql.min.js', assetPackage) }}"></script>
<script src="{{ asset('bundles/apiplatform/init-graphiql.js', assetPackage) }}"></script>

</body>
</html>
