<div id="" class="sp-auth">
    <div class="datalinks p-4 grid grid-cols-2">
        <div></div>
        <div class="small space-x-4 justify-self-end">
            <a href="/vlist" id="" data-resource="vlist" data-cb="vlist">List</a>
            <span>&bull;</span>
            <a href="/combined_vendees" id="" data-resource="combined_vendees" data-cb="processJoinData">JOINS</a>
            <span>&bull;</span>
            <a href="/vendees" id="fetch_clients_lnk" data-resource="vendees" data-cb="processTableData">VENDEES</a>
            <span>&bull;</span>
            <a href="/rawvendees" id="fetch_vendees_lnk" data-resource="rawvendees" data-cb="processTableData">RAW-VENDEES</a>
        </div>
    </div>

    <h2 class="py-4 font-bold border-b-2 border-sky-600">Remote Reports: <span id="current_resource" class="italic upper"></span></h2>
    <div>
        <a href="#" class="text-primary" data-te-toggle="modal" data-te-target="#modalWrap" data-te-callback="populateEditForm" data-te-title="Create New Client" data-te-body="" data-rowdata='' data-te-ripple-init data-te-ripple-color="light">
            New Client
        </a>
    </div>

    <div id="datawrap" style="text-align:center"></div>
</div>