#set($currentsearch = $context.getRequestParameter("searchtype"))
#set($action = "$home$content.dataroot/list/index.html")
#set($showfields = $context.getRequestParameter("showfields"))

<div class="container">
    <!-- Conditionally display either a form for choosing a data type or a simple title -->
    #if($showfields)
    <h2 class="settings-title">[[Data Search]]</h2>
    <form action="$action">
        <input type="hidden" name="catalogid" value="$catalogid" />
        <div class="mb-3">
            <label for="searchtype" class="form-label">[[Data Type]]:</label>
            <select name="searchtype" id="searchtype" onchange="this.form.submit();" class="form-select">
                <option value="">[[Choose Type]]</option>
                #foreach($type in $searchtypes)
                    #if($type != "CVS")
                        <option value="$type" #if($type == $currentsearch) selected #end>$type</option>
                    #end
                #end
            </select>
        </div>
    </form>
    #else
    <h2 class="settings-title">$currentsearch</h2>
    #end

    <!-- Tab navigation -->
    <div class="btn-group" role="group" aria-label="Data Manager Tabs">
        #set($datatab = $content.datatab)
        <a href="$home$apphome/views/settings/lists/datamanager/list/index.html?catalogid=$catalogid&searchtype=$currentsearch&page=1" class="btn btn-outline-primary #if($datatab == "data") active #end">[[Data]]</a>
        <a href="$home$apphome/views/settings/lists/datamanager/properties/index.html?catalogid=$catalogid&searchtype=$currentsearch" class="btn btn-outline-primary #if($datatab == "properties") active #end">[[Customize Fields]]</a>
        <a href="$home$apphome/views/settings/lists/datamanager/views/index.html?catalogid=$catalogid&searchtype=$currentsearch" class="btn btn-outline-primary #if($datatab == "views") active #end">[[Customize Views]]</a>
        <a href="$home$apphome/views/settings/lists/datamanager/elastic/index.html?catalogid=$catalogid&searchtype=$currentsearch" class="btn btn-outline-primary #if($datatab == "elastic") active #end">[[Elastic System Info]]</a>
    </div>

    <!-- Content area -->
    
    <div id="datamanager-workarea" class="datamanagerworkarea mt-3">
        <div id="propertyEditPanel" style="overflow-x: auto;">
        
            $pages.streamContent() <!-- Here you place the tables that need to scroll horizontally -->
        </div>
    </div>
    <div class="clearfix"></div>

    <!-- Additional developer options and reindex link -->
    #if($candevelop)
        <a href="$home$content.dataroot/list/makedefault.html?searchtype=$searcher.searchType" class="btn btn-secondary mt-3">[[Copy to defaults]]</a>
    #end
    #if($showfields)
        <a href="$home$content.dataroot/list/reindex.html?catalogid=$catalogid&searchtype=$currentsearch" class="btn btn-danger mt-3">[[Reindex]]</a>
    #end
</div>