{% extends 'layout.html.twig' %}

{% set seo_title = 'Help' %}
{% set body_class = 'help' %}

{% block content %}
    <div class="container">
        <div class="help-header">
            <h1 class="help-header-title">How can we help?</h1>
            <div class="help-header-content">Your most frequently asked questions answered.</div>
        </div>

        <div class="help-categories">
            {% for category in categories %}
                <div id="{{ category.urlTitle }}" class="help-categories-item">
                    <h2 class="help-categories-item-title">{{ category.title }}</h2>
                    <ul class="arrow-list help-categories-item-list">
                        {% for article in category.articles %}
                            <li>
                                <a href="{{ path('help_show', {'urlTitle': article.urlTitle}) }}">
                                    {{ article.title }}
                                </a>
                            </li>
                        {% endfor %}
                    </ul>
                </div>
            {% endfor %}
        </div>
    </div>
{% endblock %}

{% block callouts %}
    {% include '_includes/chat-callout.html.twig' %}
{% endblock %}