feat: add verify with link and back to app
This commit is contained in:
@@ -0,0 +1,85 @@
|
||||
@component('mail::message')
|
||||
# تایید ایمیل شما
|
||||
|
||||
برای تایید آدرس ایمیل خود روی دکمه زیر کلیک کنید:
|
||||
|
||||
@php
|
||||
// Extract package name from query string
|
||||
$parsedUrl = parse_url($verificationUrl);
|
||||
parse_str($parsedUrl['query'] ?? '', $queryParams);
|
||||
$packageName = $queryParams['package'] ?? 'default';
|
||||
|
||||
// Create deep link after verification
|
||||
$deepLink = "approagency://{$packageName}?verified=1";
|
||||
@endphp
|
||||
|
||||
@component('mail::button', ['url' => $verificationUrl, 'style' => 'background-color: #0288d1; padding: 12px 24px; font-size: 18px; border-radius: 5px; text-decoration: none; color: white; text-align: center; display: inline-block;'])
|
||||
تایید ایمیل
|
||||
@endcomponent
|
||||
|
||||
---
|
||||
|
||||
با تشکر،
|
||||
{{ config('app.name') }}
|
||||
|
||||
@push('styles')
|
||||
<style>
|
||||
/* Body and general email structure */
|
||||
body {
|
||||
direction: rtl;
|
||||
text-align: right;
|
||||
font-family: 'Tahoma', sans-serif;
|
||||
background-color: #f5f6fa;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
background-color: #ffffff;
|
||||
padding: 40px;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.header {
|
||||
font-size: 24px;
|
||||
color: #0288d1;
|
||||
margin-bottom: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.content {
|
||||
font-size: 16px;
|
||||
color: #555;
|
||||
margin-bottom: 30px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.button {
|
||||
display: inline-block;
|
||||
padding: 12px 24px;
|
||||
background-color: #0288d1;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
margin: 20px 0;
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
||||
transition: background-color 0.3s ease, transform 0.3s ease;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background-color: #026aa7;
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.footer {
|
||||
font-size: 14px;
|
||||
color: #888;
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
@endpush
|
||||
@endcomponent
|
||||
Reference in New Issue
Block a user