<?php $attributes = $attributes->exceptProps(['title', 'value', 'icon', 'color', 'url']); ?>
<?php foreach (array_filter((['title', 'value', 'icon', 'color', 'url']), 'is_string', ARRAY_FILTER_USE_KEY) as $__key => $__value) {
    $$__key = $$__key ?? $__value;
} ?>
<?php $__defined_vars = get_defined_vars(); ?>
<?php foreach ($attributes as $__key => $__value) {
    if (array_key_exists($__key, $__defined_vars)) unset($$__key);
} ?>
<?php unset($__defined_vars); ?>

<div class="col-md-3">
    <a href="<?php echo e($url); ?>" class="text-decoration-none">
    <div class="card dashboard-card">
            <div class="card-body d-flex justify-content-between align-items-center">
                <div>
                    <h6 class="text-<?php echo e($color); ?> mb-1"><?php echo e($title); ?></h6>
                    <h4 class="mb-0 text-dark"><?php echo e($value); ?></h4>
                    <small class="text-muted">View Details</small>
                </div>
                <i class="<?php echo e($icon); ?> fa-2x text-<?php echo e($color); ?>"></i>
            </div>
        </div>
    </a>
</div>


<?php $__env->startPush('styles'); ?>
<style>
    .dashboard-card {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        border-radius: 10px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .dashboard-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    }
</style>
<?php $__env->stopPush(); ?>

<?php /**PATH C:\xampp\htdocs\laravel-app12\resources\views/components/dashboard/card.blade.php ENDPATH**/ ?>