<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Pagamento Rejeitado</title>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="../fontawesome/css/all.min.css"> <!-- Caminho relativo para a biblioteca Font Awesome -->
    <style>
        body {
            font-family: 'Montserrat', sans-serif;
            background-color: #fff; /* Fundo branco */
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
        }

        .container {
            max-width: 600px;
            background-color: #fff; /* Fundo do contêiner branco */
            padding: 20px;
            border-radius: 10px;
            text-align: center;
            box-shadow: none; /* Sem sombra */
        }

        h1 {
            color: #e74c3c; /* Cor para indicar erro */
            font-size: 28px;
            margin-bottom: 10px;
        }

        p {
            font-size: 18px;
            color: #333;
            margin-bottom: 20px;
        }

        .check-icon {
            font-size: 50px;
            color: #e74c3c; /* Cor para indicar erro */
            margin-bottom: 20px; /* Espaçamento abaixo do ícone */
        }

        .btn {
            padding: 15px 25px;
            background-color: #009846;
            color: white;
            border: none;
            border-radius: 8px;
            font-size: 16px;
            font-weight: bold;
            cursor: pointer;
            text-decoration: none;
        }

        .btn:hover {
            background-color: #007b33;
        }
    </style>
</head>
<body>

<div class="container">
    <div class="check-icon">
        <i class="fas fa-times-circle"></i> <!-- Ícone de erro -->
    </div>
    <h1>Pagamento Rejeitado</h1>
    <p>Infelizmente, seu pagamento foi rejeitado.</p>
    <p>Motivo: <strong><?php echo htmlspecialchars($_GET['reason']); ?></strong></p>
    <p>Por favor, tente novamente ou escolha outra forma de pagamento.</p>

    <!-- Botão para voltar à página anterior -->
    <button class="btn" onclick="window.history.back()">Tentar Novamente</button>
</div>

</body>
</html>
