formwork/panel/views/pages/tree.php

<?php if ($headers) : ?>
    <div class="pages-tree-headers" aria-hidden="true">
        <div class="pages-tree-headers-cell page-details truncate"><?= $this->translate('panel.pages.page.title') ?></div>
        <div class="pages-tree-headers-cell page-date truncate show-from-lg"><?= $this->translate('panel.pages.page.lastModified') ?></div>
        <div class="pages-tree-headers-cell page-status truncate show-from-xs"><?= $this->translate('panel.pages.page.status') ?></div>
        <div class="pages-tree-headers-cell page-actions"><?= $this->translate('panel.pages.page.actions') ?></div>
    </div>
<?php endif ?>

<ul class="pages-tree <?= $class ?>" data-orderable-children="<?= $orderable ? 'true' : 'false' ?>" <?php if ($parent) : ?> data-parent="<?= $parent ?>" <?php endif ?>>
    <?php foreach ($pages as $page) : ?>
        <?php $routable = $page->published() && $page->routable() ?>
        <?php $date = $this->datetime($page->contentFile()->lastModifiedTime()) ?>
        <li class="<?= $this->classes([
                        'pages-tree-item',
                        'pages-tree-level-' . $page->level() => $includeChildren,
                        'has-children' => $page->hasChildren(),
                        'is-orderable' => $page->orderable(),
                        'is-not-orderable' => !$page->orderable()
                    ])
                    ?>" data-route="<?= $page->route() ?>">
            <div class="pages-tree-row">
                <div class="pages-tree-item-cell page-details">
                    <div class="page-title flex">
                        <div class="pages-tree-icon sortable-handle mr-2">
                            <?php if ($orderable && $page->orderable()) : ?>
                                <span title="<?= $this->translate('panel.dragToReorder') ?>"><?= $this->icon('grabber') ?></span>
                            <?php endif ?>
                        </div>
                        <?php if ($includeChildren) : ?>
                            <div class="pages-tree-icon mr-2">
                                <?php if ($page->hasChildren()) : ?>
                                    <button type="button" class="button pages-tree-children-toggle" title="<?= $this->translate('panel.pages.toggleChildren') ?>" aria-label="<?= $this->translate('panel.pages.toggleChildren') ?>"><?= $this->icon('chevron-down') ?></button>
                                <?php endif ?>
                            </div>
                        <?php endif ?>
                        <div class="mr-2" class="pages-tree-icon"><?= $this->icon($page->get('icon', 'page')) ?></div>
                        <div class="min-w-0">
                            <div class="truncate text-color-accent"><a href="<?= $panel->uri('/pages/' . trim($page->route(), '/') . '/edit/') ?>"><?= $this->escape($page->title()) ?></a></div>
                            <?php foreach ($page->languages()->available() as $language) : ?>
                                <span class="badge"><?= $language->code() ?></span>
                            <?php endforeach ?>
                            <div class="page-route truncate" aria-hidden="true">
                                <span><?= $page->canonicalRoute() ?? $page->route() ?></span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="pages-tree-item-cell page-date truncate show-from-lg"><?= $date ?></div>
                <div class="pages-tree-item-cell page-status truncate show-from-xs">
                    <?= $this->insert('_pages/status', ['page' => $page]) ?>
                    <span class="page-status-label"><?= $this->translate('panel.pages.status.' . $page->status()) ?></span>
                </div>
                <div class="pages-tree-item-cell page-actions">
                    <a class="<?= $this->classes(['button', 'button-link', 'disabled' => !$page->published() || !$page->routable()]) ?>" role="button" <?php if ($page->published() && $page->routable()) : ?>href="<?= $page->uri(includeLanguage: false) ?>" <?php endif ?> target="formwork-view-page-<?= $page->uid() ?>" title="<?= $this->translate('panel.pages.viewPage') ?>" aria-label="<?= $this->translate('panel.pages.viewPage') ?>"><?= $this->icon('arrow-right-up-box') ?></a>
                    <?php if ($panel->user()->permissions()->has('pages.delete')) : ?>
                        <button type="button" class="button button-link" data-modal="deletePageModal" data-modal-action="<?= $panel->uri('/pages/' . trim($page->route(), '/') . '/delete/') ?>" title="<?= $this->translate('panel.pages.deletePage') ?>" aria-label="<?= $this->translate('panel.pages.deletePage') ?>" <?php if (!$page->isDeletable()) : ?> disabled<?php endif ?>><?= $this->icon('trash') ?></button>
                    <?php endif ?>
                </div>
            </div>
            <?php if ($includeChildren && $page->hasChildren()) : ?>
                <?php $this->insert('pages.tree', [
                    'pages'           => $page->scheme()->options()->get('children.reverse', false) ? $page->children()->reverse() : $page->children(),
                    'includeChildren' => true,
                    'class'           => 'pages-tree-children',
                    'parent'          => $page->route(),
                    'orderable'       => $orderable && $page->scheme()->options()->get('children.orderable', true),
                    'headers'         => false,
                ]) ?>
            <?php endif ?>
        </li>
    <?php endforeach ?>
</ul>