{% extends 'base.html.twig' %}
{% block title %}Documentation - {{ page.title }}{% endblock %}
{% block stylesheets %}
{{ parent() }}
<link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/themes/prism-twilight.min.css" rel="stylesheet"/>
{% endblock %}
{% block javascripts %}
{{ parent() }}
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/prism.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/plugins/autoloader/prism-autoloader.min.js"></script>
<script>
$(function () {
$("#doc-content").find("table").addClass("table table-dark table-striped");
});
</script>
{% endblock %}
{% block body %}
<section class="background-secondary text-white p-t-40 p-b-40">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h1>{{ page.title }}</h1>
</div>
</div>
</div>
</section>
<section id="page-content sidebar-left">
<div class="container">
<div class="row">
<div class="content col-lg-9" id="doc-content">
{{ page.content | markdown_to_html }}
</div>
<div class="sidebar sticky-sidebar col-lg-3">
<div class="widget">
<h4 class="widget-title">Documentation</h4>
<ul class="list-icon list-icon-arrow list-icon-colored">
{% set menuItems = get_docs_menu() %}
{% for menu in menuItems %}
<li>{{ menu.title }}
{% if menu.children | length > 0 %}
<ul class="list-icon list-icon-arrow list-icon-colored m-t-10">
{% for child in menu.children %}
<li>
<a href="{{ path('docs_page', {'category': menu.slug, 'section': child.slug}) }}">{{ child.title }}</a>
</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
</div>
<div class="widget">
<h4 class="widget-title">Ready to sign up?</h4>
<a type="button" class="btn btn-secondary btn-rounded" href="{{ path('app_register') }}">Get
Started</a>
</div>
</div>
</div>
</div>
</section>
{% endblock %}