<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="es">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>TAI – AGE | Pago cancelado</title>
    <link rel="stylesheet" th:href="@{/css/style.css}"/>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"/>
    <link rel="stylesheet" th:href="@{/css/pago-cancelado.css}"/>
</head>
<body>
<div class="result-wrap">
    <div class="result-card">
        <div class="result-icon"><i class="fas fa-circle-xmark"></i></div>
        <h2>Pago cancelado</h2>
        <p>No se ha realizado ningún cargo.<br/>
           Puedes intentarlo de nuevo cuando quieras.</p>
        <div class="btn-row">
            <a th:href="@{/pagar}" class="btn-primary">Intentar de nuevo</a>
            <a th:href="@{/}" class="btn-secondary">Volver al inicio</a>
        </div>
    </div>
</div>
</body>
</html>
