{{define "title"}}{{.i18n.Localize .locale "dashboard"}}{{end}}
{{define "page_css"}}<!--this page has no custom CSS-->{{end}}
{{define "page_js"}}<!--this page has no custom JS-->{{end}}
{{define "page_content"}}
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <!--heading-->
                    <h1 class="m-0">{{.i18n.Localize .locale "dashboard"}}</h1>
                </div>
                <div class="col-sm-6">
                    <!--breadcrumb-->
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{call .reverse "cp_dashboard"}}">{{.i18n.Localize .locale "home"}}</a></li>
                        <li class="breadcrumb-item active">{{.i18n.Localize .locale "dashboard"}}</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>

    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">
            <!-- Info boxes -->
            <div class="row">
                <div class="col-12 col-sm-6 col-md-3">
                    <div class="info-box">
                        <span class="info-box-icon bg-info elevation-1"><i class="fas fa-cog"></i></span>
                        <div class="info-box-content">
                            <span class="info-box-text">CPU</span>
                            <span class="info-box-number">{{.osUtils.CpuCores}}<small> cores</small><small> / </small>{{.osUtils.CpuLoad}}<small> load</small></span>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-md-3">
                    <div class="info-box mb-3">
                        <span class="info-box-icon bg-success elevation-1"><i class="fas fa-microchip"></i></span>
                        <div class="info-box-content">
                            <span class="info-box-text">GoRoutine</span>
                            <span class="info-box-number">{{.osUtils.GoNumRoutines}}</span>
                        </div>
                    </div>
                </div>

                <!-- fix for small devices only -->
                <div class="clearfix hidden-md-up"></div>

                <div class="col-12 col-sm-6 col-md-3">
                    <div class="info-box mb-3">
                        <span class="info-box-icon bg-danger elevation-1"><i class="fas fa-memory"></i></span>
                        <div class="info-box-content">
                            <span class="info-box-text">System Free Memory</span>
                            <span class="info-box-number">{{.osUtils.MemoryFreeGb}}<small> Gb ({{.osUtils.MemoryFreePercent}} %)</small></span>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-md-3">
                    <div class="info-box mb-3">
                        <span class="info-box-icon bg-warning elevation-1"><i class="fas fa-database"></i></span>
                        <div class="info-box-content">
                            <span class="info-box-text">App Used Memory</span>
                            <span class="info-box-number">{{.osUtils.AppMemUsedMb}}<small> Mb</small></span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title" style="font-weight: bold">{{.i18n.Localize .locale "groups"}} ({{.appUtils.NumUserGroups}})</h3>
                            <div class="card-tools">
                                {{if .currentUser.IsSystemUser}}
                                <a href="{{call .reverse "cp_create_group"}}" class="btn btn-sm btn-primary">
                                <span class="icon"><i class="fas fa-plus"></i></span>
                                <span class="text">{{.i18n.Localize .locale "create_group"}}</span>
                                </a>
                                {{end}}
                                <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                    <i class="fas fa-minus"></i>
                                </button>
                                <!--
                                <button type="button" class="btn btn-tool" data-card-widget="remove">
                                    <i class="fas fa-times"></i>
                                </button>
                                -->
                            </div>
                        </div>
                        <div class="card-body p-0">
                            <table class="table table-condensed">
                                <thead>
                                <tr>
                                    <th>{{.i18n.Localize .locale "group_id"}}</th>
                                    <th>{{.i18n.Localize .locale "group_name"}}</th>
                                    <th style="width: 128px">{{.i18n.Localize .locale "actions"}}</th>
                                </tr>
                                </thead>
                                <tbody>
                                {{range .appUtils.AllUserGroups}}
                                    <tr>
                                        <td>{{.Id}}</td>
                                        <td>{{.Name}}</td>
                                        <td>
                                            <!--access root var using $-->
                                            <a href="{{.UrlEdit}}" class="fas fa-edit text-primary text-lg" title="{{$.i18n.Localize $.locale "edit"}}"></a>
                                            {{if .CanDelete}}
                                                <a href="{{.UrlDelete}}" class="fas fa-trash-alt text-danger text-lg" title="{{$.i18n.Localize $.locale "delete"}}"></a>
                                            {{end}}
                                        </td>
                                    </tr>
                                {{end}}
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title" style="font-weight: bold">{{.i18n.Localize .locale "users"}} ({{.appUtils.NumUsers}})</h3>
                            <div class="card-tools">
                                {{if .currentUser.IsSystemUser}}
                                    <a href="{{call .reverse "cp_create_user"}}" class="btn btn-sm btn-primary">
                                    <span class="icon"><i class="fas fa-plus"></i></span>
                                    <span class="text">{{.i18n.Localize .locale "create_user"}}</span>
                                    </a>
                                {{end}}
                                <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                    <i class="fas fa-minus"></i>
                                </button>
                            </div>
                        </div>
                        <div class="card-body p-0">
                            <table class="table table-condensed">
                                <thead>
                                <tr>
                                    <th>{{.i18n.Localize .locale "user_username"}}</th>
                                    <th>{{.i18n.Localize .locale "user_name"}}</th>
                                    <th>{{.i18n.Localize .locale "user_group"}}</th>
                                    <th style="width: 128px">{{.i18n.Localize .locale "actions"}}</th>
                                </tr>
                                </thead>
                                <tbody>
                                {{range .appUtils.AllUsers}}
                                    <tr>
                                        <td>{{.Username}}</td>
                                        <td>{{.Name}}</td>
                                        <td>{{.GroupId}}</td>
                                        <td>
                                            <!--access root var using $-->
                                            {{if .CanEdit}}
                                                <a href="{{.UrlEdit}}" class="fas fa-edit text-primary text-lg" title="{{$.i18n.Localize $.locale "edit"}}"></a>
                                            {{end}}
                                            {{if .CanDelete}}
                                                <a href="{{.UrlDelete}}" class="fas fa-trash-alt text-danger text-lg" title="{{$.i18n.Localize $.locale "delete"}}"></a>
                                            {{end}}
                                        </td>
                                    </tr>
                                {{end}}
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
{{end}}