Dolo/BetiX
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initialer Laravel Commit für BetiX
Some checks failed
linter / quality (push) Has been cancelled
Details
tests / ci (8.4) (push) Has been cancelled
Details
tests / ci (8.5) (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Dolo
2026-04-04 18:01:50 +02:00
commit 0280278978
374 changed files with 65210 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
resources/views/app.blade.php Normal file
View File

@@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" @class(['dark' => ($appearance ?? 'system') == 'dark'])>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script>
(function() {
const appearance = '{{ $appearance ?? "system" }}';
if (appearance === 'system') {
if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
document.documentElement.classList.add('dark');
}
}
})();
</script>
<style>
html { background-color: oklch(1 0 0); }
html.dark { background-color: oklch(0.145 0 0); }
</style>
<title inertia>{{ config('app.name', 'Laravel') }}</title>
<meta name="csrf-token" content="{{ csrf_token() }}">
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="preconnect" href="https://fonts.bunny.net" crossorigin>
<link rel="dns-prefetch" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=instrument-sans:400,500,600&display=swap" rel="stylesheet" />
<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
@vite(['resources/js/app.ts'])
@inertiaHead
</head>
<body class="font-sans antialiased">
@inertia
</body>
</html>

90
resources/views/emails/layout.blade.php Normal file
View File

