@extends('user::emails.layouts.main', [
    'title' => '申請審核通過通知',
    'emailTitle' => '您的申請已通過審核'
])

@section('content')
    <div class="greeting">
        親愛的 {{ $userName }}，
    </div>

    <div class="content-section">
        <p>恭喜您！我們很高興通知您，您的公司管理員申請已經通過審核。</p>
    </div>

    <div class="user-info-box">
        <h3>審核詳情</h3>
        <div class="info-row">
            <span class="info-label">申請人：</span>
            <span class="info-value">{{ $userName }}</span>
        </div>
        <div class="info-row">
            <span class="info-label">電子郵件：</span>
            <span class="info-value">{{ $userEmail }}</span>
        </div>
        <div class="info-row">
            <span class="info-label">公司名稱：</span>
            <span class="info-value">{{ $companyName }}</span>
        </div>
        <div class="info-row">
            <span class="info-label">審核狀態：</span>
            <span class="info-value" style="color: #28a745; font-weight: bold;">已通過</span>
        </div>
        @if($adminName)
        <div class="info-row">
            <span class="info-label">審核人員：</span>
            <span class="info-value">{{ $adminName }}</span>
        </div>
        @endif
        @if($notes)
        <div class="info-row">
            <span class="info-label">審核備註：</span>
            <span class="info-value">{{ $notes }}</span>
        </div>
        @endif
    </div>

    <div class="content-section">
        <h4>您的新權限</h4>
        <p>作為公司管理員，您現在可以：</p>
        <ul>
            <li>管理公司用戶帳號</li>
            <li>新增公司使用者</li>
            <li>查看公司內所有專案</li>
            <li>管理公司相關設定</li>
        </ul>
    </div>

    <div class="action-center">
        <a href="{{ $loginUrl }}" class="btn btn-primary">
            立即登入使用
        </a>
    </div>

    <div class="content-section" style="margin-top: 30px;">
        <p><strong>需要協助？</strong></p>
        <p>如果您有任何問題或需要協助，請隨時聯繫我們的技術支援團隊。</p>
        <p>感謝您使用 {{ $appName }}！</p>
    </div>
@endsection