@model IndexModel

<div class="work-area hidden">
    <ul class="nav nav-tabs">
        <li class="nav-item">
            <a class="nav-link active show" href="#dataGridFrame" data-toggle="tab">
                Grid
            </a>
        </li>

        <li class="nav-item">
            <a id="consoleTab" class="nav-link" href="#consoleFrame" data-toggle="tab">
                Console
                <span id="consoleAlert" class="badge badge-info badge-pill align-top" hidden>
                    <i class="fa fa-exclamation" aria-hidden="true"></i>
                </span>
            </a>
        </li>

    </ul>
    <div id="tabContentWrapper">
        <div class="tab-content h-100">
            <partial name="_DataGrid" model="Model" />
            <partial name="_ConsoleFrame" model="Model" />
        </div>
    </div>


</div>

<script src="~/scripts/Main.js" type="module"></script>
<script>
    window.onload = (ev) => {
        Remotely.Init();
        document.querySelector(".loading-frame").remove();
        document.querySelector(".work-area").classList.remove("hidden");
    }
</script>