I'm trying to port a website over to Statamic and I want to use pages instead of collections due to the reordering capabilities.

Basically this is what I'm trying to achieve:

Admin pages

What I want:

Frontend

My template code: ``` {{ nav from="/{segment_1}" max_depth="4" include_content="true" }}

{{ children }}
    {{ title }}
    <br>
    {{ children }}
        {{ title }}
    {{ /children }}
{{ /children }}

{{ /nav }}```

View:

View

When viewing the page it appears I cannot list children within children as it closes the first tag off. Any ideas how to achieve this?