{layout admin/layout}

<div class="nv-page-head">
  <div>
    <div class="nv-page-title">{lang admin.node_management}</div>
    <div class="nv-page-desc">{lang admin.node_index_desc}</div>
  </div>
  <div class="nv-page-actions">
    <a class="nv-btn nv-btn-primary" href="{$entry_prefix}/admin/node/create">{lang admin.new_node}</a>
  </div>
</div>

<div class="nv-card">
  <div class="nv-card-head">
    <span class="nv-card-title">{lang admin.node_tree}</span>
    <span class="nv-muted">{lang admin.total} {$tree|count} {lang admin.unit_top_nodes}</span>
  </div>
  <div class="nv-card-body">
    {if $tree}
    <ul class="nv-tree">
      {foreach $tree as $n}
      <li>
        <div class="nv-tree-node">
          <span class="nv-tree-name">{$n.name}</span>
          <span class="nv-tree-id">#{$n.id}</span>
          {if $n.is_link}<span class="nv-badge nv-badge-info">{lang admin.node_external}</span>{elseif $n.slug}<span class="nv-tree-slug">/{$n.slug}</span>{/if}
          {if $n.status == 1}
          <span class="nv-badge nv-badge-success">{lang admin.visible}</span>
          {else}
          <span class="nv-badge">{lang admin.hidden}</span>
          {/if}
          <span class="nv-tree-actions">
            <a class="nv-btn nv-btn-xs" href="{$entry_prefix}/admin/node/create?pid={$n.id}">{lang admin.add_child_node}</a>
            <a class="nv-btn nv-btn-xs" href="{$entry_prefix}/admin/node/edit/{$n.id}">{lang admin.edit}</a>
            <form method="post" action="{$entry_prefix}/admin/node/delete" style="display:inline">
              <input type="hidden" name="_token" value="{$csrf}">
              <input type="hidden" name="id" value="{$n.id}">
              <button class="nv-btn nv-btn-xs nv-btn-danger nv-confirm" type="submit" data-message="{lang admin.confirm_delete_node}">{lang admin.delete}</button>
            </form>
          </span>
        </div>

        {foreach $n.children as $c}
        <ul class="nv-tree">
          <li>
            <div class="nv-tree-node">
              <span class="nv-tree-name">{$c.name}</span>
          <span class="nv-tree-id">#{$c.id}</span>
              {if $c.is_link}<span class="nv-badge nv-badge-info">{lang admin.node_external}</span>{elseif $c.slug}<span class="nv-tree-slug">/{$c.slug}</span>{/if}
              {if $c.status == 1}
              <span class="nv-badge nv-badge-success">{lang admin.visible}</span>
              {else}
              <span class="nv-badge">{lang admin.hidden}</span>
              {/if}
              <span class="nv-tree-actions">
                <a class="nv-btn nv-btn-xs" href="{$entry_prefix}/admin/node/create?pid={$c.id}">{lang admin.add_child_node}</a>
                <a class="nv-btn nv-btn-xs" href="{$entry_prefix}/admin/node/edit/{$c.id}">{lang admin.edit}</a>
                <form method="post" action="{$entry_prefix}/admin/node/delete" style="display:inline">
                  <input type="hidden" name="_token" value="{$csrf}">
                  <input type="hidden" name="id" value="{$c.id}">
                  <button class="nv-btn nv-btn-xs nv-btn-danger nv-confirm" type="submit" data-message="{lang admin.confirm_delete_node}">{lang admin.delete}</button>
                </form>
              </span>
            </div>

            {foreach $c.children as $g}
            <ul class="nv-tree">
              <li>
                <div class="nv-tree-node">
                  <span class="nv-tree-name">{$g.name}</span>
          <span class="nv-tree-id">#{$g.id}</span>
                  {if $g.is_link}<span class="nv-badge nv-badge-info">{lang admin.node_external}</span>{elseif $g.slug}<span class="nv-tree-slug">/{$g.slug}</span>{/if}
                  {if $g.status == 1}
                  <span class="nv-badge nv-badge-success">{lang admin.visible}</span>
                  {else}
                  <span class="nv-badge">{lang admin.hidden}</span>
                  {/if}
                  <span class="nv-tree-actions">
                    <a class="nv-btn nv-btn-xs" href="{$entry_prefix}/admin/node/edit/{$g.id}">{lang admin.edit}</a>
                    <form method="post" action="{$entry_prefix}/admin/node/delete" style="display:inline">
                      <input type="hidden" name="_token" value="{$csrf}">
                      <input type="hidden" name="id" value="{$g.id}">
                      <button class="nv-btn nv-btn-xs nv-btn-danger nv-confirm" type="submit" data-message="{lang admin.confirm_delete_node}">{lang admin.delete}</button>
                    </form>
                  </span>
                </div>
              </li>
            </ul>
            {/foreach}
          </li>
        </ul>
        {/foreach}
      </li>
      {/foreach}
    </ul>
    {else}
    <div class="nv-empty">
      <div class="nv-empty-title">{lang admin.empty_nodes}</div>
      <div><a href="{$entry_prefix}/admin/node/create">{lang admin.create_first_node}</a></div>
    </div>
    {/if}
  </div>
</div>