@extends('layouts.app')
@section('title', 'Mantenimiento — Dashboard')
@section('page-title', 'Dashboard de Mantenimiento')

@section('content')

{{-- Alertas de estado crítico --}}
@if($kpis['planes_vencidos'] > 0)
<div class="alert alert-warning alert-dismissible fade show">
    <i class="fas fa-exclamation-triangle mr-2"></i>
    <strong>Atención:</strong> Hay <strong>{{ $kpis['planes_vencidos'] }}</strong> plan(es) de mantenimiento preventivo vencido(s).
    <a href="{{ route('mantenimiento.planes.index', ['vencidos' => 1]) }}" class="alert-link ml-2">Ver planes vencidos</a>
    <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
</div>
@endif

@if($kpis['en_mantenimiento'] > 0)
<div class="alert alert-info alert-dismissible fade show">
    <i class="fas fa-tools mr-2"></i>
    Hay <strong>{{ $kpis['en_mantenimiento'] }}</strong> equipo(s) actualmente en mantenimiento.
    <a href="{{ route('mantenimiento.equipos.index', ['estado' => 'en_mantenimiento']) }}" class="alert-link ml-2">Ver equipos</a>
    <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
</div>
@endif

@if($repuestosStockBajo->count() > 0)
<div class="alert alert-danger alert-dismissible fade show">
    <i class="fas fa-exclamation-circle mr-2"></i>
    <strong>Stock bajo en repuestos:</strong>
    {{ $repuestosStockBajo->count() }} repuesto(s) del catálogo de equipos tienen stock por debajo de la cantidad típica requerida.
    <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
    <ul class="mb-0 mt-2">
        @foreach($repuestosStockBajo->take(4) as $r)
        <li><strong>{{ $r->producto }}</strong> ({{ $r->equipo }}) — Stock actual: <strong>{{ number_format($r->stock_actual,2) }}</strong> / Típico: {{ number_format($r->cantidad_tipica,2) }}</li>
        @endforeach
        @if($repuestosStockBajo->count() > 4)
        <li><em>y {{ $repuestosStockBajo->count() - 4 }} más...</em></li>
        @endif
    </ul>
</div>
@endif

{{-- KPI Cards --}}
<div class="row">
    <div class="col-lg-2 col-md-4 col-sm-6">
        <div class="small-box bg-success">
            <div class="inner">
                <h3>{{ $kpis['total_equipos'] }}</h3>
                <p>Equipos Activos</p>
            </div>
            <div class="icon"><i class="fas fa-cogs"></i></div>
            <a href="{{ route('mantenimiento.equipos.index') }}" class="small-box-footer">Ver <i class="fas fa-arrow-circle-right"></i></a>
        </div>
    </div>
    <div class="col-lg-2 col-md-4 col-sm-6">
        <div class="small-box bg-warning">
            <div class="inner">
                <h3>{{ $kpis['en_mantenimiento'] }}</h3>
                <p>En Mantenimiento</p>
            </div>
            <div class="icon"><i class="fas fa-wrench"></i></div>
            <a href="{{ route('mantenimiento.equipos.index', ['estado' => 'en_mantenimiento']) }}" class="small-box-footer">Ver <i class="fas fa-arrow-circle-right"></i></a>
        </div>
    </div>
    <div class="col-lg-2 col-md-4 col-sm-6">
        <div class="small-box" style="background:#FFC107; color:#fff;">
            <div class="inner">
                <h3>{{ $kpis['ot_pendientes'] }}</h3>
                <p>OT Pendientes</p>
            </div>
            <div class="icon"><i class="fas fa-clipboard-list"></i></div>
            <a href="{{ route('mantenimiento.ordenes.index', ['estado' => 'pendiente']) }}" class="small-box-footer">Ver <i class="fas fa-arrow-circle-right"></i></a>
        </div>
    </div>
    <div class="col-lg-2 col-md-4 col-sm-6">
        <div class="small-box bg-info">
            <div class="inner">
                <h3>{{ $kpis['ot_en_proceso'] }}</h3>
                <p>OT En Proceso</p>
            </div>
            <div class="icon"><i class="fas fa-spinner"></i></div>
            <a href="{{ route('mantenimiento.ordenes.index', ['estado' => 'en_proceso']) }}" class="small-box-footer">Ver <i class="fas fa-arrow-circle-right"></i></a>
        </div>
    </div>
    <div class="col-lg-2 col-md-4 col-sm-6">
        <div class="small-box bg-danger">
            <div class="inner">
                <h3>{{ $kpis['solicitudes_pendientes'] }}</h3>
                <p>Solicitudes Pendientes</p>
            </div>
            <div class="icon"><i class="fas fa-bell"></i></div>
            <a href="{{ route('mantenimiento.solicitudes.index', ['estado' => 'pendiente']) }}" class="small-box-footer">Ver <i class="fas fa-arrow-circle-right"></i></a>
        </div>
    </div>
    <div class="col-lg-2 col-md-4 col-sm-6">
        <div class="small-box bg-secondary">
            <div class="inner">
                <h3>{{ $kpis['planes_vencidos'] }}</h3>
                <p>Planes Vencidos</p>
            </div>
            <div class="icon"><i class="fas fa-calendar-times"></i></div>
            <a href="{{ route('mantenimiento.planes.index', ['vencidos' => 1]) }}" class="small-box-footer">Ver <i class="fas fa-arrow-circle-right"></i></a>
        </div>
    </div>
