@extends('emails.layout')

@section('content')
    <h2>Account Locked Notification 🔒</h2>

    <p>Hello <strong>{{ $userName }}</strong>,</p>

    <p>We're writing to inform you that your account has been temporarily locked.</p>

    <div class="alert-box danger">
        <strong>🔒 Account Status: LOCKED</strong>
        <p>You will not be able to access your account until it has been unlocked by an administrator.</p>
    </div>

    <div class="credentials-box">
        <h3>Lock Details</h3>

        <div class="credential-item">
            <span class="credential-label">Account:</span>
            <span class="credential-value">{{ $email }}</span>
        </div>

        <div class="credential-item">
            <span class="credential-label">Reason:</span>
            <span style="color: #dc3545; font-weight: 600;">{{ $reason }}</span>
        </div>

        @if($lockedUntil)
            <div class="credential-item">
                <span class="credential-label">Locked Until:</span>
                <span style="color: #dc3545; font-weight: 600;">{{ $lockedUntil }}</span>
            </div>
        @else
            <div class="credential-item">
                <span class="credential-label">Duration:</span>
                <span style="color: #dc3545; font-weight: 600;">Indefinite (requires manual unlock)</span>
            </div>
        @endif
    </div>

    <hr class="divider">

    <h3 style="color: #333; font-size: 18px; margin-bottom: 15px;">What to do next?</h3>
    <p>If you believe your account was locked in error or if you need immediate access, please contact your system administrator or our support team.</p>

    <div style="background: #f8f9fa; padding: 20px; border-radius: 6px; margin: 25px 0;">
        <p style="margin: 0; font-weight: 600; color: #333;">Support Contact Information</p>
        <p style="margin: 8px 0 0 0; color: #555;">Email: <strong>{{ $supportEmail }}</strong></p>
    </div>

    <div class="info-box">
        <p><strong>🛡️ Security Tip</strong></p>
        <p>If you did not attempt to access your account recently, your account may have been locked for security reasons. Please contact support immediately to verify your identity and regain access.</p>
    </div>
@endsection