@@ -0,0 +1,90 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Betix Notification</title>
<style>
body {
background-color: #020202;
color: #ffffff;
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
}
.container {
max-width: 600px;
margin: 0 auto;
padding: 40px 20px;
}
.header {
text-align: center;
margin-bottom: 40px;
}
.logo {
font-size: 24px;
font-weight: 900;
color: #ffffff;
letter-spacing: 2px;
text-decoration: none;
}
.logo span {
color: #ff007a;
}
.card {
background-color: #0a0a0a;
border: 1px solid #151515;
border-radius: 16px;
padding: 40px;
box-shadow: 0 10px 40px rgba(0,0,0,0.5);
}
.title {
font-size: 20px;
font-weight: 800;
margin-bottom: 20px;
color: #ffffff;
text-transform: uppercase;
}
.text {
color: #888888;
line-height: 1.6;
margin-bottom: 30px;
font-size: 14px;
}
.btn {
display: inline-block;
background: linear-gradient(90deg, #ff007a, #be005b);
color: #ffffff;
text-decoration: none;
padding: 14px 30px;
border-radius: 8px;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
box-shadow: 0 0 20px rgba(255, 0, 122, 0.4);
}
.footer {
text-align: center;
margin-top: 40px;
color: #444444;
font-size: 12px;
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<a href="{{ config('app.url') }}" class="logo">BETI<span>X</span></a>
</div>
<div class="card">
@yield('content')
</div>
<div class="footer">
&copy; {{ date('Y') }} Betix Protocol. All rights reserved.
</div>
</div>
</body>
</html>

44
resources/views/emails/new-login.blade.php Normal file
View File

@@ -0,0 +1,44 @@
@extends('emails.layout')
@section('content')
<div class="title">New login detected</div>
<div class="text">
Hello{{ isset($user) && !empty($user->name) ? ' ' . (is_string($user->name) ? $user->name : '') : '' }},<br><br>
We noticed a new sign-in to your account. If this was you, no action is needed.
</div>
<div style="background:#0d0d0d;border:1px solid #151515;border-radius:12px;padding:16px;margin:16px 0;">
<div style="display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed #222;">
<div style="color:#9aa0a6;font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:.6px;">Date &amp; Time</div>
<div style="color:#e8eaed;font-size:14px;font-weight:700;word-break:break-word;">{{ $loginAt ?? '' }}</div>
</div>
<div style="display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed #222;">
<div style="color:#9aa0a6;font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:.6px;">IP Address</div>
<div style="color:#e8eaed;font-size:14px;font-weight:700;word-break:break-word;">{{ $ip ?? 'Unknown' }}</div>
</div>
<div style="display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed #222;">
<div style="color:#9aa0a6;font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:.6px;">Device / Browser</div>
<div style="color:#e8eaed;font-size:14px;font-weight:700;word-break:break-word;">{{ $userAgent ?? 'Unknown' }}</div>
</div>
<div style="display:flex;justify-content:space-between;gap:10px;padding:6px 0;">
<div style="color:#9aa0a6;font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:.6px;">Location</div>
<div style="color:#e8eaed;font-size:14px;font-weight:700;word-break:break-word;">Approximate based on IP</div>
</div>
</div>
<div class="text">If this wasn't you, please secure your account immediately.</div>
<div style="text-align:center; margin: 20px 0;">
<a href="{{ $manageLink ?? url('/settings/security') }}" class="btn">Review security settings</a>
</div>
<div class="text" style="font-size: 12px; color: #999;">
Tips to keep your account safe:
<ul style="margin-top:8px; color:#888; padding-left:18px;">
<li>Enable two-factor authentication (2FA).</li>
<li>Use a strong, unique password and update it regularly.</li>
<li>Never share your login codes or password.</li>
</ul>
</div>
@endsection

37
resources/views/emails/notification.blade.php Normal file
View File

@@ -0,0 +1,37 @@
@extends('emails.layout')
@section('content')
<div class="title">{!! e($icon ?? '🔔') !!} {{ $title ?? 'Notification' }}</div>
@if(!empty($message))
<div class="text">{!! nl2br(e($message)) !!}</div>
@endif
@if(!empty($bullets) && is_array($bullets))
<ul class="text" style="padding-left:18px; margin-top: -10px;">
@foreach($bullets as $b)
<li style="margin:6px 0;">{!! e($b) !!}</li>
@endforeach
</ul>
@endif
@isset($code)
<div class="text" style="text-align:center;">
<div style="display:inline-block; padding:12px 18px; border:1px dashed #333; border-radius:10px; background:#0d0d0d; color:#fff; font-weight:800; letter-spacing:3px; font-size:18px;">{{ $code }}</div>
</div>
@endisset
@if(!empty($cta) && is_array($cta) && !empty($cta['url']))
<div style="text-align: center; margin: 25px 0 5px;">
<a href="{{ $cta['url'] }}" class="btn">{{ $cta['label'] ?? 'Open' }}</a>
</div>
@endif
@if(!empty($meta) && is_array($meta))
<div class="text" style="font-size:12px; color:#666;">
@foreach($meta as $k => $v)
<div><strong>{{ ucfirst(str_replace('_',' ',$k)) }}:</strong> {{ is_scalar($v) ? $v : json_encode($v) }}</div>
@endforeach
</div>
@endif
@endsection

19
resources/views/emails/reset-password.blade.php Normal file
View File

@@ -0,0 +1,19 @@
@extends('emails.layout')
@section('content')
<div class="title">Reset Password</div>
<div class="text">
Hello {{ $user->name }},<br><br>
You are receiving this email because we received a password reset request for your account.
</div>
<div style="text-align: center;">
<a href="{{ $url }}" class="btn">Reset Password</a>
</div>
<div class="text" style="margin-top: 30px;">
This password reset link will expire in 60 minutes.<br>
If you did not request a password reset, no further action is required.
</div>
@endsection

30
resources/views/emails/verify-email.blade.php Normal file
View File

@@ -0,0 +1,30 @@
@extends('emails.layout')
@section('content')
<div class="title">Verify Your Email</div>
<div class="text">
Hello {{ $user->name }},<br><br>
Welcome to Betix! Please click the button below to verify your email address and activate your account.
</div>
<div style="text-align: center; margin-bottom: 20px;">
<a href="{{ $url }}" class="btn">Verify Email</a>
</div>
<div class="text" style="font-size: 12px; color: #999; word-break: break-all;">
Or copy & paste this link into your browser:<br>
<span style="color:#666;">{{ $url }}</span>
</div>
@isset($code)
<div class="text" style="margin-top: 20px;">
Alternatively, you can verify by entering this code in the app:<br>
<div style="font-size: 22px; font-weight: bold; letter-spacing: 4px; margin-top: 8px;">{{ $code }}</div>
</div>
@endisset
<div class="text" style="margin-top: 30px;">
If you did not create an account, no further action is required.
</div>
@endsection

5
resources/views/errors/403.blade.php Normal file
View File

@@ -0,0 +1,5 @@
@include('errors.layout', [
'code' => 403,
'title' => 'Access Denied',
'message' => 'You don\'t have permission to access this resource. If you think this is a mistake, contact support.',
])

5
resources/views/errors/404.blade.php Normal file
View File

@@ -0,0 +1,5 @@
@include('errors.layout', [
'code' => 404,
'title' => 'Page Not Found',
'message' => "This page doesn't exist or has been moved. Double-check the URL or head back to the lobby.",
])

5
resources/views/errors/419.blade.php Normal file
View File

@@ -0,0 +1,5 @@
@include('errors.layout', [
'code' => 419,
'title' => 'Session Expired',
'message' => 'Your session has expired for security reasons. Please refresh the page and try again.',
])

5
resources/views/errors/429.blade.php Normal file
View File

@@ -0,0 +1,5 @@
@include('errors.layout', [
'code' => 429,
'title' => 'Slow Down',
'message' => 'You\'ve sent too many requests in a short time. Wait a moment and try again — we\'re not going anywhere.',
])

6
resources/views/errors/500.blade.php Normal file
View File

@@ -0,0 +1,6 @@
@include('errors.layout', [
'code' => 500,
'title' => 'Internal Server Error',
'message' => 'Something broke on our end. Our team has been automatically notified. Please try again in a few minutes.',
'details' => true,
])

6
resources/views/errors/503.blade.php Normal file
View File

@@ -0,0 +1,6 @@
@include('errors.layout', [
'code' => 503,
'title' => 'Service Unavailable',
'message' => 'BetiX is temporarily unavailable. We\'re working on it — check back in a few minutes.',
'details' => true,
])

314
resources/views/errors/layout.blade.php Normal file
View File

@@ -0,0 +1,314 @@
<!DOCTYPE html>
<html lang="en" style="margin:0;padding:0;">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>{{ $title ?? ('Error ' . ($code ?? '')) }} — {{ config('app.name') }}</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;900&display=swap" rel="stylesheet">
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--primary: #df006a;
--primary-dim: rgba(223,0,106,0.12);
--primary-glow: rgba(223,0,106,0.4);
--cyan: #00f2ff;
--cyan-dim: rgba(0,242,255,0.1);
--bg: #050505;
--surface: #0d0d0d;
--border: #1a1a1a;
--text: #e8e8e8;
--muted: #555;
}
html, body {
min-height: 100%;
background: var(--bg);
color: var(--text);
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}
body {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 100vh;
padding: 24px;
position: relative;
overflow-x: hidden;
}
/* Ambient background glow */
body::before {
content: '';
position: fixed;
top: -20%;
left: 50%;
transform: translateX(-50%);
width: 700px;
height: 500px;
background: radial-gradient(ellipse, rgba(223,0,106,0.08) 0%, transparent 70%);
pointer-events: none;
z-index: 0;
}
body::after {
content: '';
position: fixed;
bottom: -10%;
right: -10%;
width: 400px;
height: 400px;
background: radial-gradient(ellipse, rgba(0,242,255,0.04) 0%, transparent 70%);
pointer-events: none;
z-index: 0;
}
.page { position: relative; z-index: 1; width: 100%; max-width: 560px; text-align: center; }
/* Brand */
.brand {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 22px;
font-weight: 900;
letter-spacing: -0.5px;
color: #fff;
margin-bottom: 48px;
text-decoration: none;
}
.brand-dot { color: var(--primary); }
/* Giant error code */
.error-code {
font-size: clamp(96px, 20vw, 160px);
font-weight: 900;
line-height: 1;
letter-spacing: -6px;
color: transparent;
background: linear-gradient(135deg, #fff 0%, rgba(255,255,255,0.3) 100%);
-webkit-background-clip: text;
background-clip: text;
text-shadow: none;
position: relative;
margin-bottom: 8px;
}
.error-code::after {
content: attr(data-code);
position: absolute;
inset: 0;
background: linear-gradient(135deg, var(--primary), var(--cyan));
-webkit-background-clip: text;
background-clip: text;
color: transparent;
filter: blur(24px);
z-index: -1;
opacity: 0.6;
}
/* Status line */
.status-line {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--primary-dim);
border: 1px solid rgba(223,0,106,0.25);
border-radius: 999px;
padding: 5px 14px;
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--primary);
margin-bottom: 28px;
}
.status-dot {
width: 6px; height: 6px;
border-radius: 50%;
background: var(--primary);
animation: pulse 1.6s ease-in-out infinite;
}
/* Title & description */
h1 {
font-size: clamp(22px, 5vw, 30px);
font-weight: 900;
color: #fff;
line-height: 1.15;
margin-bottom: 14px;
letter-spacing: -0.5px;
}
.desc {
font-size: 15px;
color: #888;
line-height: 1.6;
margin-bottom: 36px;
max-width: 420px;
margin-left: auto;
margin-right: auto;
}
/* Action buttons */
.actions {
display: flex;
gap: 12px;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 40px;
}
.btn {
display: inline-flex;
align-items: center;
gap: 8px;
text-decoration: none;
padding: 13px 24px;
border-radius: 12px;
font-weight: 800;
font-size: 14px;
transition: all 0.2s ease;
cursor: pointer;
border: none;
}
.btn-primary {
background: linear-gradient(90deg, var(--primary), #a3004d);
color: #fff;
box-shadow: 0 0 20px var(--primary-glow);
}
.btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 0 32px var(--primary-glow);
filter: brightness(1.1);
}
.btn-ghost {
background: transparent;
border: 1px solid #222;
color: #999;
}
.btn-ghost:hover {
border-color: #444;
color: #fff;
transform: translateY(-2px);
}
/* Divider with text */
.or {
display: flex;
align-items: center;
gap: 14px;
color: var(--muted);
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 20px;
}
.or::before, .or::after {
content: '';
flex: 1;
height: 1px;
background: var(--border);
}
/* Help card */
.help-card {
background: var(--surface);
border: 1px solid var(--border);
border-radius: 16px;
padding: 20px 24px;
text-align: left;
}
.help-card-title {
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--muted);
margin-bottom: 12px;
}
.help-list {
list-style: none;
display: flex;
flex-direction: column;
gap: 8px;
}
.help-list li {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 13px;
color: #888;
line-height: 1.45;
}
.help-list li::before {
content: '→';
color: var(--primary);
font-weight: 900;
flex-shrink: 0;
margin-top: 1px;
}
/* Request ID */
.req-id {
margin-top: 28px;
font-size: 11px;
color: #333;
font-family: 'Courier New', monospace;
}
@keyframes pulse {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.5; transform: scale(0.7); }
}
@media (max-width: 480px) {
.actions { flex-direction: column; }
.btn { justify-content: center; }
}
</style>
</head>
<body>
<div class="page">
<a href="{{ url('/') }}" class="brand">
Beti<span class="brand-dot">X</span>
</a>
<div class="error-code" data-code="{{ $code ?? '?' }}">{{ $code ?? '?' }}</div>
<div class="status-line">
<span class="status-dot"></span>
Error {{ $code ?? '' }}
</div>
<h1>{{ $title ?? 'Something went wrong' }}</h1>
<p class="desc">{{ $message ?? 'An unexpected error occurred. Please try again or contact support.' }}</p>
<div class="actions">
<a class="btn btn-primary" href="{{ url('/') }}">
← Back to BetiX
</a>
<a class="btn btn-ghost" href="javascript:history.back()">
Go Back
</a>
</div>
@isset($details)
<div class="or">What you can try</div>
<div class="help-card">
<div class="help-card-title">Troubleshooting</div>
<ul class="help-list">
<li>Refresh the page and try again.</li>
<li>Clear your browser cache and cookies.</li>
<li>Check your internet connection.</li>
<li>Contact support at <a href="mailto:{{ config('mail.from.address') }}">{{ config('mail.from.address') }}</a> if the issue persists.</li>
</ul>
</div>
@endisset
<p class="req-id">ref: {{ \Illuminate\Support\Str::uuid() }}</p>
</div>
</body>
</html>