@extends('Admin.layout.master')
@section('content')
    <div class="post d-flex flex-column-fluid" id="kt_post">
        <div id="kt_content_container" class="container-xxl">

            <div class="row g-5 g-xl-10 mb-xl-10">
                <div class="col-md-3 col-lg-3 col-xl-3 mb-xl-10">
                    <div class="card card-flush h-md-100 mb-5">
                        <div class="card-header pt-5">
                            <div class="card-title d-flex flex-column">
                                <div class="d-flex align-items-center">
                                    <span class="fs-2hx fw-bolder text-dark me-2 lh-1 ls-n2">{{ $users }}</span>
                                </div>
                                <h2 class="mt-4">Total Users</h2>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-lg-3 col-xl-3 mb-xl-10">
                    <div class="card card-flush h-md-100 mb-5">
                        <div class="card-header pt-5">
                            <div class="card-title d-flex flex-column">
                                <div class="d-flex align-items-center">
                                    <span class="fs-2hx fw-bolder text-dark me-2 lh-1 ls-n2">{{ $eventManager }}</span>
                                </div>
                                <h2 class="mt-4">Total Event Manager</h2>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-lg-3 col-xl-3 mb-xl-10">
                    <div class="card card-flush h-md-100 mb-5">
                        <div class="card-header pt-5">
                            <div class="card-title d-flex flex-column">
                                <div class="d-flex align-items-center">
                                    <span class="fs-2hx fw-bolder text-dark me-2 lh-1 ls-n2">{{ $propertyOwner }}</span>
                                </div>
                                <h2 class="mt-4">Total Property Owner</h2>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-lg-3 col-xl-3 mb-xl-10">
                    <div class="card card-flush h-md-100 mb-5">
                        <div class="card-header pt-5">
                            <div class="card-title d-flex flex-column">
                                <div class="d-flex align-items-center">
                                    <span class="fs-2hx fw-bolder text-dark me-2 lh-1 ls-n2">{{ $properties }}</span>
                                </div>
                                <h2 class="mt-4">Total Properties</h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection