<div class="row">
    <div class="col-sm-6 col-xl-3">
        <div class="card card-body">
            <div class="media">
                <div class="mr-3 align-self-center">
                    <i class="icon-home icon-3x text-success"></i>
                </div>

                <div class="media-body text-right">
                    <h3 class="font-weight-semibold mb-0">{{ datas['propertieUsed'] ?? 0 }}</h3>
                    <span class="text-uppercase font-size-sm text-muted">
                        <a href="{{ path('admin.properties.index') }}" class="text-muted">Appartements occupés</a>
                    </span>
                </div>
            </div>
        </div>
    </div>

    <div class="col-sm-6 col-xl-3">
        <div class="card card-body">
            <div class="media">
                <div class="mr-3 align-self-center">
                    <i class="icon-users icon-3x text-indigo"></i>
                </div>

                <div class="media-body text-right">
                    <h3 class="font-weight-semibold mb-0">{{ datas['locataire'] ?? 0 }}</h3>
                    <span class="text-uppercase font-size-sm text-muted">
                        <a href="{{ path('admin.acteurs.locataires.index') }}" class="text-muted">Total locataire</a>
                    </span>
                </div>
            </div>
        </div>
    </div>

    <div class="col-sm-6 col-xl-3">
        <div class="card card-body">
            <div class="media">
                <div class="media-body">
                    {% comment %} <h3 class="font-weight-semibold mb-0">{{ (datas['totalPayeMois'] ?? 0)|format_currency(currency()) }}</h3> {% endcomment %}
                    <span class="text-uppercase font-size-sm text-muted">
                        <a href="{{ path('admin.quittances.index') }}" class="text-muted">Total mensuel payé</a>
                    </span>
                </div>

                <div class="ml-3 align-self-center">
                    <i class="icon-coin-dollar icon-3x text-primary"></i>
                </div>
            </div>
        </div>
    </div>

    <div class="col-sm-6 col-xl-3">
        <div class="card card-body">
            <div class="media">
                <div class="media-body">
                    <h3 class="font-weight-semibold mb-0">{{ (datas['totalImpayeMois'] ?? 0)|format_currency(currency()) }}</h3>
                    <span class="text-uppercase font-size-sm text-muted">
                        <a href="{{ path('admin.quittances.index') }}" class="text-muted">Total mensuel impayé</a>
                    </span>
                </div>

                <div class="ml-3 align-self-center">
                    <i class="icon-info3 icon-3x text-danger"></i>
                </div>
            </div>
        </div>
    </div>
</div>