</div>

<div class="row">
    {{-- OT Recientes --}}
    <div class="col-md-8">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title"><i class="fas fa-clipboard-check mr-1"></i> Órdenes de Trabajo Recientes</h3>
                <div class="card-tools">
                    <a href="{{ route('mantenimiento.ordenes.index') }}" class="btn btn-sm btn-light">Ver todas</a>
                </div>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-sm table-hover mb-0">
                        <thead class="thead-light">
                            <tr>
                                <th>Código</th>
                                <th>Equipo</th>
                                <th>Tipo</th>
                                <th>Prioridad</th>
                                <th>Estado</th>
                                <th>Técnico</th>
                                <th>Acciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($ordenesRecientes as $ot)
                            <tr>
                                <td><strong>{{ $ot->codigo }}</strong></td>
                                <td>{{ $ot->equipo->nombre ?? '—' }}</td>
                                <td>{{ ucfirst(str_replace('_', ' ', $ot->tipo)) }}</td>
                                <td>
                                    <span class="badge badge-{{ $ot->badge_prioridad }}">
                                        {{ ucfirst($ot->prioridad) }}
                                    </span>
                                </td>
                                <td>
                                    <span class="badge badge-{{ $ot->badge_estado }}">
                                        {{ ucfirst(str_replace('_', ' ', $ot->estado)) }}
                                    </span>
                                </td>
                                <td>{{ $ot->nombre_tecnico ?? '—' }}</td>
                                <td>
                                    <a href="{{ route('mantenimiento.ordenes.show', $ot) }}" class="btn btn-xs btn-outline-primary">
                                        <i class="fas fa-eye"></i>
                                    </a>
                                </td>
                            </tr>
                            @empty
                            <tr>
                                <td colspan="7" class="text-center text-muted py-3">
                                    <i class="fas fa-inbox mr-1"></i> Sin órdenes de trabajo recientes
                                </td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    {{-- KPIs de Rendimiento --}}
    <div class="col-md-4">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title"><i class="fas fa-chart-bar mr-1"></i> KPIs de Rendimiento</h3>
            </div>
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-center border-bottom pb-2 mb-2">
                    <span class="text-muted"><i class="fas fa-clock mr-1"></i> MTTR</span>
                    <strong>{{ number_format($mttr, 1) }} min</strong>
                </div>
                <div class="d-flex justify-content-between align-items-center border-bottom pb-2 mb-2">
                    <span class="text-muted"><i class="fas fa-tools mr-1"></i> Correctivas del Mes</span>
                    <strong>{{ $correctivasMes }}</strong>
                </div>
                <div class="d-flex justify-content-between align-items-center">
                    <span class="text-muted"><i class="fas fa-percentage mr-1"></i> Disponibilidad</span>
                    <strong class="{{ $disponibilidad >= 90 ? 'text-success' : ($disponibilidad >= 75 ? 'text-warning' : 'text-danger') }}">
                        {{ number_format($disponibilidad, 1) }}%
                    </strong>
                </div>
                <div class="mt-3">
                    <div class="progress" style="height:12px;" title="Disponibilidad {{ number_format($disponibilidad,1) }}%">
                        <div class="progress-bar {{ $disponibilidad >= 90 ? 'bg-success' : ($disponibilidad >= 75 ? 'bg-warning' : 'bg-danger') }}"
                             style="width: {{ min($disponibilidad, 100) }}%">
                        </div>
                    </div>
                    <small class="text-muted">Disponibilidad de equipos</small>
                </div>
            </div>
        </div>

        {{-- Accesos rápidos --}}
        <div class="card">
            <div class="card-header">
                <h3 class="card-title"><i class="fas fa-bolt mr-1"></i> Accesos Rápidos</h3>
            </div>
            <div class="card-body">
                <a href="{{ route('mantenimiento.solicitudes.create') }}" class="btn btn-danger btn-block mb-2">
                    <i class="fas fa-bell mr-1"></i> Nueva Solicitud
                </a>
                <a href="{{ route('mantenimiento.ordenes.create') }}" class="btn btn-primary btn-block mb-2">
                    <i class="fas fa-clipboard-list mr-1"></i> Nueva OT
                </a>
                <a href="{{ route('mantenimiento.equipos.create') }}" class="btn btn-success btn-block mb-2">
                    <i class="fas fa-plus-circle mr-1"></i> Nuevo Equipo
                </a>
                <a href="{{ route('mantenimiento.planes.index') }}" class="btn btn-info btn-block mb-2">
                    <i class="fas fa-calendar-alt mr-1"></i> Ver Planes
                </a>
                <a href="{{ route('mantenimiento.calendario') }}" class="btn btn-outline-success btn-block">
                    <i class="fas fa-calendar-week mr-1"></i> Calendario
                </a>
            </div>
        </div>
    </div>
