#set( $viewid = $context.getRequestParameter("viewid"))
#set( $assettype = $context.getRequestParameter("assettype"))
#if (!$assettype)
    #set($assettype = "default")
#end
#set( $viewsearcher = $searcherManager.getSearcher($catalogid, "view"))
#set( $systemdefined = $context.findValue("systemdefined") )
#set( $moduleid = $context.findValue("module") )
#set( $query = $viewsearcher.createSearchQuery().append("moduleid",$moduleid) )
$!query.addSortBy("ordering")
#set( $views = $viewsearcher.search($query))
#set( $viewsroot = $content.viewsroot )

## --------------------------
## System-defined (locked)
## --------------------------
<ul class="list-group mb-4">
    <li class="header list-group-item bg-light text-dark d-flex justify-content-between align-items-center no-sort">
        <span>System Editing Boxes</span>
    </li>

    #foreach( $target in $views )
        #if($target.systemdefined == "true")
            #set($sortid = $target.id)

            ## Build viewpath exactly as before
            #if( ($target.byassettype && $target.byassettype == "true") )
                #set( $viewpath = "${moduleid}/assettype/${assettype}/$target.id")
            #else
                #set( $viewpath = "${moduleid}/$target.id")
            #end

            <li id="$sortid"
                data-ordering="${target.ordering}"
                class="list-group-item d-flex justify-content-between align-items-center #if($viewid == $target.id) active bg-primary text-white #else bg-white text-dark #end"
                byassettype="$!target.byassettype">

                <a class="text-decoration-none text-reset d-flex align-items-center"
                   href="$home$viewsroot/index.html?viewid=$target.id&viewpath=$viewpath&assettype=$!assettype">
                    <span class="me-2">
                        <i class="bi bi-cog"></i>
                    </span>
                    $context.getText($target.toString())
                </a>

                ## No delete for system-defined entries (keeps safety intact)
            </li>
        #end
    #end
</ul>

## ---------------------------------
## User-defined (sortable + actions)
## ---------------------------------
<ul data-path="$home$viewsroot/moveviews.html?searchtype=view&field=ordering&sortprefix=view_"
    class="emsettingslist listsort list-group"
    data-searchtype="view"
    data-field="ordering">

    <li class="header list-group-item bg-light text-dark d-flex justify-content-between align-items-center no-sort">
        <span>Custom Editing Boxes</span>
        <a class="btn btn-sm btn-primary" data-ajax-get
           data-target="#addeditbox"
           href="$home$viewsroot/addneweditingbox.html?oemaxlevel=1">Add New</a>
    </li>

    #foreach( $target in $views )
        #if($target.systemdefined != "true")
            #set($sortid = $target.id)

            ## Build viewpath exactly as before
            #if( ($target.byassettype && $target.byassettype == "true") )
                #set( $viewpath = "${moduleid}/assettype/${assettype}/$target.id")
            #else
                #set( $viewpath = "${moduleid}/$target.id")
            #end

            <li id="$sortid" data-stuff="hey" data-ordering="${target.ordering}"
                class="  list-group-item d-flex justify-content-between align-items-center #if($viewid == $target.id) active bg-primary text-white #else bg-white text-dark #end"
                byassettype="$!target.byassettype">

                <a class=" text-decoration-none text-reset d-flex align-items-center"
                   href="$home$viewsroot/index.html?viewid=$target.id&viewpath=$viewpath&assettype=$!assettype">
                    <span class=" sortableitem me-2">
                        <i class="bi bi-grip-vertical"></i>
                    </span>
                    $context.getText($target.toString())
                </a>

                <a class="delete-row text-danger" data-ajax-get
                   data-target="#viewlist"
                   href="./deleteview.html?searchtype=${moduleid}&id=${target.id}&viewpath=$viewpath&assettype=$!assettype">
                    <i class="bi bi-x"></i>
                </a>
            </li>
        #end
    #end
</ul>

<div id="addeditbox"></div>