@extends('layouts.admin')
@section('admin')
    <div id="root"></div>
@endsection

@section('js')
    <script src="https://unpkg.com/@zegocloud/zego-uikit-prebuilt/zego-uikit-prebuilt.js"></script>
    <script>
        window.onload = function () {
            function getUrlParams(url) {
                let urlStr = url.split('?')[1];
                const urlSearchParams = new URLSearchParams(urlStr);
                const result = Object.fromEntries(urlSearchParams.entries());
                return result;
            }


            // Generate a Token by calling a method.
            // @param 1: appID
            // @param 2: serverSecret
            // @param 3: Room ID
            // @param 4: User ID
            // @param 5: Username
            const roomID = getUrlParams(window.location.href)['roomID'] || (Math.floor(Math.random() * 10000) + "");
            const userID = Math.floor(Math.random() * 10000) + "";
            const userName = "userName" + userID;
            const appID = 1113225619;
            const serverSecret = "2b8d8547ad0f1464a4f9b9831250dba2";
            const kitToken = ZegoUIKitPrebuilt.generateKitTokenForTest(appID, serverSecret, roomID, userID, userName);


            const zp = ZegoUIKitPrebuilt.create(kitToken);
            zp.joinRoom({
                container: document.querySelector("#root"),
                sharedLinks: [{
                    name: 'Personal link',
                    url: window.location.protocol + '//' + window.location.host + window.location.pathname + '?roomID=' + roomID,
                }],
                scenario: {
                    mode: ZegoUIKitPrebuilt.VideoConference,
                },

                turnOnMicrophoneWhenJoining: true,
                turnOnCameraWhenJoining: true,
                showMyCameraToggleButton: true,
                showMyMicrophoneToggleButton: true,
                showAudioVideoSettingsButton: true,
                showScreenSharingButton: true,
                showTextChat: true,
                showUserList: true,
                maxUsers: 2,
                layout: "Auto",
                showLayoutButton: false,

            });
        }
    </script>
    {{--    <script src="https://cdn.zegocloud.com/sdk/latest/ZegoExpressWebRTC.js"></script>--}}
    {{--    <script>--}}
    {{--        const appID = "1113225619";--}}
    {{--        const userID = "{{ Auth::user()->id }}"; // Use the actual user ID--}}
    {{--        const userName = "{{ Auth::user()->name }}"; // Use the actual user name--}}
    {{--        const token = "{{$token}}";--}}

    {{--        // Initialize ZegoExpressEngine--}}
    {{--        const zg = new ZegoExpressEngine(appID);--}}

    {{--        // Login to room--}}
    {{--        zg.loginRoom("room1", token, {--}}
    {{--            userID: userID,--}}
    {{--            userName: userName--}}
    {{--        }, {userUpdate: true})--}}
    {{--            .then(async () => {--}}
    {{--                // Start publishing stream after successful login--}}
    {{--                try {--}}
    {{--                    const localStream = await zg.createStream();--}}
    {{--                    document.querySelector('#local-video').srcObject = localStream;--}}
    {{--                    zg.startPublishingStream("stream1", localStream);--}}
    {{--                } catch (error) {--}}
    {{--                    console.error('Error creating or publishing stream:', error);--}}
    {{--                }--}}
    {{--            })--}}
    {{--            .catch(error => {--}}
    {{--                console.error('Login error:', error);--}}
    {{--            });--}}

    {{--        // You might want to add event listeners for stream updates--}}
    {{--        zg.on('roomStreamUpdate', (roomID, updateType, streamList) => {--}}
    {{--            console.log('Stream update:', updateType, streamList);--}}
    {{--            // Handle stream updates here--}}
    {{--        });--}}
    {{--    </script>--}}

    {{--    <script src="https://cdn.zegocloud.com/sdk/latest/ZegoExpressWebRTC.js"></script>--}}
    {{--    <script>--}}
    {{--        const yourAppToken = '04AAAAAGiJDpoADO2OYjdcLLVuMEqAXQCuPeXZAi+ZdqDdMbcqNzzwdGLXHCz7UWIcTfZEA2XJ3f6UFEzYrQa4jS3zknGn59XR4R8q1pEh9oK9dguvd43N863x4XJefY0yLRDW8zSVI0Yk2gYOWxl00VGahRpiVmXFuyVezgvBF0Pv2W6vVyNpTPUu1nZnITjrTuX192W3ls3ql9DMp3wZpBx7LQknBc/WEPxlouG7Cn7FgWmbor32PIeJHVfoKexHnmz5Uy3/AQ==';--}}
    {{--        const zp = ZegoPrebuiltUIKit.create(yourAppToken);--}}
    {{--        zp.joinRoom({--}}
    {{--            container: document.querySelector("#root"),--}}
    {{--        });--}}
    {{--    </script>--}}
@endsection