@php
    use App\Http\Services\TalentBank\CandidateService;
    use App\Http\Services\TalentBank\CompanyService;
    use App\Models\TalentBank\Company;

    $payload     = session('sso.user_payload');
    $accountName = is_array($payload) ? (string) data_get($payload, 'data.name', '') : '';
    $accountEmail = is_array($payload) ? (string) data_get($payload, 'data.email', '') : '';
    $accountInitial = $accountName !== '' ? mb_strtoupper(mb_substr($accountName, 0, 1)) : '?';
    $photoPath   = session('sso.profile_photo_path');
    $accountPhotoUrl = null;

    if (is_string($photoPath) && trim($photoPath) !== '') {
        $accountPhotoUrl = CandidateService::photoPublicUrl($photoPath);
    } else {
        $docDigits = preg_replace('/\D/', '', (string) data_get($payload, 'data.document', ''));
        if (strlen($docDigits) >= 14) {
            $companyLogo = Company::query()
                ->where('cnpj', $docDigits)
                ->value('logo');
            $accountPhotoUrl = CompanyService::logoPublicUrl($companyLogo);
        }
    }
@endphp

<div
    class="modal fade"
    id="modalLogout"
    tabindex="-1"
    aria-labelledby="modalLogoutLabel"
    aria-hidden="true"
    aria-modal="true"
    role="dialog"
>
    <div class="modal-dialog modal-dialog-centered modal-logout-dialog">
        <div class="modal-content modal-logout-content">

            {{-- Cabeçalho --}}
            <div class="modal-header modal-logout-header">
                <h2 class="modal-title modal-logout-title" id="modalLogoutLabel">
                    {{ __('Escolher conta') }}
                </h2>
                <button
                    type="button"
                    class="btn-close btn-close-white"
                    data-bs-dismiss="modal"
                    aria-label="{{ __('Fechar') }}"
                ></button>
            </div>

            {{-- Corpo --}}
            <div class="modal-body modal-logout-body">

                {{-- Conta ativa --}}
                <p class="modal-logout-section-label">{{ __('Conta ativa') }}</p>

                <form method="POST" action="{{ route('sair') }}">
                    @csrf
                    <button type="submit" class="modal-logout-account-btn">
                        <span class="modal-logout-avatar">
                            @if ($accountPhotoUrl)
                                <img src="{{ $accountPhotoUrl }}" alt="{{ $accountName }}">
                            @else
                                {{ $accountInitial }}
                            @endif
                        </span>
                        <span class="modal-logout-account-info">
                            <strong>{{ $accountName ?: __('Minha conta') }}</strong>
                            @if ($accountEmail !== '')
                                <small>{{ $accountEmail }}</small>
                            @endif
                        </span>
                        <span class="modal-logout-account-action">
                            <i class="bi bi-box-arrow-right" aria-hidden="true"></i>
                            <span>{{ __('Sair') }}</span>
                        </span>
                    </button>
                </form>

                <hr class="modal-logout-divider">

                {{-- Usar outra conta --}}
                <p class="modal-logout-section-label">{{ __('Ou escolha uma opção') }}</p>

                <button
                    type="button"
                    id="btn-logout-outra-conta"
                    class="modal-logout-account-btn modal-logout-account-btn--other"
                    data-logout-url="{{ route('sair.completo') }}"
                    data-csrf="{{ csrf_token() }}"
                    data-entrar-url="{{ route('entrar') }}"
                    data-angra-logout-url="{{ rtrim(config('services.angra_sso.logout_url'), '/') }}?redirect={{ urlencode(route('sso.logout-bridge')) }}"
                >
                    <span class="modal-logout-avatar modal-logout-avatar--other">
                        <i class="bi bi-person-plus" aria-hidden="true"></i>
                    </span>
                    <span class="modal-logout-account-info">
                        <strong>{{ __('Usar outra conta') }}</strong>
                        <small>{{ __('Sai do Banco de Talentos e do Conta Angra') }}</small>
                    </span>
                    <span class="modal-logout-account-action">
                        <i class="bi bi-chevron-right" aria-hidden="true"></i>
                    </span>
                </button>

            </div>

            {{-- Rodapé --}}
            <div class="modal-footer modal-logout-footer">
                <p class="modal-logout-hint">
                    {{ __('Se o login automático persistir, acesse e deslogue diretamente pelo') }}
                    <a href="https://angra.rj.gov.br/login" target="_blank" rel="noopener noreferrer">{{ __('Conta Angra') }}</a>.
                </p>
                <button type="button" class="btn btn-link modal-logout-cancel" data-bs-dismiss="modal">
                    {{ __('Cancelar') }}
                </button>
            </div>

        </div>
    </div>
</div>

<script>
(function () {
    var btn = document.getElementById('btn-logout-outra-conta');
    if (!btn) return;

    btn.addEventListener('click', function () {
        btn.disabled = true;

        var logoutUrl      = btn.dataset.logoutUrl;
        var csrfToken      = btn.dataset.csrf;
        var entrarUrl      = btn.dataset.entrarUrl;
        var angraLogoutUrl = btn.dataset.angraLogoutUrl;

        // 1. Limpa sessão BT no servidor
        fetch(logoutUrl, {
            method: 'POST',
            headers: { 'X-CSRF-TOKEN': csrfToken, 'Accept': 'application/json' },
            credentials: 'same-origin',
        })
        .then(function (res) { return res.json(); })
        .then(function () {
            if (!angraLogoutUrl) {
                window.location.href = entrarUrl;
                return;
            }

            // 2. Abre popup do Angra logout — mesmo padrão do login SSO
            var popup = window.open(
                angraLogoutUrl,
                'angra_logout',
                'width=520,height=600,scrollbars=yes,resizable=yes,top=100,left=100'
            );

            if (!popup || popup.closed || typeof popup.closed === 'undefined') {
                // Popup bloqueado — fallback direto
                window.location.href = angraLogoutUrl + '?redirect=' + encodeURIComponent(entrarUrl);
                return;
            }

            // 3. Poll até o popup fechar, depois redireciona o BT para /entrar
            var poll = setInterval(function () {
                try {
                    if (popup.closed) {
                        clearInterval(poll);
                        window.location.href = entrarUrl;
                    }
                } catch (_) {
                    clearInterval(poll);
                    window.location.href = entrarUrl;
                }
            }, 400);
        })
        .catch(function () {
            window.location.href = entrarUrl;
        });
    });
}());
</script>