@extends('superadmin::layouts.master')
@section('title','x')
@section('breadcrumb')
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route("dashboard-home")}}">Home</a></li>
            <li class="breadcrumb-item"><a href="{{route("tenants.index")}}">Company</a></li>
        </ol>
    </div>
</div>
@endsection
@section('content')
<div class="row">
    <div class="col-xl-4 col-lg-4">
    </div>
    <div class="col-xl-4 col-lg-4">
        <div class="card">
            <div class="card-body">
                <div class="card-block">
                    <div class="media">
                        <div class="media-body text-xs-left">
                            <h3>105</h3>
                            <span class="margin-right-1">Company users count</span>
                        </div>
                        <div class="media-right media-middle">
                            <i class="fa fa-user primary font-large-2 float-xs-right"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-4 col-lg-4">
    </div>
</div>
<div class="row">
    <div class="col-xl-4 col-lg-4">
        <div class="card">
            <div class="card-body">
                <div class="card-block">
                    <div class="media">
                        <div class="media-body text-xs-left">
                            <h3>104</h3>
                            <span class="margin-right-1">Active company users count</span>
                        </div>
                        <div class="media-right media-middle">
                            <i class="fa fa-check primary font-large-2 float-xs-right"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-4 col-lg-4">
    </div>
    <div class="col-xl-4 col-lg-4">
        <div class="card">
            <div class="card-body">
                <div class="card-block">
                    <div class="media">
                        <div class="media-body text-xs-left">
                            <h3>1</h3>
                            <span class="margin-right-1">Inactive company users count</span>
                        </div>
                        <div class="media-right media-middle">
                            <i class="fa fa-ban primary font-large-2 float-xs-right"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-xl-4 col-lg-4">
    </div>
    <div class="col-xl-4 col-lg-4">
        <div class="card">
            <div class="card-body">
                <div class="card-block">
                    <div class="media">
                        <div class="media-body text-xs-left">
                            <h3>57</h3>
                            <span class="margin-right-1">Companies count</span>
                        </div>
                        <div class="media-right media-middle">
                            <i class="fa fa-building-o primary font-large-2 float-xs-right"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-4 col-lg-4">
    </div>
</div>
<div class="row">
    <div class="col-xl-4 col-lg-4">
        <div class="card">
            <div class="card-body">
                <div class="card-block">
                    <div class="media">
                        <div class="media-body text-xs-left">
                            <h3>55</h3>
                            <span class="margin-right-1">Active companies count</span>
                        </div>
                        <div class="media-right media-middle">
                            <i class="fa fa-check primary font-large-2 float-xs-right"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-4 col-lg-4">
    </div>
    <div class="col-xl-4 col-lg-4">
        <div class="card">
            <div class="card-body">
                <div class="card-block">
                    <div class="media">
                        <div class="media-body text-xs-left">
                            <h3>2</h3>
                            <span class="margin-right-1">Inactive companies count</span>
                        </div>
                        <div class="media-right media-middle">
                            <i class="fa fa-ban primary font-large-2 float-xs-right"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection