<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ get_phrase('Instructor Application Submitted') }}</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f9f9f9;
            margin: 0;
            padding: 0;
        }
        .email-container {
            max-width: 600px;
            margin: 0 auto;
            background-color: #ffffff;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        .email-header {
            background-color: #2f57ef;
            color: #ffffff;
            text-align: center;
            padding: 20px;
            font-size: 24px;
            font-weight: bold;
        }
        .email-body {
            padding: 20px;
            color: #333333;
            font-size: 16px;
            line-height: 1.6;
        }
        .email-footer {
            background-color: #f0f3ff;
            color: #2f57ef;
            text-align: center;
            padding: 10px;
            font-size: 14px;
            border-top: 1px solid #dddddd;
        }
        .application-details {
            background-color: #f8f9fa;
            padding: 15px;
            border-radius: 5px;
            margin: 15px 0;
            border-left: 4px solid #2f57ef;
        }
        .thank-you {
            color: #2f57ef;
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 15px;
        }
        .status-pending {
            display: inline-block;
            background-color: #fff3cd;
            color: #856404;
            padding: 5px 10px;
            border-radius: 15px;
            font-size: 14px;
            font-weight: bold;
            margin-left: 10px;
        }
        .notification-info {
            background-color: #e7f3ff;
            padding: 15px;
            border-radius: 5px;
            margin: 15px 0;
            border-left: 4px solid #2f57ef;
        }
    </style>
</head>
<body>
    <div class="email-container">
        <div class="email-header">
            {{ get_phrase('Instructor Application Submitted') }}
        </div>
        <div class="email-body">
            <div class="thank-you">
                {{ get_phrase('Thank You') }}, {{ $user->name }}! 🙂
            </div>

            <p>{{ get_phrase('We have successfully received your instructor application and it is now under review.') }}</p>

            <div class="application-details">
                <p><strong>{{ get_phrase('Application Details') }}:</strong></p>
                <p><strong>{{ get_phrase('Application ID') }}:</strong> 
                    @php
                        $applicationId = is_array($application) ? ($application['id'] ?? 'N/A') : ($application->id ?? 'N/A');
                        echo $applicationId;
                    @endphp
                </p>
                <p><strong>{{ get_phrase('Submission Date') }}:</strong>
                    @php
                        $createdAt = is_array($application) ? ($application['created_at'] ?? now()) : ($application->created_at ?? now());
                        
                        if (is_object($createdAt) && method_exists($createdAt, 'format')) {
                            echo $createdAt->format('F d, Y');
                        } else {
                            echo date('F d, Y', strtotime($createdAt));
                        }
                    @endphp
                </p>
                <p><strong>{{ get_phrase('Current Status') }}:</strong>
                    <span class="status-pending">{{ get_phrase('Under Review') }}</span>
                </p>
            </div>

            <div class="notification-info">
                <p><strong>{{ get_phrase('Important Information') }}:</strong></p>
                <p>{{ get_phrase('You will be notified via email once your application has been processed.') }}</p>
                <p>{{ get_phrase('If your application is accepted, you will receive an approval email with instructions on how to access the instructor dashboard.') }}</p>
                <p>{{ get_phrase('If your application is rejected, you will receive a notification email with further information.') }}</p>
            </div>

            <p><strong>{{ get_phrase('What happens next') }}?</strong></p>
            <ul>
                <li>{{ get_phrase('Our team will review your application carefully') }}</li>
                <li>{{ get_phrase('Review process typically takes 2-3 business days') }}</li>
                <li>{{ get_phrase('You will receive an email notification for the final decision') }}</li>
                <li>{{ get_phrase('We may contact you if additional information is needed') }}</li>
            </ul>

            <p><strong>{{ get_phrase('In the meantime') }}:</strong></p>
            <p>{{ get_phrase('You can continue to explore our platform and prepare your course materials while waiting for the review results.') }}</p>

            <p>{{ get_phrase('If you have any questions about your application or need to provide additional documents, please contact our support team.') }}</p>

            <p>{{ get_phrase('We appreciate your interest in becoming an instructor with us!') }}</p>
        </div>
        <div class="email-footer">
            <p><strong>{{ config('app.name') }}</strong></p>
            <p>{{ get_phrase('Grownesa Support Team') }}</p>
            <p><small>{{ get_phrase('This is an automated message. Please do not reply to this email.') }}</small></p>
        </div>
    </div>
</body>
</html>