@extends('components.dashboard.layout.layout')

@section('content')
    @include('components.alert')

    <style>
        .atc-iframe-wrapper {
            width: 100%;
            height: calc(100vh - 120px);
            min-height: 700px;
        }

        .atc-iframe {
            width: 100%;
            height: 100%;
            border: 0;
            display: block;
        }
    </style>

    <div class="atc-iframe-wrapper">
        @if (filled($atcLoginUrl))
            <iframe class="atc-iframe" src="{{ $atcLoginUrl }}" title="ATC iframe"></iframe>
            {{-- <iframe class="atc-iframe" src="https://www.openstreetmap.org/export/embed.html?bbox=31.1800%2C29.9400%2C31.3600%2C30.1000&layer=mapnik" title="ATC iframe"></iframe> --}}

            {{-- <iframe class="atc-iframe" src="https://www.wikipedia.org/" title="ATC iframe"></iframe> --}}
        @else
            <div class="card h-100 d-flex align-items-center justify-content-center text-center p-4">
                <div>
                    <h5 class="mb-2 text-danger">ATC login failed</h5>
                    <p class="mb-0 text-muted">
                        {{ $atcLoginError ?? 'SSO login URL could not be generated.' }}
                    </p>
                </div>
            </div>
        @endif
    </div>

    <script>
        document.addEventListener('DOMContentLoaded', function () {
            const atcLoginUrl = @json($atcLoginUrl);
            const atcLoginError = @json($atcLoginError);
            const iframe = document.querySelector('.atc-iframe');

            console.group('ATC Debug');
            console.log('Page loaded at:', new Date().toISOString());
            console.log('ATC login URL:', atcLoginUrl);
            console.log('ATC login error:', atcLoginError);
            console.log('Iframe exists:', Boolean(iframe));

            if (iframe) {
                console.log('Iframe initial src:', iframe.getAttribute('src'));

                iframe.addEventListener('load', function () {
                    console.log('Iframe load event fired at:', new Date().toISOString());
                    console.log('Iframe current src:', iframe.getAttribute('src'));
                });
            }

            console.groupEnd();
        });
    </script>
    <script>
        window.addEventListener('message', function (e) {
            console.log(e);
            if (e.origin !== 'https://upedia.techurity-eg.com') {
                console.log('e.origin not equal https://upedia.techurity-eg.com');
                return
            };
            if (e.data && e.data.type == ' SSO_SUCCESS') {
                console.log('e.data && e.data.type',e.data && e.data.type);
                window.location.href = e.data.url;
            };
        });


    </script>
@endsection