@can('total-users')
    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="data-card">
            <div class="icon">
                <i data-lucide="users"></i>
            </div>
            <div class="content">
                <h4 class="count">{{ $data['register_user'] }}</h4>
                <p>{{ __('All Users') }}</p>
            </div>
            <a class="link" href="{{ route('admin.user.index') }}"><i data-lucide="external-link"></i></a>
        </div>
    </div>
@endcan
@can('active-users')
    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="data-card">
            <div class="icon">
                <i data-lucide="user-check"></i>
            </div>
            <div class="content">
                <h4 class="count">{{ $data['active_user'] }}</h4>
                <p>{{ __('Active Users') }}</p>
            </div>
            <a class="link" href="{{ route('admin.user.index') }}"><i data-lucide="external-link"></i></a>
        </div>
    </div>
@endcan
@can('disabled-users')
    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="data-card">
            <div class="icon">
                <i data-lucide="user-round-x"></i>
            </div>
            <div class="content">
                <h4 class="count">{{ $data['disabled_user'] }}</h4>
                <p>{{ __('Disabled Users') }}</p>
            </div>
            <a class="link" href="{{ route('admin.user.index') }}"><i data-lucide="external-link"></i></a>
        </div>
    </div>
@endcan
@can('total-staff')
    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="data-card">
            <div class="icon">
                <i data-lucide="user-cog"></i>
            </div>
            <div class="content">
                <h4 class="count">{{ $data['total_staff'] }}</h4>
                <p>{{ __('All Staff') }}</p>
            </div>
            <a class="link" href="{{ route('admin.staff.index') }}"><i data-lucide="external-link"></i></a>
        </div>
    </div>
@endcan

@if (multiLocationEnabled())
    @can('total-location')
        <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
            <div class="data-card">
                <div class="icon">
                    <i data-lucide="map-pinned"></i>
                </div>
                <div class="content">
                    <h4 class="count">{{ $data['total_locations'] }}</h4>
                    <p>{{ __('All Locations') }}</p>
                </div>
                <a class="link" href="{{ route('admin.location.index') }}"><i data-lucide="external-link"></i></a>
            </div>
        </div>
    @endcan
@endif
@can('total-space')
    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="data-card">
            <div class="icon">
                <i data-lucide="school"></i>
            </div>
            <div class="content">
                <h4 class="count">{{ $data['total_spaces'] }}</h4>
                <p>{{ __('All Spaces') }}</p>
            </div>
            <a class="link" href="{{ route('admin.space.index') }}"><i data-lucide="external-link"></i></a>
        </div>
    </div>
@endcan

@can('bookings')
    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="data-card">
            <div class="icon">
                <i data-lucide="blinds"></i>
            </div>
            <div class="content">
                <h4 class="count">{{ $data['total_bookings'] }}</h4>
                <p>{{ __('All Bookings') }}</p>
            </div>
            <a class="link" href="{{ route('admin.bookings.index') }}"><i data-lucide="external-link"></i></a>
        </div>
    </div>
@endcan

@can('automatic-gateways')
    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="data-card">
            <div class="icon">
                <i data-lucide="user-cog"></i>
            </div>
            <div class="content">
                <h4 class="count">{{ $data['gateways'] }}</h4>
                <p>{{ __('Gateways') }}</p>
            </div>
            <a class="link" href="{{ route('admin.gateway.automatic') }}"><i data-lucide="external-link"></i></a>
        </div>
    </div>
@endcan
