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

@section('content')

{{-- Filtros --}}
<div class="card mb-3">
    <div class="card-body py-2">
        <form method="GET" class="form-inline flex-wrap" style="gap:8px;">
            <label class="mr-1">Desde</label>
            <input type="date" name="desde" value="{{ $desde }}" class="form-control form-control-sm mr-2">
            <label class="mr-1">Hasta</label>
            <input type="date" name="hasta" value="{{ $hasta }}" class="form-control form-control-sm mr-2">
            <label class="mr-1">Equipo</label>
            <select name="equipo_id" class="form-control form-control-sm mr-2">
                <option value="">Todos</option>
                @foreach($equipos as $eq)
                <option value="{{ $eq->id }}" {{ $equipoId == $eq->id ? 'selected' : '' }}>{{ $eq->nombre }}</option>
                @endforeach
            </select>
            <button type="submit" class="btn btn-primary btn-sm"><i class="fas fa-search mr-1"></i>Filtrar</button>
            <a href="{{ route('mantenimiento.reportes.exportar', request()->only(['desde','hasta','equipo_id'])) }}"
               class="btn btn-success btn-sm">
                <i class="fas fa-file-excel mr-1"></i> Exportar CSV
            </a>
        </form>
    </div>
</div>

{{-- KPIs --}}
<div class="row">
    <div class="col-6 col-md-2 mb-3">
        <div class="small-box bg-info"><div class="inner"><h3>{{ $totalOt }}</h3><p>Total OT</p></div><div class="icon"><i class="fas fa-file-contract"></i></div></div>
    </div>
    <div class="col-6 col-md-2 mb-3">
        <div class="small-box bg-success"><div class="inner"><h3>{{ $completadas }}</h3><p>Completadas</p></div><div class="icon"><i class="fas fa-check-circle"></i></div></div>
    </div>
    <div class="col-6 col-md-2 mb-3">
        <div class="small-box bg-primary"><div class="inner"><h3>{{ $preventivas }}</h3><p>Preventivas</p></div><div class="icon"><i class="fas fa-calendar-alt"></i></div></div>
    </div>
    <div class="col-6 col-md-2 mb-3">
        <div class="small-box bg-warning"><div class="inner"><h3>{{ $correctivas }}</h3><p>Correctivas</p></div><div class="icon"><i class="fas fa-wrench"></i></div></div>
    </div>
    <div class="col-6 col-md-2 mb-3">
        <div class="small-box bg-danger"><div class="inner"><h3>{{ $mttr }}'</h3><p>MTTR (min)</p></div><div class="icon"><i class="fas fa-stopwatch"></i></div></div>
    </div>
    <div class="col-6 col-md-2 mb-3">
        <div class="small-box" style="background:#6c757d;color:#fff;"><div class="inner"><h3>S/ {{ number_format($costoTotal,0) }}</h3><p>Costo Total</p></div><div class="icon"><i class="fas fa-dollar-sign"></i></div></div>
    </div>
</div>

<div class="row">
    {{-- Por equipo --}}
    <div class="col-md-7 mb-4">
        <div class="card">
            <div class="card-header"><h3 class="card-title"><i class="fas fa-cogs mr-2"></i>OT por Equipo</h3></div>
            <div class="card-body p-0">
                <table class="table table-sm mb-0">
                    <thead class="thead-light"><tr><th>Equipo</th><th class="text-center">Total</th><th class="text-center">Completadas</th><th class="text-center">MTTR (min)</th><th class="text-right">Costo S/</th></tr></thead>
                    <tbody>
                    @forelse($porEquipo as $row)
                    <tr>
                        <td>{{ $row['nombre'] }}</td>
                        <td class="text-center">{{ $row['total'] }}</td>
                        <td class="text-center">{{ $row['completadas'] }}</td>
                        <td class="text-center">{{ $row['mttr'] }}</td>
                        <td class="text-right">{{ number_format($row['costo'],2) }}</td>
                    </tr>
                    @empty
                    <tr><td colspan="5" class="text-center text-muted py-3">Sin órdenes en el período.</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    {{-- Planes vencidos --}}
    <div class="col-md-5 mb-4">
        <div class="card">
            <div class="card-header"><h3 class="card-title"><i class="fas fa-exclamation-triangle mr-2 text-warning"></i>Planes Vencidos</h3></div>
            <div class="card-body p-0">
                <table class="table table-sm mb-0">
                    <thead class="thead-light"><tr><th>Plan</th><th>Equipo</th><th>Venció</th></tr></thead>
                    <tbody>
                    @forelse($planesVencidos as $plan)
                    <tr>
                        <td><a href="{{ route('mantenimiento.planes.show', $plan) }}">{{ $plan->codigo }}</a><br><small>{{ $plan->nombre }}</small></td>
                        <td>{{ $plan->equipo?->nombre ?? '—' }}</td>
                        <td><span class="badge badge-danger">{{ $plan->proxima_fecha->format('d/m/Y') }}</span></td>
                    </tr>
                    @empty
                    <tr><td colspan="3" class="text-center text-muted py-3">Sin planes vencidos.</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

{{-- Repuestos más usados --}}
<div class="card mb-4">
    <div class="card-header"><h3 class="card-title"><i class="fas fa-tools mr-2"></i>Top 10 Repuestos Utilizados</h3></div>
    <div class="card-body p-0">
        <table class="table table-sm mb-0">
            <thead class="thead-light"><tr><th>Producto</th><th class="text-center">Cantidad</th><th class="text-right">Costo Total S/</th></tr></thead>
            <tbody>
            @forelse($repuestos as $r)
            <tr>
                <td>{{ $r['nombre'] }}</td>
                <td class="text-center">{{ number_format($r['cantidad'],2) }} {{ $r['unidad'] }}</td>
                <td class="text-right">{{ number_format($r['costo'],2) }}</td>
            </tr>
            @empty
            <tr><td colspan="3" class="text-center text-muted py-3">Sin repuestos en el período.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>

{{-- Detalle OT del período --}}
<div class="card">
    <div class="card-header"><h3 class="card-title"><i class="fas fa-list mr-2"></i>Detalle OT — {{ \Carbon\Carbon::parse($desde)->format('d/m/Y') }} al {{ \Carbon\Carbon::parse($hasta)->format('d/m/Y') }}</h3></div>
    <div class="card-body p-0">
        <table class="table table-sm mb-0">
            <thead class="thead-light"><tr><th>Código</th><th>Equipo</th><th>Tipo</th><th>Técnico</th><th class="text-center">Estado</th><th class="text-center">Tiempo (min)</th><th class="text-right">Costo S/</th></tr></thead>
            <tbody>
            @forelse($ordenes as $ot)
            <tr>
                <td><a href="{{ route('mantenimiento.ordenes.show', $ot) }}">{{ $ot->codigo }}</a></td>
                <td>{{ $ot->equipo?->nombre ?? '—' }}</td>
                <td>{{ \App\Models\MantenimientoOrden::$TIPOS[$ot->tipo] ?? $ot->tipo }}</td>
                <td>{{ $ot->nombre_tecnico }}</td>
                <td class="text-center"><span class="badge badge-{{ $ot->badge_estado }}">{{ \App\Models\MantenimientoOrden::$ESTADOS[$ot->estado] ?? $ot->estado }}</span></td>
                <td class="text-center">{{ $ot->tiempo_intervencion_min ?: '—' }}</td>
                <td class="text-right">{{ number_format($ot->costo_total,2) }}</td>
            </tr>
            @empty
            <tr><td colspan="7" class="text-center text-muted py-3">Sin órdenes en el período seleccionado.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>

@endsection