@component('shop::emails.layout')
    <div style="margin-bottom: 34px;">
        <p style="font-weight: bold;font-size: 20px;color: #121A26;line-height: 24px;margin-bottom: 24px">
            Vendor Application Status Update
        </p>

        <p style="font-size: 16px;color: #384860;line-height: 24px;">
            Dear {{ $vendor->company_name }},
        </p>

        <p style="font-size: 16px;color: #384860;line-height: 24px;">
            Thank you for your interest in becoming a vendor on our platform. After careful review, we regret to inform you that your vendor application has not been approved at this time.
        </p>
    </div>

    <div style="background: #f8d7da; padding: 20px; border-radius: 8px; margin-bottom: 30px; border-left: 4px solid #dc3545;">
        <h3 style="margin: 0 0 15px 0; color: #721c24;">Application Details:</h3>
        
        <table style="width: 100%; border-collapse: collapse;">
            <tr>
                <td style="padding: 8px 0; font-weight: bold; color: #721c24; width: 150px;">Company Name:</td>
                <td style="padding: 8px 0; color: #721c24;">{{ $vendor->company_name }}</td>
            </tr>
            <tr>
                <td style="padding: 8px 0; font-weight: bold; color: #721c24;">Company Email:</td>
                <td style="padding: 8px 0; color: #721c24;">{{ $vendor->company_email }}</td>
            </tr>
            <tr>
                <td style="padding: 8px 0; font-weight: bold; color: #721c24;">Status:</td>
                <td style="padding: 8px 0; color: #721c24;">❌ Not Approved</td>
            </tr>
            <tr>
                <td style="padding: 8px 0; font-weight: bold; color: #721c24;">Reviewed On:</td>
                <td style="padding: 8px 0; color: #721c24;">{{ core()->formatDate($vendor->rejected_at, 'Y-m-d H:i:s') }}</td>
            </tr>
        </table>
    </div>

    @if($vendor->rejection_reason)
    <div style="background: #fff3cd; padding: 20px; border-radius: 8px; margin-bottom: 30px; border-left: 4px solid #ffc107;">
        <h3 style="margin: 0 0 15px 0; color: #856404;">Reason for Rejection:</h3>
        <p style="font-size: 16px;color: #856404;line-height: 24px;margin: 0;">
            {{ $vendor->rejection_reason }}
        </p>
    </div>
    @endif

    <p style="font-size: 16px;color: #384860;line-height: 24px;margin-bottom: 40px">
        We encourage you to review our vendor requirements and consider reapplying in the future. If you have any questions about this decision or would like guidance on how to improve your application, please feel free to contact our support team.
    </p>

    <div style="display: flex;margin-bottom: 95px">
        <a
            href="{{ route('shop.home.index') }}"
            style="padding: 16px 45px;justify-content: center;align-items: center;gap: 10px;border-radius: 2px;background: #6c757d;color: #FFFFFF;text-decoration: none;text-transform: uppercase;font-weight: 700;"
        >
            Visit Our Website
        </a>
    </div>

    <p style="font-size: 14px;color: #6c757d;line-height: 20px;">
        Thank you for your understanding. We appreciate your interest in our platform.
    </p>
@endcomponent