NIM_E31222518/resources/views/auth/verify-email.blade.php

75 lines
2.7 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Verifikasi Email - DJEE Elektronik</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<style>
body {
background: linear-gradient(135deg, #B5EAE0 0%, #88D8CC 100%);
}
.verify-container {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
.verify-card {
background: rgba(255, 255, 255, 0.95);
border-radius: 20px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
padding: 2rem;
width: 100%;
max-width: 500px;
text-align: center;
}
.btn-primary {
background: linear-gradient(135deg, #B5EAE0 0%, #9CD5CB 100%);
color: #1a1a1a;
padding: 12px 24px;
border-radius: 12px;
font-weight: 600;
transition: all 0.3s ease;
display: inline-block;
margin-top: 1rem;
}
.btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}
</style>
</head>
<body>
<div class="verify-container">
<div class="verify-card">
<img src="{{ asset('assets/images/lonceng.png') }}" alt="Logo" class="w-16 mx-auto mb-4">
<h2 class="text-2xl font-semibold mb-4">Verifikasi Email</h2>
@if (session('status') == 'verification-link-sent')
<div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded relative mb-4">
Link verifikasi baru telah dikirim ke email Anda.
</div>
@endif
<p class="mb-4">Terima kasih telah mendaftar! Sebelum memulai, mohon verifikasi email Anda dengan mengklik link yang telah kami kirim ke email Anda.</p>
<form method="POST" action="{{ route('verification.send') }}">
@csrf
<button type="submit" class="btn-primary">
Kirim Ulang Email Verifikasi
</button>
</form>
<form method="POST" action="{{ route('logout') }}" class="mt-4">
@csrf
<button type="submit" class="text-blue-500 hover:underline">
Logout
</button>
</form>
</div>
</div>
</body>
</html>