<%=raw app.core.View.getTemplate( 'stats-nav', { activeTab : 'overview' } ) %>
<div class="card">
    <div class="card-body">
        <div class="row">
            <div class="col">
                <div class="form-group">
                    <label for="select-team-id">
                        <%= _lc( 'STATS_GROUP_NAME' ) %>
                    </label>
                    <select class="form-control form-control-sm"
                            name="team-id"
                            data-id="select-team-id"
                            id="select-team-id">
                        <% var groups = app.model.SessionUser.getAdminGroups(); %>
                        <% for ( var gi = 0; gi < groups.length; gi++ ) {    %>
                        <option value="<%= groups[ gi ].getId() %>" <%= ( groups[ gi ].getId() == groupId ) ? 'selected="selected"' : '' %>>
                            <%= groups[ gi ].getName() %>
                        </option>
                        <% }    %>
                    </select>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col">
                <div class="stat-box">
                    <div class="stat-box-header">
                        <%= _lc( 'STAT_MEMBERS' ) %>
                    </div>
                    <div class="stat-box-body">
                        <%= stats.count_member %>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="stat-box">
                    <div class="stat-box-header">
                        <%= _lc( 'STAT_APPOINTMENTS' ) %>
                    </div>
                    <div class="stat-box-body">
                        <%= stats.count_appointment %>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="stat-box">
                    <div class="stat-box-header">
                        <%= _lc( 'STAT_FEEDBACKS' ) %>
                    </div>
                    <div class="stat-box-body">
                        <%= stats.count_feedback %>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="stat-box">
                    <div class="stat-box-header">
                        <%= _lc( 'STAT_ACCEPTED' ) %>
                    </div>
                    <div class="stat-box-body">
                        <%= stats.count_accepted %>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="stat-box">
                    <div class="stat-box-header">
                        <%= _lc( 'STAT_WAITING' ) %>
                    </div>
                    <div class="stat-box-body">
                        <%= stats.count_waiting %>
                    </div>
                </div>
            </div>
        </div>
        <h6 class="in-card"><%= _lc( 'CHART_OVERVIEW_FEEDBACKS' ) %></h6>
        <div class="ct-chart"></div>
        <p class="chart-legend">
            <span class="badge badge-success">&nbsp;</span>&nbsp;<%= _lc( 'ACCEPTANCES' ) %> <span class="badge badge-warning">&nbsp;</span> <%= _lc( 'WATING_LIST' ) %>
        </p>
    </div>
    <!--
    <div class="card-footer">
    </div>
    -->
</div>