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

if (!temPermissao('editar', $perfil)) {
    header('Location: dashboard.php?msg=error:Acesso+negado');
    exit;
}

// Buscar unidades acessíveis
$unidades = getUnidadesAcessiveis($usuario['id'], $perfil);
?>
<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Relatório de Inventário de Máquinas</title>
    <link rel="stylesheet" href="../1_frontend/css/style.css">
    <script src="https://cdn.jsdelivr.net/npm/lucide@latest"></script>
</head>
<body class="bg-gray-50">
    <?php include '../1_frontend/layout.php'; ?>
    
    <main class="container mx-auto px-4 py-8">
        <div class="max-w-2xl mx-auto">
            <!-- Cabeçalho -->
            <div class="mb-8">
                <div class="flex items-center gap-3 mb-2">
                    <i data-lucide="file-text" class="w-8 h-8 text-blue-600"></i>
                    <h1 class="text-3xl font-bold text-gray-900">Relatório de Inventário de Máquinas</h1>
                </div>
                <p class="text-gray-600">Gere um relatório PDF profissional com os equipamentos cadastrados</p>
            </div>

            <!-- Card de Filtros -->
            <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-8">
                <form method="POST" action="relatorio_inventario_maquinas.php" target="_blank">
                    <div class="space-y-6">
                        <!-- Unidade -->
                        <div>
                            <label class="block text-sm font-semibold text-gray-700 mb-2">
                                <i data-lucide="building-2" class="w-4 h-4 inline mr-1"></i>
                                Selecione a Unidade
                            </label>
                            <select name="unidade_id" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent">
                                <option value="">-- Todas as Unidades --</option>
                                <?php foreach ($unidades as $u): ?>
                                <option value="<?= $u['id'] ?>">
                                    <?= sanitizar($u['codigo']) ?> — <?= sanitizar($u['nome']) ?>
                                </option>
                                <?php endforeach; ?>
                            </select>
                            <p class="text-xs text-gray-500 mt-1">Deixe em branco para incluir todas as unidades</p>
                        </div>

                        <!-- Informações do Relatório -->
                        <div class="p-4 bg-blue-50 border border-blue-200 rounded-lg">
                            <p class="text-sm text-blue-900">
                                <i data-lucide="info" class="w-4 h-4 inline mr-2"></i>
                                <strong>O relatório incluirá:</strong>
                            </p>
                            <ul class="text-sm text-blue-800 mt-2 ml-6 space-y-1">
                                <li>✓ TAG e nome de cada máquina</li>
                                <li>✓ Família e categoria de risco</li>
                                <li>✓ Status de implementação</li>
                                <li>✓ Data e hora de geração</li>
                                <li>✓ Paginação automática</li>
                            </ul>
                        </div>

                        <!-- Botões -->
                        <div class="flex gap-3 pt-4">
                            <button type="submit" class="flex-1 bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3 px-4 rounded-lg transition flex items-center justify-center gap-2">
                                <i data-lucide="download" class="w-5 h-5"></i>
                                Gerar Relatório PDF
                            </button>
                            <a href="nr12.php" class="flex-1 bg-gray-200 hover:bg-gray-300 text-gray-800 font-semibold py-3 px-4 rounded-lg transition flex items-center justify-center gap-2">
                                <i data-lucide="arrow-left" class="w-5 h-5"></i>
                                Voltar
                            </a>
                        </div>
                    </div>
                </form>
            </div>

            <!-- Dicas de Uso -->
            <div class="mt-8 bg-amber-50 border border-amber-200 rounded-xl p-6">
                <h3 class="font-semibold text-amber-900 mb-3 flex items-center gap-2">
                    <i data-lucide="lightbulb" class="w-5 h-5"></i>
                    Dicas de Uso
                </h3>
                <ul class="text-sm text-amber-800 space-y-2">
                    <li>• Selecione uma unidade específica para gerar um relatório focado</li>
                    <li>• Deixe em branco para incluir todas as unidades acessíveis</li>
                    <li>• O PDF é gerado automaticamente e pronto para impressão</li>
                    <li>• Mesmo sem máquinas cadastradas, o relatório será gerado normalmente</li>
                    <li>• O relatório inclui data, hora e informações do usuário que o gerou</li>
                </ul>
            </div>
        </div>
    </main>

    <?php include '../1_frontend/layout_footer.php'; ?>
    
    <script>
        lucide.createIcons();
    </script>
</body>
</html>
