<div
    class="bg-white/80 dark:bg-gray-800/80 backdrop-blur-xl rounded-2xl shadow-lg dark:shadow-gray-900/50 overflow-hidden border border-white/20 dark:border-gray-700/50">
    <!-- Header -->
    <div
        class="px-4 py-2 bg-linear-to-r from-slate-50/80 to-slate-100/50 dark:from-slate-800/50 dark:to-slate-700/50 border-b border-slate-100/50 dark:border-slate-600/70">
        <div class="flex items-center">
            <div class="w-6 h-6 bg-slate-500 dark:bg-slate-600 rounded-lg flex items-center justify-center mr-2">
                <?php if (isset($component)) { $__componentOriginalf7e08ef622c07c3a1f8a9c4218ab225f = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginalf7e08ef622c07c3a1f8a9c4218ab225f = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'e60dd9d2c3a62d619c9acb38f20d5aa5::icon.chart-line','data' => ['class' => 'w-3 h-3 text-white']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('flux::icon.chart-line'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['class' => 'w-3 h-3 text-white']); ?>
<?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::processComponentKey($component); ?>

<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginalf7e08ef622c07c3a1f8a9c4218ab225f)): ?>
<?php $attributes = $__attributesOriginalf7e08ef622c07c3a1f8a9c4218ab225f; ?>
<?php unset($__attributesOriginalf7e08ef622c07c3a1f8a9c4218ab225f); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalf7e08ef622c07c3a1f8a9c4218ab225f)): ?>
<?php $component = $__componentOriginalf7e08ef622c07c3a1f8a9c4218ab225f; ?>
<?php unset($__componentOriginalf7e08ef622c07c3a1f8a9c4218ab225f); ?>
<?php endif; ?>
            </div>
            <h3 class="text-sm font-bold text-slate-900 dark:text-slate-50">Account Statistics</h3>
        </div>
    </div>

    <!-- Stats Content -->
    <div class="p-3 space-y-2">
        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::openLoop(); ?><?php endif; ?><?php $__currentLoopData = $summaryStats; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $stat): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::startLoop($loop->index); ?><?php endif; ?>
            <div tabindex="0"
                class="group p-2 bg-linear-to-br from-gray-50/50 to-white/50 dark:from-gray-700/50 dark:to-gray-800/50 hover:from-sky-50/50 hover:to-sky-100/30 dark:hover:from-sky-900/30 dark:hover:to-sky-800/30 rounded-xl border border-gray-100/50 dark:border-gray-600/50 hover:border-sky-200/50 dark:hover:border-sky-700/50 transition-all duration-300 hover:shadow-md hover:shadow-sky-500/10 dark:hover:shadow-sky-900/20">
                <div class="flex items-center">
                    <!-- Icon -->
                    <div class="relative">
                        <div
                            class="w-8 h-8 bg-linear-to-br from-sky-500 to-sky-600 rounded-lg flex items-center justify-center shadow-md shadow-sky-500/25 dark:shadow-sky-900/50 group-hover:scale-110 transition-transform duration-300">
                            <?php if (isset($component)) { $__componentOriginalc7d5f44bf2a2d803ed0b55f72f1f82e2 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginalc7d5f44bf2a2d803ed0b55f72f1f82e2 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'e60dd9d2c3a62d619c9acb38f20d5aa5::icon.index','data' => ['variant' => 'solid','name' => $stat['icon'],'class' => 'w-5 h-5 text-white']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('flux::icon'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['variant' => 'solid','name' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($stat['icon']),'class' => 'w-5 h-5 text-white']); ?>
<?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::processComponentKey($component); ?>

<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginalc7d5f44bf2a2d803ed0b55f72f1f82e2)): ?>
<?php $attributes = $__attributesOriginalc7d5f44bf2a2d803ed0b55f72f1f82e2; ?>
<?php unset($__attributesOriginalc7d5f44bf2a2d803ed0b55f72f1f82e2); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalc7d5f44bf2a2d803ed0b55f72f1f82e2)): ?>
<?php $component = $__componentOriginalc7d5f44bf2a2d803ed0b55f72f1f82e2; ?>
<?php unset($__componentOriginalc7d5f44bf2a2d803ed0b55f72f1f82e2); ?>
<?php endif; ?>
                        </div>
                        <div
                            class="absolute -top-0.5 -right-0.5 w-2 h-2 bg-white dark:bg-gray-800 rounded-full border border-sky-500 opacity-0 group-hover:opacity-100 transition-opacity duration-300">
                        </div>
                    </div>

                    <!-- Content -->
                    <div class="flex-1 min-w-0 ml-3">
                        <div class="flex items-center justify-between mb-0.5">
                            <p class="text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider">
                                <?php echo e($stat['label']); ?></p>
                            <div
                                class="w-1.5 h-1.5 bg-sky-500 rounded-full opacity-60 group-hover:opacity-100 transition-opacity duration-300">
                            </div>
                        </div>
                        <p
                            class="text-sm font-bold text-gray-900 dark:text-white truncate group-hover:text-sky-700 dark:group-hover:text-sky-300 transition-colors duration-300">
                            <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($stat['has_symbol']): ?>
                                <?php echo e($currencySymbol); ?><?php echo e($stat['value']); ?>

                            <?php else: ?>
                                <?php echo e($stat['value']); ?>

                            <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                        </p>
                        <p
                            class="text-xs text-gray-500 dark:text-gray-400 group-hover:text-sky-600 dark:group-hover:text-sky-400 transition-colors duration-300">
                            <?php echo e($stat['description']); ?></p>

                        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(isset($stat['progress'])): ?>
                            <?php
                                $progress = min(100, max(0, round($stat['progress'], 1)));
                            ?>

                            <div class="mt-2 w-full h-1.5 rounded-full bg-gray-200 dark:bg-gray-700 overflow-hidden">
                                <div class="<?php echo \Illuminate\Support\Arr::toCssClasses([
                                    'h-full transition-[width] duration-500 ease-out rounded-full',
                                    'bg-red-500 dark:bg-red-400' => $progress < 40,
                                    'bg-yellow-500 dark:bg-yellow-400' => $progress >= 40 && $progress < 70,
                                    'bg-green-500 dark:bg-green-400' => $progress >= 70
                                ]); ?>" style="width: <?php echo e($progress); ?>%">
                                </div>
                            </div>
                        <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                    </div>
                </div>

                <!-- Progress indicator -->
                <div class="mt-2 h-0.5 bg-gray-200 dark:bg-gray-600 rounded-full overflow-hidden">
                    <div
                        class="h-full bg-linear-to-r from-sky-500 to-sky-600 rounded-full transform scale-x-0 group-hover:scale-x-100 transition-transform duration-500 origin-left">
                    </div>
                </div>
            </div>
        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::endLoop(); ?><?php endif; ?><?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::closeLoop(); ?><?php endif; ?>
    </div>

    <!-- Footer -->
    <div
        class="px-3 py-2 bg-linear-to-r from-gray-50/50 to-white/50 dark:from-gray-700/50 dark:to-gray-800/50 border-t border-gray-100/50 dark:border-gray-600/50">
        <div class="flex items-center justify-center text-xs text-gray-500 dark:text-gray-400">
            <i class="fa-solid fa-clock mr-1 text-sky-500 text-xs"></i>
            <span>Updated in real-time</span>
        </div>
    </div>
</div>
<?php /**PATH /Users/macuser/Herd/Novabank/resources/views/partials/statistic.blade.php ENDPATH**/ ?>