@extends('adminlte::page')

@section('title', 'Estadísticas: ' . $listaClientesFrecuente->nombre_lista)

@section('content_header')
    <h1>Estadísticas: {{ $listaClientesFrecuente->nombre_lista }}</h1>
@stop

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">
                        <i class="fas fa-chart-bar"></i> Estadísticas: {{ $listaClientesFrecuente->nombre_lista }}
                    </h3>
                </div>
                <div class="card-body">
                    <!-- Resumen de estadísticas -->
                    <div class="row mb-4">
                        <div class="col-md-3">
                            <div class="info-box">
                                <span class="info-box-icon bg-info"><i class="fas fa-users"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Total Clientes</span>
                                    <span class="info-box-number">{{ $estadisticas['total_clientes'] }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="info-box">
                                <span class="info-box-icon bg-success"><i class="fas fa-shopping-cart"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Total Despachos</span>
                                    <span class="info-box-number">{{ $estadisticas['total_despachos'] }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="info-box">
                                <span class="info-box-icon bg-warning"><i class="fas fa-chart-line"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Promedio por Cliente</span>
                                    <span class="info-box-number">{{ $estadisticas['promedio_despachos_por_cliente'] }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="info-box">
                                <span class="info-box-icon bg-primary"><i class="fas fa-star"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Cliente Top</span>
                                    <span class="info-box-number">
                                        {{ $estadisticas['cliente_mas_frecuente'] ? $estadisticas['cliente_mas_frecuente']->total_despachos : 0 }}
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Información de configuración -->
                    <div class="row mb-4">
                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="card-title"><i class="fas fa-cog"></i> Configuración Actual</h5>
                                </div>
                                <div class="card-body">
                                    <table class="table table-borderless">
                                        <tr>
                                            <td><strong>Días de Historial:</strong></td>
                                            <td>{{ $estadisticas['configuracion']['dias_historial'] }} días</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Mínimo de Despachos:</strong></td>
                                            <td>{{ $estadisticas['configuracion']['minimo_despachos'] }} despachos</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Máximo de Clientes:</strong></td>
                                            <td>{{ $estadisticas['configuracion']['maximo_clientes'] }} clientes</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Última Actualización:</strong></td>
                                            <td>{{ $estadisticas['ultima_actualizacion']->format('d/m/Y H:i:s') }}</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="card-title"><i class="fas fa-info-circle"></i> Información de la Lista</h5>
                                </div>
                                <div class="card-body">
                                    <table class="table table-borderless">
                                        <tr>
                                            <td><strong>ID:</strong></td>
                                            <td>{{ $listaClientesFrecuente->id }}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Nombre:</strong></td>
                                            <td>{{ $listaClientesFrecuente->nombre_lista }}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Estado:</strong></td>
                                            <td>
                                                @if($listaClientesFrecuente->estado)
                                                    <span class="badge badge-success">Activa</span>
                                                @else
                                                    <span class="badge badge-secondary">Inactiva</span>
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><strong>Descripción:</strong></td>
                                            <td>{{ $listaClientesFrecuente->descripcion ?: 'Sin descripción' }}</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Cliente más frecuente -->
                    @if($estadisticas['cliente_mas_frecuente'])
                        <div class="row mb-4">
                            <div class="col-12">
                                <div class="card">
                                    <div class="card-header">
                                        <h5 class="card-title"><i class="fas fa-trophy"></i> Cliente Más Frecuente</h5>
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-md-8">
                                                <h6>{{ $estadisticas['cliente_mas_frecuente']->cliente->nombre_comercial }}</h6>
                                                <p class="text-muted mb-2">
                                                    <strong>Documento:</strong> {{ $estadisticas['cliente_mas_frecuente']->cliente->documento }}<br>
                                                    <strong>Teléfono:</strong> {{ $estadisticas['cliente_mas_frecuente']->cliente->telefono ?: 'Sin teléfono' }}<br>
                                                    <strong>Total Despachos:</strong> {{ $estadisticas['cliente_mas_frecuente']->total_despachos }}<br>
                                                    <strong>Último Despacho:</strong> {{ $estadisticas['cliente_mas_frecuente']->ultimo_despacho ? \Carbon\Carbon::parse($estadisticas['cliente_mas_frecuente']->ultimo_despacho)->format('d/m/Y') : 'N/A' }}
                                                </p>
                                            </div>
                                            <div class="col-md-4 text-center">
                                                <div class="display-4 text-primary">{{ $estadisticas['cliente_mas_frecuente']->total_despachos }}</div>
                                                <small class="text-muted">Despachos en {{ $estadisticas['configuracion']['dias_historial'] }} días</small>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif

                    <!-- Análisis de distribución -->
                    <div class="row mb-4">
                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="card-title"><i class="fas fa-chart-pie"></i> Distribución por Rango de Despachos</h5>
                                </div>
                                <div class="card-body">
                                    @php
                                        $detalles = $listaClientesFrecuente->detalles()->activos()->orderBy('total_pedidos', 'desc')->get();
                                        $rango1 = $detalles->where('total_pedidos', '<=', 5)->count();
                                        $rango2 = $detalles->where('total_pedidos', '>', 5)->where('total_pedidos', '<=', 10)->count();
                                        $rango3 = $detalles->where('total_pedidos', '>', 10)->where('total_pedidos', '<=', 20)->count();
                                        $rango4 = $detalles->where('total_pedidos', '>', 20)->count();
                                    @endphp

                                    <div class="progress-group">
                                        <span class="progress-text">1-5 despachos</span>
                                        <span class="float-right"><b>{{ $rango1 }}</b>/{{ $detalles->count() }}</span>
                                        <div class="progress">
                                            <div class="progress-bar bg-info" style="width: {{ $detalles->count() > 0 ? ($rango1 / $detalles->count()) * 100 : 0 }}%"></div>
                                        </div>
                                    </div>

                                    <div class="progress-group">
                                        <span class="progress-text">6-10 despachos</span>
                                        <span class="float-right"><b>{{ $rango2 }}</b>/{{ $detalles->count() }}</span>
                                        <div class="progress">
                                            <div class="progress-bar bg-success" style="width: {{ $detalles->count() > 0 ? ($rango2 / $detalles->count()) * 100 : 0 }}%"></div>
                                        </div>
                                    </div>

                                    <div class="progress-group">
                                        <span class="progress-text">11-20 despachos</span>
                                        <span class="float-right"><b>{{ $rango3 }}</b>/{{ $detalles->count() }}</span>
                                        <div class="progress">
                                            <div class="progress-bar bg-warning" style="width: {{ $detalles->count() > 0 ? ($rango3 / $detalles->count()) * 100 : 0 }}%"></div>
                                        </div>
                                    </div>

                                    <div class="progress-group">
                                        <span class="progress-text">Más de 20 despachos</span>
                                        <span class="float-right"><b>{{ $rango4 }}</b>/{{ $detalles->count() }}</span>
                                        <div class="progress">
                                            <div class="progress-bar bg-danger" style="width: {{ $detalles->count() > 0 ? ($rango4 / $detalles->count()) * 100 : 0 }}%"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="card-title"><i class="fas fa-calendar"></i> Actividad Reciente</h5>
                                </div>
                                <div class="card-body">
                                    @php
                                        $hoy = now();
                                        $ultimaSemana = $detalles->where('ultimo_despacho', '>=', $hoy->subDays(7))->count();
                                        $ultimoMes = $detalles->where('ultimo_despacho', '>=', $hoy->subDays(30))->count();
                                        $ultimoTrimestre = $detalles->where('ultimo_despacho', '>=', $hoy->subDays(90))->count();
                                    @endphp

                                    <div class="info-box bg-light">
                                        <span class="info-box-icon bg-success"><i class="fas fa-calendar-week"></i></span>
                                        <div class="info-box-content">
                                            <span class="info-box-text">Última Semana</span>
                                            <span class="info-box-number">{{ $ultimaSemana }}</span>
                                            <span class="progress-description">
                                                Clientes con despachos en los últimos 7 días
                                            </span>
                                        </div>
                                    </div>

                                    <div class="info-box bg-light">
                                        <span class="info-box-icon bg-info"><i class="fas fa-calendar-alt"></i></span>
                                        <div class="info-box-content">
                                            <span class="info-box-text">Último Mes</span>
                                            <span class="info-box-number">{{ $ultimoMes }}</span>
                                            <span class="progress-description">
                                                Clientes con despachos en los últimos 30 días
                                            </span>
                                        </div>
                                    </div>

                                    <div class="info-box bg-light">
                                        <span class="info-box-icon bg-warning"><i class="fas fa-calendar-check"></i></span>
                                        <div class="info-box-content">
                                            <span class="info-box-text">Último Trimestre</span>
                                            <span class="info-box-number">{{ $ultimoTrimestre }}</span>
                                            <span class="progress-description">
                                                Clientes con despachos en los últimos 90 días
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Top 10 clientes -->
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="card-title"><i class="fas fa-medal"></i> Top 10 Clientes Más Frecuentes</h5>
                                </div>
                                <div class="card-body">
                                    @if($detalles->count() > 0)
                                        <div class="table-responsive">
                                            <table class="table table-bordered table-striped">
                                                <thead>
                                                    <tr>
                                                        <th>Posición</th>
                                                        <th>Cliente</th>
                                                        <th>Documento</th>
                                                        <th>Total Despachos</th>
                                                        <th>Último Despacho</th>
                                                        <th>Promedio</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach($detalles->take(10) as $index => $detalle)
                                                        <tr>
                                                            <td>
                                                                @if($index == 0)
                                                                    <span class="badge badge-warning">🥇 1º</span>
                                                                @elseif($index == 1)
                                                                    <span class="badge badge-secondary">🥈 2º</span>
                                                                @elseif($index == 2)
                                                                    <span class="badge badge-warning">🥉 3º</span>
                                                                @else
                                                                    <span class="badge badge-info">{{ $index + 1 }}º</span>
                                                                @endif
                                                            </td>
                                                            <td>
                                                                {{ $detalle->cliente->nombre_comercial }}
                                                            </td>
                                                            <td>{{ $detalle->cliente->documento }}</td>
                                                            <td>
                                                                <span class="badge badge-primary">{{ $detalle->total_pedidos }}</span>
                                                            </td>
                                                            <td>
                                                                <small>{{ $detalle->ultimo_despacho ? \Carbon\Carbon::parse($detalle->ultimo_despacho)->format('d/m/Y') : 'N/A' }}</small>
                                                            </td>
                                                            <td>
                                                                <small class="text-muted">
                                                                    {{ round($detalle->total_pedidos / $estadisticas['configuracion']['dias_historial'] * 30, 1) }} despachos/mes
                                                                </small>
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    @else
                                        <div class="alert alert-info">
                                            <i class="fas fa-info-circle"></i> La lógica de la lista ahora se basa en los despachos reales de los clientes, no en los pedidos.
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>

                    <a href="{{ route('lista-clientes-frecuentes.index') }}" class="btn btn-warning">
                        Lista de Clientes Frecuentes
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
$(document).ready(function() {
    // Tooltips
    $('[data-toggle="tooltip"]').tooltip();
});
</script>
@endpush