</div>

<div class="row">
    {{-- Próximos Mantenimientos Preventivos --}}
    <div class="col-md-6">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title"><i class="fas fa-calendar-alt mr-1"></i> Próximos Mantenimientos Preventivos</h3>
                <div class="card-tools">
                    <a href="{{ route('mantenimiento.planes.index') }}" class="btn btn-sm btn-light">Ver todos</a>
                </div>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-sm table-hover mb-0">
                        <thead class="thead-light">
                            <tr>
                                <th>Plan</th>
                                <th>Equipo</th>
                                <th>Frecuencia</th>
                                <th>Próxima Fecha</th>
                                <th>Vence En</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($proximosPlanes as $plan)
                            <tr>
                                <td><a href="{{ route('mantenimiento.planes.show', $plan) }}">{{ $plan->nombre }}</a></td>
                                <td>{{ $plan->equipo->nombre ?? '—' }}</td>
                                <td>{{ ucfirst($plan->frecuencia) }}</td>
                                <td>{{ $plan->proxima_fecha ? $plan->proxima_fecha->format('d/m/Y') : '—' }}</td>
                                <td>
                                    @php $dias = $plan->vence_en; @endphp
                                    <span class="badge badge-{{ $dias <= 0 ? 'danger' : ($dias <= 7 ? 'warning' : 'success') }}">
                                        {{ $dias <= 0 ? 'Vencido' : $dias . ' días' }}
                                    </span>
                                </td>
                            </tr>
                            @empty
                            <tr>
                                <td colspan="5" class="text-center text-muted py-3">
                                    <i class="fas fa-check-circle text-success mr-1"></i> Sin planes próximos
                                </td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    {{-- Solicitudes Pendientes --}}
    <div class="col-md-6">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title"><i class="fas fa-bell mr-1"></i> Solicitudes Pendientes</h3>
                <div class="card-tools">
                    <a href="{{ route('mantenimiento.solicitudes.index') }}" class="btn btn-sm btn-light">Ver todas</a>
                </div>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-sm table-hover mb-0">
                        <thead class="thead-light">
                            <tr>
                                <th>Código</th>
                                <th>Equipo</th>
                                <th>Tipo</th>
                                <th>Prioridad</th>
                                <th>Solicitante</th>
                                <th>Fecha</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($solicitudesRecientes as $sol)
                            <tr>
                                <td>
                                    <a href="{{ route('mantenimiento.solicitudes.show', $sol) }}">
                                        {{ $sol->codigo }}
                                    </a>
                                </td>
                                <td>{{ $sol->equipo->nombre ?? '—' }}</td>
                                <td>{{ ucfirst(str_replace('_', ' ', $sol->tipo)) }}</td>
                                <td>
                                    <span class="badge badge-{{ $sol->badge_prioridad }}">
                                        {{ ucfirst($sol->prioridad) }}
                                    </span>
                                </td>
                                <td>{{ $sol->solicitante->name ?? '—' }}</td>
                                <td>{{ $sol->created_at->format('d/m/Y') }}</td>
                            </tr>
                            @empty
                            <tr>
                                <td colspan="6" class="text-center text-muted py-3">
                                    <i class="fas fa-check-circle text-success mr-1"></i> Sin solicitudes pendientes
                                </td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection