<?php defined('ALTUMCODE') || die() ?>

<div class="container">
    <?= \Altum\Alerts::output_alerts() ?>

    <div class="mb-4">
        <h1 class="h4 m-0"><i class="fas fa-fw fa-xs fa-user-shield mr-1"></i> <?= l('teams_system.header') ?></h1>
    </div>

    <div class="row">
        <div class="col-12 mb-4 position-relative">
            <div class="card d-flex flex-row h-100 overflow-hidden">
                <div class="pl-4 d-flex flex-column justify-content-center">
                    <div class="p-2 rounded-2x api-widget-icon d-flex align-items-center justify-content-center bg-primary-100">
                        <a href="<?= url('teams') ?>" class="stretched-link">
                            <i class="fas fa-fw fa-user-cog text-primary-600"></i>
                        </a>
                    </div>
                </div>

                <div class="card-body d-flex justify-content-between align-items-center">
                    <div class="d-flex flex-column">
                        <span class="font-weight-bold"><?= l('teams.menu') ?></span>
                        <span class="small text-muted"><?= l('teams.subheader') ?></span>
                    </div>

                    <div>
                        <span class="badge badge-light"><?= nr($data->total_teams) ?></span>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-12 mb-4 position-relative">
            <div class="card d-flex flex-row h-100 overflow-hidden">
                <div class="pl-4 d-flex flex-column justify-content-center">
                    <div class="p-2 rounded-2x api-widget-icon d-flex align-items-center justify-content-center bg-primary-100">
                        <a href="<?= url('teams-member') ?>" class="stretched-link">
                            <i class="fas fa-fw fa-user-tag text-primary-600"></i>
                        </a>
                    </div>
                </div>

                <div class="card-body d-flex justify-content-between align-items-center">
                    <div class="d-flex flex-column">
                        <span class="font-weight-bold"><?= l('teams_member.menu') ?></span>
                        <span class="small text-muted"><?= l('teams_member.subheader') ?></span>
                    </div>

                    <div>
                        <span class="badge badge-light"><?= nr($data->total_teams_member) ?></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

