<?php
/**
* @var int $attempts
* @var int $remainingAttempts
*/
$attempts = isset($attempts)
? (int) $attempts
: 0;
$remainingAttempts = isset($remainingAttempts)
? (int) $remainingAttempts
: 0;
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="viewport" content="user-scalable=no, width=device-width, height=device-height, initial-scale=1, maximum-scale=1" />
<link rel="icon" type="image/x-icon" href="uploads/settings/icons/logo.png">
<title>400 - <?= phrase('Invalid Request'); ?></title>
<style>
html, body {
min-height: 100vh;
margin: 0;
padding: 0;
background-color: #ffffff;
font-family: 'Inter', "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #0f172a;
display: flex;
align-items: center;
justify-content: center;
}
.content-wrapper {
background-color: #ffffff;
border: 3px dashed #faa;
border-radius: 3rem;
padding: 3rem 2.5rem;
max-width: 480px;
text-align: center;
}
.forbidden-icon img {
max-width: 128px;
max-height: auto;
}
.logo-container {
margin-bottom: 1rem;
}
.logo-container img {
max-width: 200px;
max-height: 48px;
}
h1 {
font-weight: 700;
font-size: 1.875rem;
margin: 0 0 1rem 0;
color: #0f172a;
line-height: 1.3;
}
h1 b {
color: #0f172a;
}
p {
font-size: 1rem;
line-height: 1.5;
}
.text-muted {
color: #8494ab
}
.text-danger {
color: #f55;
}
.btn-back {
display: inline-flex;
gap: 1rem;
align-items: center;
justify-content: center;
background-color: #1e293b;
color: #ffffff;
text-decoration: none;
font-size: 1rem;
padding: 0.5rem 2rem;
border-radius: 3rem;
transition: background-color 0.2s ease;
box-sizing: border-box;
}
.btn-back img {
height: .75rem;
margin: 0
}
.btn-back:hover {
background-color: #334155;
}
.btn-back:active {
background-color: #0f172a;
}
@media (max-width: 640px) {
.content-wrapper {
padding: 2.5rem 1.5rem;
border: 0;
margin: 0 1rem;
}
}
</style>
</head>
<body>
<div class="content-wrapper">
<div class="logo-container">
<img src="<?= base_url(UPLOAD_PATH . '/settings/' . get_setting('app_logo')); ?>" alt="Forbidden" />
</div>
<h1>400 - <?= phrase('Invalid Request'); ?></h1>
<p class="text-muted"><?= phrase('The requested URL contains characters that are not allowed.'); ?></p>
<p>
<?= ($remainingAttempts > 1 ? phrase('You have {{remaining}} attempts remaining before your network address is temporarily banned.', ['remaining' => $remainingAttempts]) : phrase('You have {{remaining}} attempt remaining before your network address is temporarily banned.', ['remaining' => $remainingAttempts])); ?>
</p>
<a href="<?= base_url(); ?>" class="btn-back">
<span>
<img
src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 404.43'><path fill='%23fff' d='m68.69 184.48 443.31.55v34.98l-438.96-.54 173.67 159.15-23.6 25.79L0 199.94 218.6.02l23.6 25.79z'/></svg>"
alt="Arrow">
</span>
<span><?= phrase('Back to Home'); ?></span>
</a>
</div>
</body>
</html>
|