<?php
require_once '../5_config/config.php';
$usuario = verificarAuth();
$db = getDB();

$id = (int)($_GET['id'] ?? 0);
if (!$id) { header('Location: inspecoes.php'); exit; }

$stmt = $db->prepare("
    SELECT i.*, u.codigo AS unidade_codigo, u.nome AS unidade_nome,
           e.nome AS equipamento_nome, e.cod AS equipamento_cod
    FROM inspecoes i
    LEFT JOIN unidades u ON u.id = i.unidade_id
    LEFT JOIN equipamentos e ON e.id = i.equipamento_id
    WHERE i.id = ?
");
$stmt->execute([$id]);
$ins = $stmt->fetch();
if (!$ins) { header('Location: inspecoes.php'); exit; }

$fotos = $db->prepare("SELECT * FROM inspecao_fotos WHERE inspecao_id = ? ORDER BY ordem ASC");
$fotos->execute([$id]);
$fotos = $fotos->fetchAll();

$pagina_titulo = 'Resultado da Inspeção #' . $id;
require_once '../1_frontend/layout.php';
?>

<div class="space-y-6">
  <!-- Cabeçalho -->
  <div class="flex items-center gap-3">
    <a href="inspecoes.php" class="text-gray-400 hover:text-actsafe-blue transition-colors">
      <i data-lucide="arrow-left" class="w-5 h-5"></i>
    </a>
    <div>
      <h1 class="text-2xl font-bold text-actsafe-text">Resultado da Inspeção #<?= $id ?></h1>
      <p class="text-sm text-gray-500"><?= sanitizar($ins['titulo']) ?></p>
    </div>
    <span class="ml-auto text-xs font-bold px-3 py-1.5 rounded-full bg-green-100 text-green-700">
      ✓ Concluída
    </span>
  </div>

  <!-- Dados gerais -->
  <div class="card">
    <h2 class="font-semibold text-actsafe-text mb-3 flex items-center gap-2">
      <i data-lucide="info" class="w-4 h-4 text-actsafe-blue"></i> Dados da Inspeção
    </h2>
    <div class="grid grid-cols-2 md:grid-cols-4 gap-4 text-sm">
      <div><p class="text-gray-400 text-xs">Norma</p><p class="font-semibold"><?= sanitizar($ins['norma']) ?></p></div>
      <div><p class="text-gray-400 text-xs">Unidade</p><p class="font-semibold"><?= sanitizar($ins['unidade_codigo'] ?? '—') ?></p></div>
      <div><p class="text-gray-400 text-xs">Técnico</p><p class="font-semibold"><?= sanitizar($ins['tecnico_nome'] ?? '—') ?></p></div>
      <div><p class="text-gray-400 text-xs">Concluída em</p><p class="font-semibold"><?= $ins['concluida_em'] ? date('d/m/Y H:i', strtotime($ins['concluida_em'])) : '—' ?></p></div>
    </div>
    <?php if ($ins['observacoes_finais']): ?>
    <div class="mt-4 pt-4 border-t border-gray-100">
      <p class="text-xs text-gray-400 mb-1">Observações e Plano de Ação</p>
      <pre class="text-sm text-gray-700 whitespace-pre-wrap font-sans"><?= sanitizar($ins['observacoes_finais']) ?></pre>
    </div>
    <?php endif; ?>
  </div>

  <!-- Fotos em grid 2x2 (4 por folha) -->
  <?php if (!empty($fotos)): ?>
  <div class="card">
    <h2 class="font-semibold text-actsafe-text mb-4 flex items-center gap-2">
      <i data-lucide="camera" class="w-4 h-4 text-actsafe-blue"></i> Fotos da Inspeção (<?= count($fotos) ?>)
    </h2>
    <div class="grid grid-cols-2 gap-4">
      <?php foreach ($fotos as $foto): ?>
      <div class="border border-gray-100 rounded-xl overflow-hidden">
        <img src="<?= UPLOAD_URL . sanitizar($foto['arquivo']) ?>"
             alt="Foto <?= $foto['ordem'] ?>"
             class="w-full aspect-[4/3] object-cover">
        <div class="p-3">
          <?php if ($foto['legenda']): ?>
          <p class="text-xs font-medium text-gray-700 mb-1"><?= sanitizar($foto['legenda']) ?></p>
          <?php endif; ?>
          <?php if ($foto['nao_conformidade']): ?>
          <div class="bg-red-50 rounded-lg px-2 py-1.5 mt-1">
            <p class="text-xs text-red-700"><span class="font-bold">NC:</span> <?= sanitizar($foto['nao_conformidade']) ?></p>
          </div>
          <?php else: ?>
          <span class="text-xs text-green-600 font-medium">✓ Conforme</span>
          <?php endif; ?>
        </div>
      </div>
      <?php endforeach; ?>
    </div>
  </div>
  <?php endif; ?>
</div>

<?php require_once '../1_frontend/layout_footer.php'; ?>
