<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>OT <?php echo e($orden->codigo); ?></title>
<style>
  @page { size: A4; margin: 8mm 9mm 8mm 9mm; }
  * { box-sizing: border-box; }
  body { font-family: DejaVu Sans, sans-serif; font-size: 7.5px; color: #222; margin: 0; line-height: 1.18; }
  h1 { color: #0D47A1; font-size: 12px; margin: 0; }
  h2 { font-size: 9.5px; color: #0D47A1; margin: 6px 0 2px; border-bottom: 1px solid #1565C0; padding-bottom: 1px; }

  .header { display: table; width: 100%; border-bottom: 2px solid #1565C0; padding-bottom: 3px; margin-bottom: 4px; }
  .header > div { display: table-cell; vertical-align: middle; }
  .header img { height: 36px; }
  .header .titulo { padding-left: 6px; }
  .header .codigo { text-align: right; font-size: 8px; color: #555; }

  .meta { width: 100%; border-collapse: collapse; margin-bottom: 3px; font-size: 7.2px; }
  .meta td { padding: 0 4px; vertical-align: top; }
  .meta td.lbl { color: #555; width: 11%; }

  table.datos { border-collapse: collapse; width: 100%; font-size: 6.5px; }
  table.datos th, table.datos td { border: 1px solid #999; padding: 0.5px 2px; vertical-align: top; }
  table.datos thead th { background: #1565C0; color: #fff; font-size: 7px; }
  table.datos .ck { text-align: center; width: 14px; }
  table.datos .nu { text-align: center; width: 18px; }
  table.datos .right { text-align: right; }

  .obs { background: #f7f7f7; border-left: 3px solid #1565C0; padding: 2px 5px; margin: 2px 0; font-size: 7.5px; }
  .obs strong { color: #0D47A1; }

  .bitacora { font-size: 6.8px; }
  .bitacora .entry { padding: 0; border-bottom: 1px dotted #ddd; }
  .bitacora .accion { font-weight: bold; color: #0D47A1; }
  .bitacora .meta-bit { color: #666; font-size: 6.3px; }

  /* Firmas: van al final del flujo de la página 1 (no fijas). */
  .firmas-bloque { margin-top: 8mm; page-break-inside: avoid; }
  .firmas-bloque .firma { display: table; width: 100%; table-layout: fixed; }
  .firmas-bloque .firma > div {
    display: table-cell; width: 50%; text-align: center; vertical-align: bottom;
    border-top: 1px solid #444; padding: 3px 8px 0;
  }
  .firmas-bloque .firma img { max-height: 32px; max-width: 160px; }
  .firmas-bloque .firma .rol { font-weight: bold; color: #0D47A1; font-size: 8px; }
  .firmas-bloque .firma .nombre { font-size: 7.2px; color: #333; }

  /* Página(s) de evidencias */
  .pagina-evidencias { page-break-before: always; }
  .grid-fotos { width: 100%; border-collapse: separate; border-spacing: 4mm 4mm; table-layout: fixed; }
  .grid-fotos td {
    width: 50%; vertical-align: top; padding: 0;
    border: 1px solid #ccc; background: #fafafa; border-radius: 3px;
  }
  .grid-fotos .marco { padding: 3mm; }
  .grid-fotos .marco img {
    width: 100%; height: 65mm; object-fit: cover; display: block;
    border-radius: 2px; border: 1px solid #ddd;
  }
  .grid-fotos .tipo {
    font-size: 7px; color: #fff; background: #1565C0; padding: 1px 6px;
    display: inline-block; border-radius: 3px; margin-top: 3mm;
  }
  .grid-fotos .nota {
    font-size: 8px; color: #333; margin-top: 1.5mm; line-height: 1.25; min-height: 9mm;
  }
  .grid-fotos .autor {
    font-size: 7px; color: #888; margin-top: 1mm;
  }
  .cabecera-evidencias { border-bottom: 1px solid #1565C0; padding-bottom: 2mm; margin-bottom: 4mm; }
  .cabecera-evidencias h2 { border: none; margin: 0; font-size: 11px; }
  .cabecera-evidencias .ref { font-size: 8px; color: #555; }
</style>
</head>
<body>

<?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];
  };
  $firmaR = $renderFirma($orden->firma_responsable);
  $firmaS = $renderFirma($orden->firma_supervisor);
  $paginasFotos = $orden->fotos->chunk(6);
?>



<div class="header">
  <div style="width: 50px;"><img src="<?php echo e(public_path($appConfig['logo_largo'])); ?>"></div>
  <div class="titulo">
    <h1><?php echo e($appConfig['empresa']); ?> — Orden de trabajo <?php echo e(ucfirst($orden->clase)); ?></h1>
    <div style="font-size: 8.5px; color: #555;"><?php echo e($orden->codigo); ?></div>
  </div>
  <div class="codigo">
    <strong><?php echo e($orden->codigo); ?></strong><br>
    Emitido: <?php echo e(now()->format('d/m/Y H:i')); ?>

  </div>
</div>

<table class="meta">
  <tr>
    <td class="lbl">Equipo:</td><td><strong><?php echo e(optional($orden->equipo)->codigo); ?></strong> <?php echo e(optional($orden->equipo)->nombre); ?></td>
    <td class="lbl">Área:</td><td><?php echo e(optional($orden->area ?? $orden->equipo?->area)->nombre); ?></td>
    <td class="lbl">Programada:</td><td><?php echo e($orden->fecha_programada?->format('d/m/Y')); ?></td>
  </tr>
  <tr>
    <td class="lbl">Inicio:</td><td><?php echo e($orden->fecha_inicio?->format('d/m/Y H:i') ?: '—'); ?></td>
    <td class="lbl">Cierre:</td><td><?php echo e($orden->fecha_cierre?->format('d/m/Y H:i') ?: '—'); ?></td>
    <td class="lbl">Responsable:</td><td><?php echo e(optional($orden->responsable)->nombre_completo ?: '—'); ?></td>
  </tr>
  <tr>
    <td class="lbl">Estado:</td><td><?php echo e(optional($orden->estado)->nombre); ?></td>
    <td class="lbl">Prioridad:</td><td><?php echo e(optional($orden->prioridad)->nombre ?: '—'); ?></td>
    <td class="lbl">Horómetro:</td><td><?php echo e($orden->horometro_inicio ?: '—'); ?> → <?php echo e($orden->horometro_fin ?: '—'); ?></td>
  </tr>
</table>

<?php if($orden->descripcion): ?>
  <div class="obs"><strong>Descripción:</strong> <?php echo e($orden->descripcion); ?></div>
<?php endif; ?>

<?php if($orden->items->count()): ?>
<h2>Checklist <span style="font-weight: normal; font-size: 7px; color: #555;">— L: limpieza · I: inspección · Lu: lubricación · A: ajuste</span></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: 50px;">Lectura</th>
  <th>Observaciones</th>
</tr></thead>
<tbody>
<?php $__currentLoopData = $orden->items; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $it): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<tr>
  <td class="nu"><?php echo e($it->numero_item); ?></td>
  <td><?php echo e($it->descripcion); ?></td>
  <?php $__currentLoopData = ['lila_l_limpieza','lila_i_inspeccion','lila_l_lubricacion','lila_a_ajuste']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $f): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
    <td class="ck"><?php echo e($it->$f ? 'X' : ''); ?></td>
  <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
  <td><?php echo e(str_replace('_',' ',$it->estado_item)); ?></td>
  <td><?php echo e($it->lectura_condicion); ?></td>
  <td><?php echo e($it->observaciones); ?></td>
</tr>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</tbody></table>
<?php endif; ?>

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

<?php if($orden->observaciones || $orden->observaciones_cierre || $orden->logs->count()): ?>
<h2>Comentarios y bitácora</h2>
<?php if($orden->observaciones): ?>
  <div class="obs"><strong>Observaciones:</strong> <?php echo e($orden->observaciones); ?></div>
<?php endif; ?>
<?php if($orden->observaciones_cierre): ?>
  <div class="obs"><strong>Observaciones de cierre:</strong> <?php echo e($orden->observaciones_cierre); ?></div>
<?php endif; ?>
<?php if($orden->logs->count()): ?>
  <div class="bitacora">
    <?php $__currentLoopData = $orden->logs->take(4); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $l): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
      <div class="entry">
        <span class="accion"><?php echo e(ucfirst(str_replace('_',' ', $l->accion))); ?></span>
        <?php if($l->estado_anterior || $l->estado_nuevo): ?>
          <span style="color:#888;"> [<?php echo e($l->estado_anterior ?? '—'); ?> → <?php echo e($l->estado_nuevo ?? '—'); ?>]</span>
        <?php endif; ?>
        <?php if($l->detalle): ?> — <?php echo e($l->detalle); ?> <?php endif; ?>
        <span class="meta-bit">· <?php echo e(optional($l->usuario)->usuario); ?> · <?php echo e($l->created_at->format('d/m/Y H:i')); ?></span>
      </div>
    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
  </div>
<?php endif; ?>
<?php endif; ?>

<div class="firmas-bloque">
  <div class="firma">
    <div>
      <?php if($firmaR['img']): ?> <img src="<?php echo e($firmaR['img']); ?>"><br><?php endif; ?>
      <span class="nombre"><?php echo e($firmaR['texto']); ?></span><br>
      <span class="rol">Responsable</span>
    </div>
    <div>
      <?php if($firmaS['img']): ?> <img src="<?php echo e($firmaS['img']); ?>"><br><?php endif; ?>
      <span class="nombre"><?php echo e($firmaS['texto']); ?></span><br>
      <span class="rol">Supervisor</span>
    </div>
  </div>
</div>



<?php $__currentLoopData = $paginasFotos; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $idxPagina => $grupo): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<div class="pagina-evidencias">
  <div class="cabecera-evidencias">
    <h2>Evidencias fotográficas — <?php echo e($orden->codigo); ?>

      <span style="float:right; font-weight: normal;">Página <?php echo e($idxPagina + 2); ?> de <?php echo e(count($paginasFotos) + 1); ?></span>
    </h2>
    <div class="ref">
      <?php echo e(optional($orden->equipo)->codigo); ?> · <?php echo e(optional($orden->equipo)->nombre); ?> ·
      <?php echo e($orden->fotos->count()); ?> foto(s) en total · mostrando <?php echo e($idxPagina * 6 + 1); ?>–<?php echo e($idxPagina * 6 + $grupo->count()); ?>

    </div>
  </div>

  <table class="grid-fotos">
    <?php $items = $grupo->values(); $totalFilas = ceil($items->count() / 2); ?>
    <?php for($fila = 0; $fila < $totalFilas; $fila++): ?>
      <tr>
        <?php for($col = 0; $col < 2; $col++): ?>
          <?php $idx = $fila * 2 + $col; $foto = $items[$idx] ?? null; ?>
          <td <?php if(!$foto): ?> style="border: none; background: transparent;" <?php endif; ?>>
            <?php if($foto): ?>
              <?php
                $abs = public_path('storage/' . $foto->ruta);
                $existe = file_exists($abs);
              ?>
              <div class="marco">
                <?php if($existe): ?>
                  <img src="<?php echo e($abs); ?>">
                <?php else: ?>
                  <div style="height:65mm; background:#eee; text-align:center; padding-top:30mm; color:#999;">imagen no disponible</div>
                <?php endif; ?>
                <span class="tipo"><?php echo e(strtoupper($foto->tipo)); ?></span>
                <div class="nota">
                  <?php if($foto->descripcion): ?><?php echo e($foto->descripcion); ?><?php else: ?> <em style="color:#bbb;">Sin descripción</em> <?php endif; ?>
                </div>
                <div class="autor">
                  <?php echo e(optional($foto->subidoPor)->nombre_completo ?: optional($foto->subidoPor)->usuario ?: 'Desconocido'); ?>

                  · <?php echo e($foto->created_at?->format('d/m/Y H:i')); ?>

                </div>
              </div>
            <?php endif; ?>
          </td>
        <?php endfor; ?>
      </tr>
    <?php endfor; ?>
  </table>
</div>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

</body></html>
<?php /**PATH C:\xampp\htdocs\mto\resources\views/ordenes/pdf.blade.php ENDPATH**/ ?>