@php
    // $panelUser: admin có thể đang xem token của nhân viên khác.
    $user = isset($panelUser) ? $panelUser : auth()->user();
    // Chỉ chủ tài khoản được lưu token mới; admin chỉ xem tình trạng.
    $canManage = !isset($canManage) || $canManage;
    $expiresAt = (int)$user->meta_token_expires_at;
    $hasToken = !empty($user->meta_access_token);
    $isSystem = $user->meta_token_mode === \App\Constants\MetaAdsConstant::TOKEN_MODE_SYSTEM_USER;
    $daysLeft = $expiresAt > 0 ? (int)floor(($expiresAt - time()) / 86400) : null;
@endphp

<div class="meta-token-panel">
    <div class="row">
        <div class="col-12 col-md-8">
            <b>Tình trạng token</b>
            @if(!$hasToken)
                <span class="meta-badge danger">CHƯA CÓ TOKEN</span>
            @elseif($expiresAt === 0)
                <span class="meta-badge valid">KHÔNG THỜI HẠN</span>
                <small class="text-muted">{{ $isSystem ? 'System User Token' : 'Không có lịch hết hạn công bố' }}</small>
            @elseif($daysLeft !== null && $daysLeft <= \App\Constants\MetaAdsConstant::TOKEN_WARNING_DAYS)
                <span class="meta-badge danger">CÒN {{ max($daysLeft, 0) }} NGÀY</span>
                <small class="text-muted">hết hạn {{ date('d/m/Y H:i', $expiresAt) }}</small>
            @else
                <span class="meta-badge valid">CÒN {{ $daysLeft }} NGÀY</span>
                <small class="text-muted">hết hạn {{ date('d/m/Y H:i', $expiresAt) }}</small>
            @endif

            @if($user->meta_token_obtained_at)
                <small class="text-muted d-block">
                    Lấy lúc {{ date('d/m/Y H:i', strtotime($user->meta_token_obtained_at)) }}
                    · chế độ {{ $user->meta_token_mode ?: 'USER_TOKEN' }}
                </small>
            @endif
        </div>
        <div class="col-12 col-md-4 text-md-right mt-2 mt-md-0">
            @if($canManage)
                <a href="#metaSystemToken" data-toggle="collapse" class="btn btn-sm btn-outline-success">
                    <i class="fa fa-infinity"></i> Dùng token không thời hạn
                </a>
            @else
                <small class="text-muted">Token của {{ $user->full_name }}</small>
            @endif
        </div>
    </div>

    <div class="collapse mt-3 {{ $canManage ? '' : 'd-none' }}" id="metaSystemToken">
        <div class="alert alert-secondary mb-0">
            <b>Muốn token không bao giờ hết hạn?</b>
            Facebook Login chỉ cấp tối đa <b>long-lived 60 ngày</b> — không có cách nào lấy token
            vĩnh viễn qua đăng nhập thường. Token không thời hạn chỉ có ở
            <b>System User Token</b> (mục 11.3), tạo trong Business Manager:

            <ol class="mb-2 mt-2" style="padding-left: 18px">
                <li>Business Settings → Users → <b>System Users</b> → tạo System User.</li>
                <li>Assign đúng các <b>Ad Account</b> cần đọc cho System User đó.</li>
                <li><b>Generate New Token</b> → chọn đúng app <code>{{ $user->meta_app_id }}</code>
                    → tick quyền <code>ads_read</code>.</li>
                <li>Phần <b>Token Expiration</b> chọn <b>Never</b>.</li>
                <li>Copy token và dán vào ô dưới đây.</li>
            </ol>

            <form method="POST" action="{{ route('marketing.meta-ads.system-token') }}" class="form-inline">
                {{ csrf_field() }}
                <input type="password" name="system_token" class="form-control mr-2 mb-2"
                       style="min-width: 320px" autocomplete="off"
                       placeholder="Dán System User Token vào đây" required>
                <button type="submit" class="btn btn-success mb-2">
                    <i class="fa fa-save"></i> Kiểm tra &amp; lưu
                </button>
            </form>
            <small class="text-muted">
                Token được kiểm tra (<code>debug_token</code> + gọi thử <code>/me/adaccounts</code>)
                trước khi lưu; sai thì token cũ giữ nguyên. System User Token không bị đổi qua
                <code>fb_exchange_token</code> để không mất tính không hết hạn.
            </small>
        </div>
    </div>
</div>