{extends file="layout/layout.tpl"}
{block name=main}
<div class="slim-mainpanel" style="position: relative;">
      <div class="container">
        <div class="slim-pageheader">
          <ol class="breadcrumb slim-breadcrumb">
            <li class="breadcrumb-item"></li>
            <li class="breadcrumb-item active" aria-current="page"></li>
          </ol>
          <h6 class="slim-pagetitle">HOME</h6>
        </div><!-- slim-pageheader -->

        <div class="row row-xs">
          <div class="col-sm-6 col-lg-3">
            <div class="card card-status">
              <div class="media">
                <i class="icon ion-ios-cloud-download-outline tx-purple"></i>
                <div class="media-body">
                  <h1>32,604</h1>
                  <p>Total downloads</p>
                </div><!-- media-body -->
              </div><!-- media -->
            </div><!-- card -->
          </div><!-- col-3 -->
          <div class="col-sm-6 col-lg-3 mg-t-10 mg-lg-t-0">
            <div class="card card-status">
              <div class="media">
                <i class="icon ion-ios-bolt-outline tx-primary"></i>
                <div class="media-body">
                  <h1>30</h1>
                  <p>Server Files Version</p>
                </div><!-- media-body -->
              </div><!-- media -->
            </div><!-- card -->
          </div><!-- col-3 -->

          <div class="col-sm-6 col-lg-3 mg-t-10 mg-sm-t-0">
            <div class="card card-status">
              <div class="media">
                <i class="icon ion-key tx-teal"></i>
                <div class="media-body">
                  <h1>{count($license)}</h1>
                  <p>Total Active Keys</p>
                </div><!-- media-body -->
              </div><!-- media -->
            </div><!-- card -->
          </div><!-- col-3 -->
          <div class="col-sm-6 col-lg-3 mg-t-10 mg-lg-t-0">
            <div class="card card-status">
              <div class="media">
                <i class="icon ion-ios-person-outline tx-pink"></i>
                <div class="media-body">
                  <h1>{count($user)}</h1>
                  <p>Total Active Users</p>
                </div><!-- media-body -->
              </div><!-- media -->
            </div><!-- card -->
          </div><!-- col-3 -->
          
        </div><!-- row -->

      </div><!-- container -->
{/block}