@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