<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Informe Interno {{ $orden->codigo }}</title>
<style>
  @page { size: A4; margin: 12mm 15mm 18mm 15mm; }
  body { font-family: DejaVu Sans, sans-serif; font-size: 10px; color: #111; margin: 0; line-height: 1.3; }

  /* Cabecera con logo y datos de empresa */
  .cabecera { width: 100%; border-collapse: collapse; border: 1.5px solid #555; }
  .cabecera td { padding: 6px 8px; vertical-align: middle; border: 1px solid #555; }
  .cabecera .col-logo { width: 90px; text-align: center; }
  .cabecera .col-logo img { max-height: 70px; max-width: 80px; }
  .cabecera .col-empresa { text-align: center; }
  .cabecera .col-empresa .tipo { font-size: 9px; }
  .cabecera .col-empresa .empresa { font-weight: bold; font-size: 11px; padding: 2px 0; }
  .cabecera .col-empresa .direccion { font-size: 8.5px; }
  .cabecera .col-codigo { width: 145px; text-align: center; font-size: 9px; }
  .cabecera .col-codigo .codigo-link { text-decoration: underline; color: #0033cc; }

  /* Título */
  h1.titulo { text-align: center; font-size: 16px; font-weight: bold; margin: 12px 0 8px; letter-spacing: 2px; }

  /* Bloque de información */
  .bloque-info { width: 100%; border-collapse: collapse; border: 1.5px solid #555; margin-top: 4px; }
  .bloque-info td { padding: 5px 8px; vertical-align: top; border: 1px solid #555; font-size: 10px; }
  .bloque-info .hdr-azul { background: #1565C0; color: #fff; font-weight: bold; }
  .bloque-info .lbl { width: 110px; font-weight: bold; vertical-align: middle; }
  .bloque-info .destinatarios p { margin: 0 0 2px 0; }
  .bloque-info .cargo { font-weight: bold; }
  .bloque-info .cc { font-weight: bold; }

  /* Secciones del cuerpo */
  h2 { font-size: 11px; color: #0D47A1; margin: 10px 0 4px; border-bottom: 1px solid #1565C0; padding-bottom: 2px; }
  .obj { background: #f7f7f7; padding: 6px 10px; border-left: 3px solid #1565C0; font-size: 10px; }

  table.datos { width: 100%; border-collapse: collapse; font-size: 8.5px; }
  table.datos th, table.datos td { border: 1px solid #888; padding: 3px 4px; vertical-align: top; }
  table.datos thead th { background: #1565C0; color: #fff; }
  table.datos .ck { text-align: center; width: 18px; }
  table.datos .nu { text-align: center; width: 22px; }
  table.datos .right { text-align: right; }

  /* Firmas al final */
  .firmas { margin-top: 18mm; width: 100%; }
  .firmas td { width: 50%; text-align: center; vertical-align: bottom;
               border-top: 1px solid #444; padding-top: 4px; }
  .firmas .rol { font-weight: bold; }
</style>
</head>
<body>

{{-- ===== CABECERA ===== --}}
<table class="cabecera">
  <tr>
    <td class="col-logo" rowspan="1">
      @if(file_exists($cab['logo']))
        <img src="{{ $cab['logo'] }}">
      @endif
    </td>
    <td class="col-empresa">
      <div class="tipo">Tipo de Documento: {{ $cab['tipo_documento'] }}</div>
      <div class="empresa">{{ $cab['empresa_larga'] }}</div>
      <div class="direccion">{{ $cab['direccion'] }}</div>
    </td>
    <td class="col-codigo">
      Código de Formato:<br>
      <span class="codigo-link">{{ $cab['codigo_formato'] }}</span>{{ $cab['fecha_codigo'] ? ' / ' . $cab['fecha_codigo'] : '' }}<br>
      Versión: {{ $cab['version'] }}
    </td>
  </tr>
</table>

<h1 class="titulo">INFORME INTERNO</h1>

{{-- ===== BLOQUE DE INFORMACIÓN ===== --}}
<table class="bloque-info">
  <tr>
    <td class="hdr-azul" colspan="2"><strong>INFORME N° {{ $numero_informe }}</strong></td>
    <td class="hdr-azul" style="width: 30%;"><strong>Fecha:</strong> {{ $cab['fecha'] }}</td>
  </tr>
  <tr>
    <td class="hdr-azul lbl" style="background: #1565C0; color:#fff;">Asunto:</td>
    <td colspan="2">{{ $asunto }}</td>
  </tr>
  <tr>
    <td class="lbl">Dirigido a:</td>
    <td colspan="2" class="destinatarios">
      @php
        $cargos = ['Gerente','Encargado','Super Intendente','Superintendente','Jefe','Director','Coordinador','Supervisor'];
        $esCargo = function ($linea) use ($cargos) {
            foreach ($cargos as $c) if (stripos($linea, $c) !== false) return true;
            return false;
        };
        $esCC = fn ($linea) => str_starts_with(trim($linea), 'CC:') || str_starts_with(trim($linea), 'cc:');
      @endphp
      @foreach($destinatarios as $linea)
        <p class="@if($esCargo($linea)) cargo @elseif($esCC($linea)) cc @endif">{{ $linea }}</p>
      @endforeach
    </td>
  </tr>
  <tr>
    <td class="lbl">Elaborado por:</td>
    <td colspan="2">
      {{ $elaborado_nombre }}
      @if($elaborado_cargo)<strong style="margin-left: 8px;">{{ $elaborado_cargo }}</strong>@endif
    </td>
  </tr>
  <tr>
    <td class="lbl">Objetivo:</td>
    <td colspan="2">{{ $objetivo }}</td>
  </tr>
</table>

{{-- ===== CUERPO DEL INFORME ===== --}}
@if($orden->items->count())
<h2>CHECKLIST DEL MANTENIMIENTO <small style="font-weight:normal; color:#555; font-size:8px;">— L: limpieza · I: inspección · Lu: lubricación · A: ajuste</small></h2>
<table class="datos">
<thead><tr>
  <th class="nu">#</th><th>Descripción</th>
  <th class="ck">L</th><th class="ck">I</th><th class="ck">Lu</th><th class="ck">A</th>
  <th style="width: 55px;">Estado</th>
  <th style="width: 60px;">Lectura</th>
  <th>Observaciones</th>
</tr></thead>
<tbody>
@foreach($orden->items as $it)
<tr>
  <td class="nu">{{ $it->numero_item }}</td>
  <td>{{ $it->descripcion }}</td>
  @foreach(['lila_l_limpieza','lila_i_inspeccion','lila_l_lubricacion','lila_a_ajuste'] as $f)
    <td class="ck">{{ $it->$f ? 'X' : '' }}</td>
  @endforeach
  <td>{{ str_replace('_',' ',$it->estado_item) }}</td>
  <td>{{ $it->lectura_condicion }}</td>
  <td>{{ $it->observaciones }}</td>
</tr>
@endforeach
</tbody></table>
@endif

@if($orden->costos->count())
<h2>COSTOS</h2>
<table class="datos">
<thead><tr><th>Concepto</th><th style="width: 80px;">Tipo</th><th class="right" style="width: 50px;">Cant.</th><th class="right" style="width: 70px;">C. unit.</th><th class="right" style="width: 70px;">Total</th></tr></thead>
<tbody>
@foreach($orden->costos as $c)
<tr>
  <td>{{ $c->concepto }}</td>
  <td>{{ str_replace('_',' ',$c->tipo) }}</td>
  <td class="right">{{ rtrim(rtrim(number_format($c->cantidad, 3),'0'),'.') }}</td>
  <td class="right">{{ number_format($c->costo_unitario,2) }}</td>
  <td class="right">{{ number_format($c->costo_total,2) }}</td>
</tr>
@endforeach
<tr style="background: #eef;">
  <td colspan="4" class="right"><strong>TOTAL</strong></td>
  <td class="right"><strong>{{ ($appConfig['moneda_simbolo'] ?? 'S/') }} {{ number_format($orden->costo_total,2) }}</strong></td>
</tr>
</tbody></table>
@endif

@if($orden->observaciones || $orden->observaciones_cierre)
<h2>COMENTARIOS</h2>
@if($orden->observaciones)
  <div class="obj"><strong>Observaciones:</strong> {{ $orden->observaciones }}</div>
@endif
@if($orden->observaciones_cierre)
  <div class="obj"><strong>Observaciones de cierre:</strong> {{ $orden->observaciones_cierre }}</div>
@endif
@endif

{{-- ===== FIRMAS ===== --}}
@php
  $renderFirma = function ($valor) {
      if (!$valor) return ['img' => null, 'texto' => ''];
      if (str_starts_with($valor, 'IMG:')) {
          [$ruta, $nombre, $fecha] = array_pad(explode('|', substr($valor, 4)), 3, '');
          $abs = public_path('storage/' . $ruta);
          return [
              'img' => file_exists($abs) ? $abs : null,
              'texto' => trim($nombre . ' — ' . $fecha, ' —'),
          ];
      }
      if (str_starts_with($valor, 'TXT:')) {
          [$nombre, $fecha] = array_pad(explode('|', substr($valor, 4)), 2, '');
          return ['img' => null, 'texto' => trim($nombre . ' — ' . $fecha, ' —')];
      }
      return ['img' => null, 'texto' => $valor];
  };
  $fR = $renderFirma($orden->firma_responsable);
  $fS = $renderFirma($orden->firma_supervisor);
@endphp
<table class="firmas">
  <tr>
    <td>
      @if($fR['img'])<img src="{{ $fR['img'] }}" style="max-height:30px;"><br>@endif
      <small>{{ $fR['texto'] }}</small><br>
      <span class="rol">Responsable</span>
    </td>
    <td>
      @if($fS['img'])<img src="{{ $fS['img'] }}" style="max-height:30px;"><br>@endif
      <small>{{ $fS['texto'] }}</small><br>
      <span class="rol">Supervisor</span>
    </td>
  </tr>
</table>

</body></html>
