@extends('../layouts/partials/header')

@section('content')

<div class="container-fluid mt-3">
    <div class="card">
        <div class="card-header d-flex align-items-center justify-content-between">
            <span class="fw-bold">
                <i class="bi bi-wrench-adjustable-circle"></i>
                Inspección Mecánica #{{ $inspeccionMecanica->id }}
            </span>
            <div class="d-flex gap-2">
                <a href="{{ route('inspeccion-mecanica.edit', $inspeccionMecanica) }}" class="btn btn-warning btn-sm">
                    <i class="bi bi-pencil"></i> Editar
                </a>
                <a href="{{ route('inspeccion-mecanica.pdf', $inspeccionMecanica) }}"
                   class="btn btn-outline-danger btn-sm" target="_blank">
                    <i class="bi bi-file-pdf"></i> PDF
                </a>
                <a href="{{ route('inspeccion-mecanica.index') }}" class="btn btn-secondary btn-sm">
                    <i class="bi bi-arrow-left"></i> Regresar
                </a>
            </div>
        </div>

        <div class="card-body">

            {{-- Datos generales --}}
            <h6 class="text-secondary border-bottom pb-1 mb-3"><i class="bi bi-card-list"></i> Datos Generales</h6>
            <div class="row g-2 mb-4">
                <div class="col-md-3"><span class="text-muted small">Concesionario</span><br><strong>{{ $inspeccionMecanica->concesionario ?: '—' }}</strong></div>
                <div class="col-md-3"><span class="text-muted small">Nombre del Asesor</span><br><strong>{{ $inspeccionMecanica->nombre_asesor ?: '—' }}</strong></div>
                <div class="col-md-3"><span class="text-muted small">No. Orden de Servicio</span><br><strong>{{ $inspeccionMecanica->no_orden_servicio ?: '—' }}</strong></div>
                <div class="col-md-3"><span class="text-muted small">Nombre del Cliente</span><br><strong>{{ $inspeccionMecanica->nombre_cliente ?: '—' }}</strong></div>
                <div class="col-md-3"><span class="text-muted small">Fecha Inicio</span><br><strong>{{ $inspeccionMecanica->fecha_inicio ? $inspeccionMecanica->fecha_inicio->format('d/m/Y H:i') : '—' }}</strong></div>
                <div class="col-md-3"><span class="text-muted small">Fecha Fin</span><br><strong>{{ $inspeccionMecanica->fecha_fin ? $inspeccionMecanica->fecha_fin->format('d/m/Y H:i') : '—' }}</strong></div>
                <div class="col-md-3"><span class="text-muted small">Nombre del Técnico</span><br><strong>{{ $inspeccionMecanica->nombre_tecnico ?: '—' }}</strong></div>
                <div class="col-md-3"><span class="text-muted small">No. de Chasis</span><br><strong>{{ $inspeccionMecanica->no_chasis ?: '—' }}</strong></div>
                <div class="col-md-3"><span class="text-muted small">Tipo de Motor y Serie</span><br><strong>{{ $inspeccionMecanica->tipo_motor_serie ?: '—' }}</strong></div>
                <div class="col-md-3"><span class="text-muted small">Año y Modelo de Unidad</span><br><strong>{{ $inspeccionMecanica->anio_modelo_unidad ?: '—' }}</strong></div>
                <div class="col-md-3"><span class="text-muted small">Kilometraje</span><br><strong>{{ $inspeccionMecanica->kilometraje ?: '—' }}</strong></div>
            </div>

            {{-- Tabla de ítems agrupados por sección --}}
            @php
                $itemsPorSeccion = $inspeccionMecanica->items->groupBy('seccion');
                $coloresSeccion = [
                    'Inspecciones Estáticas de Motor' => '#1a3a5c',
                    'Inspección Periféricos de Motor' => '#1e5c3a',
                    'Aire Acondicionado HVAC'         => '#5c3a1a',
                    'Sistema Neumático'               => '#3a1a5c',
                ];
                $etiquetaEstado = ['B' => 'Buen estado', 'A' => 'Aceptable', 'R' => 'Requiere reemplazo'];
                $badgeEstado    = ['B' => 'success', 'A' => 'warning', 'R' => 'danger'];
            @endphp

            @foreach ($secciones as $seccion)
                @php $items = $itemsPorSeccion->get($seccion, collect()); @endphp
                @if($items->count())
                    <h6 class="fw-bold text-white text-uppercase ps-2 py-1 rounded mb-0"
                        style="background:{{ $coloresSeccion[$seccion] ?? '#444' }};">
                        {{ $seccion }}
                    </h6>
                    <div class="table-responsive mb-3">
                        <table class="table table-bordered table-sm align-middle" style="font-size:12px;">
                            <thead class="table-secondary">
                                <tr>
                                    <th style="width:40px;">N°</th>
                                    <th>Descripción</th>
                                    <th style="width:130px;" class="text-center">Estado</th>
                                    <th style="width:60px;" class="text-center">N/A</th>
                                    <th style="width:60px;" class="text-center">Rep.</th>
                                    <th style="width:80px;" class="text-center">Autor.</th>
                                    <th style="width:80px;" class="text-center">Trabajo</th>
                                    <th>Observación</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($items as $it)
                                    <tr class="{{ $it->estado === 'R' ? 'table-danger' : ($it->estado === 'A' ? 'table-warning' : '') }}">
                                        <td class="text-center fw-bold">{{ $it->numero }}</td>
                                        <td>{{ $it->descripcion }}</td>
                                        <td class="text-center">
                                            @if($it->estado)
                                                <span class="badge bg-{{ $badgeEstado[$it->estado] ?? 'secondary' }}">
                                                    {{ $etiquetaEstado[$it->estado] ?? $it->estado }}
                                                </span>
                                            @else
                                                <span class="text-muted">—</span>
                                            @endif
                                        </td>
                                        <td class="text-center">{{ $it->no_aplica ? '✔' : '' }}</td>
                                        <td class="text-center">{{ $it->requiere_reparacion ? '✔' : '' }}</td>
                                        <td class="text-center">{{ $it->autorizacion ?: '—' }}</td>
                                        <td class="text-center">{{ $it->trabajo ?: '—' }}</td>
                                        <td>{{ $it->observacion ?: '' }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif
            @endforeach

            @if($inspeccionMecanica->observaciones)
                <h6 class="text-secondary border-bottom pb-1 mb-2 mt-3">
                    <i class="bi bi-chat-left-text"></i> Observaciones Generales
                </h6>
                <p class="mb-3">{{ $inspeccionMecanica->observaciones }}</p>
            @endif

            @if($inspeccionMecanica->creadoPor || $inspeccionMecanica->modificadoPor)
                <div class="text-muted small mt-2">
                    @if($inspeccionMecanica->creadoPor)
                        Creado por <strong>{{ $inspeccionMecanica->creadoPor->name }}</strong>
                        el {{ $inspeccionMecanica->created_at->format('d/m/Y H:i') }}
                    @endif
                    @if($inspeccionMecanica->modificadoPor)
                        · Modificado por <strong>{{ $inspeccionMecanica->modificadoPor->name }}</strong>
                        el {{ $inspeccionMecanica->updated_at->format('d/m/Y H:i') }}
                    @endif
                </div>
            @endif

        </div>
    </div>
</div>

@endsection
@extends('../layouts/partials/footer')