85 lines
4.8 KiB
PHP
85 lines
4.8 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Meeting Invitation</title>
|
|
<style>
|
|
body { font-family: 'Segoe UI', Arial, sans-serif; background-color: #0b0f19; color: #f3f4f6; margin: 0; padding: 24px; }
|
|
.email-card { max-width: 600px; margin: 0 auto; background: #111827; border-radius: 12px; border: 1px solid rgba(255,255,255,0.15); overflow: hidden; }
|
|
.email-header { background: linear-gradient(135deg, #4f46e5, #06b6d4); padding: 28px 24px; text-align: center; }
|
|
.email-header h1 { margin: 0; color: #ffffff; font-size: 22px; font-weight: 700; letter-spacing: -0.5px; }
|
|
.email-header p { margin: 6px 0 0 0; color: rgba(255,255,255,0.9); font-size: 14px; }
|
|
.email-body { padding: 28px 24px; }
|
|
.badge { display: inline-block; padding: 4px 10px; border-radius: 9999px; font-size: 12px; font-weight: 600; text-transform: uppercase; }
|
|
.badge-instant { background: #f59e0b; color: #111827; }
|
|
.badge-scheduled { background: #10b981; color: #ffffff; }
|
|
.meeting-info { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; padding: 18px; margin: 20px 0; }
|
|
.info-row { display: flex; margin-bottom: 10px; font-size: 14px; }
|
|
.info-row:last-child { margin-bottom: 0; }
|
|
.info-label { width: 120px; color: #9ca3af; font-weight: 600; }
|
|
.info-value { color: #f3f4f6; font-weight: 500; }
|
|
.btn-join { display: block; text-align: center; background: #4f46e5; color: #ffffff !important; font-weight: 700; font-size: 15px; padding: 14px 24px; border-radius: 8px; text-decoration: none; margin: 26px 0 16px 0; box-shadow: 0 4px 14px rgba(79, 70, 229, 0.4); }
|
|
.email-footer { border-top: 1px solid rgba(255,255,255,0.08); padding: 16px 24px; text-align: center; color: #6b7280; font-size: 12px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="email-card">
|
|
<div class="email-header">
|
|
<h1>SingleLogin Client Connect</h1>
|
|
<p>You have been invited to a client meeting session</p>
|
|
</div>
|
|
<div class="email-body">
|
|
<p style="font-size: 15px; margin-top: 0;">Hello <strong>{{ $recipientName }}</strong>,</p>
|
|
<p style="font-size: 14px; color: #d1d5db; line-height: 1.5;">
|
|
You are invited to join the video conference for <strong>{{ $meeting->client->project_name }}</strong> ({{ $meeting->client->client_name }}).
|
|
</p>
|
|
|
|
<div class="meeting-info">
|
|
<div style="margin-bottom: 12px;">
|
|
<span class="badge {{ $meeting->meeting_type === 'instant' ? 'badge-instant' : 'badge-scheduled' }}">
|
|
{{ $meeting->meeting_type === 'instant' ? '⚡ Instant Meeting' : '📅 Scheduled Meeting' }}
|
|
</span>
|
|
</div>
|
|
<div class="info-row">
|
|
<span class="info-label">Meeting Title:</span>
|
|
<span class="info-value">{{ $meeting->title }}</span>
|
|
</div>
|
|
<div class="info-row">
|
|
<span class="info-label">Project:</span>
|
|
<span class="info-value">{{ $meeting->client->project_name }}</span>
|
|
</div>
|
|
<div class="info-row">
|
|
<span class="info-label">Host:</span>
|
|
<span class="info-value">{{ $meeting->host ? $meeting->host->name : 'SingleLogin Host' }}</span>
|
|
</div>
|
|
@if($meeting->scheduled_at)
|
|
<div class="info-row">
|
|
<span class="info-label">Date & Time:</span>
|
|
<span class="info-value">{{ $meeting->scheduled_at->format('M d, Y h:i A') }} ({{ $meeting->duration_minutes }} mins)</span>
|
|
</div>
|
|
@endif
|
|
@if($meeting->agenda)
|
|
<div class="info-row" style="margin-top: 8px;">
|
|
<span class="info-label">Agenda:</span>
|
|
<span class="info-value" style="color: #cbd5e1;">{{ $meeting->agenda }}</span>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
|
|
<a href="{{ $joinUrl }}" class="btn-join" target="_blank">
|
|
👉 Click Here to Join Meeting
|
|
</a>
|
|
|
|
<p style="font-size: 12px; color: #9ca3af; text-align: center; word-break: break-all;">
|
|
Or copy and paste this link in your browser: <br>
|
|
<a href="{{ $joinUrl }}" style="color: #38bdf8;">{{ $joinUrl }}</a>
|
|
</p>
|
|
</div>
|
|
<div class="email-footer">
|
|
<p>SingleLogin Enterprise Workspace • AI-Powered Client Collaboration Platform</p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|