neonail-database/resources/views/emails/welcome-user.blade.php
2025-08-10 18:09:07 +02:00

222 lines
7.0 KiB
PHP

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Willkommen bei der NeoNail DB</title>
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
color: #333;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
.container {
max-width: 600px;
margin: 20px auto;
background: white;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.header {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 30px 20px;
text-align: center;
}
.header h1 {
margin: 0;
font-size: 28px;
}
.header p {
margin: 10px 0 0 0;
opacity: 0.9;
}
.content {
padding: 30px 20px;
}
.welcome-message {
font-size: 18px;
margin-bottom: 25px;
color: #2c3e50;
}
.login-details {
background: #f8f9fa;
border: 2px solid #e9ecef;
border-radius: 8px;
padding: 20px;
margin: 20px 0;
}
.login-details h3 {
margin: 0 0 15px 0;
color: #495057;
font-size: 16px;
}
.login-row {
display: flex;
justify-content: space-between;
margin: 10px 0;
padding: 8px 0;
border-bottom: 1px solid #dee2e6;
}
.login-row:last-child {
border-bottom: none;
}
.login-label {
font-weight: bold;
color: #495057;
}
.login-value {
font-family: 'Courier New', monospace;
background: #fff;
padding: 4px 8px;
border-radius: 4px;
border: 1px solid #ced4da;
}
.warning-box {
background: #fff3cd;
border: 1px solid #ffeaa7;
border-radius: 8px;
padding: 15px;
margin: 20px 0;
}
.warning-box h4 {
margin: 0 0 10px 0;
color: #856404;
}
.warning-box p {
margin: 0;
color: #856404;
}
.action-buttons {
text-align: center;
margin: 30px 0;
}
.btn {
display: inline-block;
padding: 12px 24px;
margin: 5px;
text-decoration: none;
border-radius: 25px;
font-weight: bold;
transition: all 0.3s ease;
}
.btn-primary {
background: linear-gradient(45deg, #667eea, #764ba2);
color: white;
}
.btn-primary:hover {
background: linear-gradient(45deg, #5a6fd8, #6a4190);
transform: translateY(-2px);
}
.btn-secondary {
background: #6c757d;
color: white;
}
.btn-secondary:hover {
background: #5a6268;
}
.features {
margin: 25px 0;
}
.features h3 {
color: #495057;
margin-bottom: 15px;
}
.feature-list {
list-style: none;
padding: 0;
}
.feature-list li {
padding: 8px 0;
border-bottom: 1px solid #f1f3f4;
}
.feature-list li:before {
content: "🎨 ";
margin-right: 10px;
}
.footer {
background: #f8f9fa;
padding: 20px;
text-align: center;
color: #6c757d;
font-size: 12px;
border-top: 1px solid #dee2e6;
}
.footer p {
margin: 5px 0;
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<h1>🎨 NeoNail DB</h1>
<p>Willkommen bei Ihrer persönlichen Nagellack-Datenbank</p>
</div>
<div class="content">
<div class="welcome-message">
<h2>Hallo {{ $user->name }}!</h2>
<p>Willkommen bei der NeoNail Datenbank! Ihr Account wurde erfolgreich erstellt.</p>
</div>
<div class="login-details">
<h3>🔐 Ihre Login-Daten:</h3>
<div class="login-row">
<span class="login-label">Website:</span>
<span class="login-value">https://neonail.vogt.de.com</span>
</div>
<div class="login-row">
<span class="login-label">E-Mail:</span>
<span class="login-value">{{ $user->email }}</span>
</div>
<div class="login-row">
<span class="login-label">Passwort:</span>
<span class="login-value">{{ $password }}</span>
</div>
</div>
<div class="warning-box">
<h4>⚠️ Wichtig: Passwort ändern</h4>
<p>Aus Sicherheitsgründen bitten wir Sie, Ihr Passwort nach dem ersten Login zu ändern. Sie können dies in Ihren Account-Einstellungen tun.</p>
</div>
<div class="action-buttons">
<a href="https://neonail.vogt.de.com/login" class="btn btn-primary">🚀 Jetzt anmelden</a>
<a href="https://neonail.vogt.de.com/my-collection" class="btn btn-secondary">📋 Meine Sammlung</a>
</div>
<div class="features">
<h3>🎯 Was Sie mit der NeoNail DB machen können:</h3>
<ul class="feature-list">
<li>Ihre persönliche Nagellack-Sammlung verwalten</li>
<li>Neue Lacke hinzufügen und fotografieren</li>
<li>Nach Lacken suchen (Name oder Nummer)</li>
<li>Mobile-optimierte Benutzeroberfläche</li>
<li>Kollaborativer Katalog mit anderen Usern</li>
</ul>
</div>
@if($user->isAdmin())
<div class="warning-box" style="background: #d1ecf1; border-color: #bee5eb;">
<h4 style="color: #0c5460;">👑 Admin-Account</h4>
<p style="color: #0c5460;">Sie haben Admin-Rechte und können andere User verwalten sowie den Nagellack-Katalog administrieren.</p>
</div>
@endif
<p style="margin-top: 30px; color: #6c757d; font-size: 14px;">
Bei Fragen oder Problemen wenden Sie sich bitte an den Administrator.
</p>
</div>
<div class="footer">
<p>Diese E-Mail wurde automatisch generiert von der NeoNail DB</p>
<p>© {{ date('Y') }} NeoNail DB System - Alle Rechte vorbehalten</p>
</div>
</div>
</body>
</html>