@extends('emails.template')

@section('title', 'Tutor Account Update')

@section('content')
    @if($status === 'approved')
        <h2>🎉 Welcome to CognitiaGlobal School!</h2>
        <p>Hi <strong>{{ $teacher->user->name }}</strong>,</p>
        <p>We're delighted to inform you that your application to join <strong>CognitiaGlobal School</strong> as a certified tutor has been <strong>approved</strong>!</p>

        <div style="background-color: #f0fdf4; border-left: 4px solid #22c55e; padding: 16px 20px; margin: 20px 0; border-radius: 8px;">
            <p style="margin: 0 0 12px 0; font-size: 13px; font-weight: bold; color: #166534;">Your Login Credentials</p>
            <table style="border-collapse: collapse; width: 100%; font-size: 13px;">
                <tr>
                    <td style="padding: 4px 0; color: #374151; width: 120px; font-weight: 600;">Email:</td>
                    <td style="padding: 4px 0; color: #0B1437;">{{ $teacher->user->email }}</td>
                </tr>
                <tr>
                    <td style="padding: 4px 0; color: #374151; font-weight: 600;">Password:</td>
                    <td style="padding: 4px 0;">
                        <code style="background: #dcfce7; padding: 3px 8px; border-radius: 4px; font-size: 15px; letter-spacing: 1px; color: #166534; font-weight: bold;">{{ $temporaryPassword }}</code>
                    </td>
                </tr>
            </table>
        </div>

        <div style="background-color: #fffbeb; border-left: 4px solid #f59e0b; padding: 12px 16px; margin: 16px 0; font-size: 12px; border-radius: 8px;">
            ⚠️ <strong>Important:</strong> This is a one-time temporary password. You will be prompted to create a new secure password on your first login.
        </div>

        <p>Once logged in, you can:</p>
        <ul style="padding-left: 20px; color: #374151; font-size: 14px; line-height: 2;">
            <li>Set up your weekly availability & timetable</li>
            <li>Publish learning materials & assignments</li>
            <li>Manage your enrolled students</li>
            <li>Schedule and host live sessions</li>
        </ul>

        <div style="text-align: center; margin: 28px 0;">
            <a href="{{ url('/login') }}" class="btn">Login to Teacher Portal →</a>
        </div>

    @else
        <h2>Tutor Application Update</h2>
        <p>Hi <strong>{{ $teacher->user->name }}</strong>,</p>
        <p>Thank you for your interest in teaching at CognitiaGlobal School. We have completed our review of your application.</p>
        <p>Unfortunately, we are unable to approve your profile at this time.</p>

        @if(!empty($reason))
            <div style="background-color: #fff7ed; border-left: 4px solid #f97316; padding: 14px 18px; margin: 16px 0; font-size: 13px; border-radius: 8px;">
                <strong style="display: block; margin-bottom: 6px; color: #9a3412;">Reason for rejection:</strong>
                {{ $reason }}
            </div>
        @endif

        <p>We encourage you to address the points above and reapply. If you believe there has been an error or have questions, please contact our faculty team.</p>
    @endif

    <p style="color: #6b7280; font-size: 13px;">Best regards,<br><strong>Faculty Operations Team</strong><br>CognitiaGlobal School</p>
@endsection