{{-- Componente comentado para ocultar los bloques de estadísticas
@props(['stats'])

<div class="video-stats-container">
    <div class="row">
        <div class="col-md-4">
            <div class="stats-box">
                <h6 class="text-center">{{ __('all.current_cam_view') }}</h6>
                <div class="stats-content">
                    <div class="stat-row">
                        <span class="stat-label">{{ __('all.static') }}</span>
                        <span class="stat-value">{{ $stats['current']['static'] }}%</span>
                    </div>
                    <div class="stat-row">
                        <span class="stat-label">{{ __('all.natural') }}</span>
                        <span class="stat-value">{{ $stats['current']['natural'] }}%</span>
                    </div>
                    <div class="stat-row">
                        <span class="stat-label">{{ __('all.visio_bee') }}</span>
                        <div class="visio-bee-dots">
                            @if($stats['current']['visio_bee'] === -1)
                                <span>{{ __('all.no_face') }}</span>
                            @elseif($stats['current']['visio_bee'] === -2)
                                <span>{{ __('all.n_a') }}</span>
                            @else
                                @for ($i = 1; $i <= 6; $i++)
                                    <span class="dot {{ $i <= $stats['current']['visio_bee'] ? 'active' : '' }}"></span>
                                @endfor
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="stats-box">
                <h6 class="text-center">{{ __('all.week_view') }}</h6>
                <div class="stats-content">
                    <div class="stat-row">
                        <span class="stat-label">{{ __('all.static') }}</span>
                        <span class="stat-value">{{ $stats['week']['static'] }}%</span>
                    </div>
                    <div class="stat-row">
                        <span class="stat-label">{{ __('all.natural') }}</span>
                        <span class="stat-value">{{ $stats['week']['natural'] }}%</span>
                    </div>
                    <div class="stat-row">
                        <span class="stat-label">{{ __('all.visio_bee') }}</span>
                        <div class="visio-bee-dots">
                            @if($stats['week']['visio_bee'] === -1)
                                <span>{{ __('all.no_face') }}</span>
                            @elseif($stats['week']['visio_bee'] === -2)
                                <span>{{ __('all.n_a') }}</span>
                            @else
                                @for ($i = 1; $i <= 6; $i++)
                                    <span class="dot {{ $i <= $stats['week']['visio_bee'] ? 'active' : '' }}"></span>
                                @endfor
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="stats-box">
                <h6 class="text-center">{{ __('all.average_view') }}</h6>
                <div class="stats-content">
                    <div class="stat-row">
                        <span class="stat-label">{{ __('all.static') }}</span>
                        <span class="stat-value">{{ $stats['average']['static'] }}%</span>
                    </div>
                    <div class="stat-row">
                        <span class="stat-label">{{ __('all.natural') }}</span>
                        <span class="stat-value">{{ $stats['average']['natural'] }}%</span>
                    </div>
                    <div class="stat-row">
                        <span class="stat-label">{{ __('all.visio_bee') }}</span>
                        <div class="visio-bee-dots">
                            @if($stats['average']['visio_bee'] === -1)
                                <span>{{ __('all.no_face') }}</span>
                            @elseif($stats['average']['visio_bee'] === -2)
                                <span>{{ __('all.n_a') }}</span>
                            @else
                                @for ($i = 1; $i <= 6; $i++)
                                    <span class="dot {{ $i <= $stats['average']['visio_bee'] ? 'active' : '' }}"></span>
                                @endfor
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
.video-stats-container {
    margin: 2rem 0;
}

.stats-box {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.stats-box h6 {
    margin-bottom: 1rem;
    font-weight: bold;
}

.stats-content {
    padding: 0.5rem;
}

.stat-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.stat-label {
    font-weight: 500;
    color: #666;
}

.stat-value {
    font-weight: bold;
}

.visio-bee-dots {
    display: flex;
    gap: 4px;
}

.dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #e0e0e0;
    display: inline-block;
}

.dot.active {
    background-color: #007bff;
}

.visio-bee-dots span:not(.dot) {
    font-size: 0.9rem;
    color: #666;
    font-style: italic;
}
</style>
--}}