<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Padrón de Inspectores</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet">
    <link rel="stylesheet" href="styles.css?v=4.0">
</head>
<body>

<header class="header-custom text-white py-3">

    <div class="container d-flex justify-content-between align-items-center">
        <div>
            <h6 class="mb-0"><a href="https://oficial.tehuacan.gob.mx/" class="text-white fw-bold me-3 text-decoration-none">Gobierno Municipal 2024-2027</a></h6>
            <small>TEHUACAN</small>
        </div>
        <div class="d-flex align-items-center gap-3">
            <a href="https://remtys.tehuacan.gob.mx/" class="text-white fw-bold text-decoration-none">REMTyS</a>
            <?php if(isset($_SESSION['admin'])): ?>
                <div class="header-session-badge">
                    <i class="bi bi-person-circle"></i>
                    <span><?php echo htmlspecialchars($_SESSION['nombre_usuario'] ?? $_SESSION['admin']); ?></span>
                    <span class="header-rol-tag"><?php echo strtoupper($_SESSION['rol'] ?? 'admin'); ?></span>
                </div>
                <a href="agregar_inspector.php" class="text-white fw-bold text-decoration-none"><i class="bi bi-speedometer2"></i> PANEL</a>
                <a href="logout.php" class="header-logout-btn" title="Cerrar Sesión"><i class="bi bi-box-arrow-right"></i></a>
            <?php else: ?>
                <a href="login.php" class="text-white fw-bold text-decoration-none">INICIO DE SESIÓN</a>
            <?php endif; ?>
        </div>
    </div>
</header>
