{% load wagtailcore_tags %}
{% for item in pages %}
    {% if item.children %}
        <li class="dropdown nav-item">
            <a href="{% pageurl item.page %}" class="dropdown-toggle nav-link" data-toggle="dropdown">{{ item.page.title }}</a>
            <ul class="dropdown-menu" data-navigation="dropdown-menu">
                {% for child in item.children %}
                    {% if child.children %}
                        <li class="dropdown-submenu nav-item hover dropdown">
                                <a class="nav-link" href="{% pageurl child.page %}">{{ child.page.title }}</a>
                            <ul class="dropdown-menu">
                                {% for sub in child.children %}
                                <li><a class="nav-link" href="{% pageurl sub.page %}">{{ sub.page.title }}</a></li>
                                {% endfor %}
                            </ul>
                        </li>
                    {% else %}
                        <li class="nav-item"><a class="nav-link" href="{% pageurl child.page %}">{{ child.page.title }}</a></li>
                    {% endif %}
                {% endfor %}
            </ul>
        </li>
    {% else %}
        <li class="nav-item"><a class="nav-link border-primary text-white" href="{% pageurl item.page %}">{{ item.page.title }}</a></li>
    {% endif %}
{% endfor %}