@extends('adminlte::page')

@section('content_header')
<h1> Meeting Room </h1>
@endsection

@section('css')
<style>#jaas-container { height: 800px; }</style>
@endsection

@section('jitsiMeet8x8')


<script src='https://meet.jit.si/external_api.js'></script>
<script type="text/javascript">
    window.onload = () => {
    const domain = 'meet.jit.si';
    const options = {
        roomName: "{{ tenant('id') }}/MeetingRoomGestionaleDiFamiglia",
        width: 900,
        height: 700,
        parentNode: document.querySelector('#jaas-container')
    };
    const api = new JitsiMeetExternalAPI(domain, options);
    }
 </script>
  @endsection

  @section('js');
  <script src='https://8x8.vc/vpaas-magic-cookie-5a351a6a1e444dca929fd60cd2573a19/external_api.js' async></script>
  <script type="text/javascript">
      window.onload = () => {
        const api = new JitsiMeetExternalAPI("8x8.vc", {
          roomName: "vpaas-magic-cookie-5a351a6a1e444dca929fd60cd2573a19/{{ tenant('id') }}CommonMeetingRoom",
          parentNode: document.querySelector('#jaas-container'),
                        // Make sure to include a JWT if you intend to record,
                        // make outbound calls or use any other premium features!
                        // jwt: "eyJraWQiOiJ2cGFhcy1tYWdpYy1jb29raWUtNWEzNTFhNmExZTQ0NGRjYTkyOWZkNjBjZDI1NzNhMTkvYzEyODBiLVNBTVBMRV9BUFAiLCJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJhdWQiOiJqaXRzaSIsImlzcyI6ImNoYXQiLCJpYXQiOjE2OTczNjEzMDksImV4cCI6MTY5NzM2ODUwOSwibmJmIjoxNjk3MzYxMzA0LCJzdWIiOiJ2cGFhcy1tYWdpYy1jb29raWUtNWEzNTFhNmExZTQ0NGRjYTkyOWZkNjBjZDI1NzNhMTkiLCJjb250ZXh0Ijp7ImZlYXR1cmVzIjp7ImxpdmVzdHJlYW1pbmciOmZhbHNlLCJvdXRib3VuZC1jYWxsIjpmYWxzZSwic2lwLW91dGJvdW5kLWNhbGwiOmZhbHNlLCJ0cmFuc2NyaXB0aW9uIjpmYWxzZSwicmVjb3JkaW5nIjpmYWxzZX0sInVzZXIiOnsiaGlkZGVuLWZyb20tcmVjb3JkZXIiOmZhbHNlLCJtb2RlcmF0b3IiOnRydWUsIm5hbWUiOiJUZXN0IFVzZXIiLCJpZCI6Imdvb2dsZS1vYXV0aDJ8MTEwMjUxODA2OTcwOTAzNDY1NzQ2IiwiYXZhdGFyIjoiIiwiZW1haWwiOiJ0ZXN0LnVzZXJAY29tcGFueS5jb20ifX0sInJvb20iOiIqIn0.cCTqxrS72XAKUHEGopn76BMWxUNv7Z-XgoCp3XyQxekxq32nh5wl7a64rdlxu_shxego3LC01dB4VyIAYj-KccXvRIrw8ZRPZUdZVEDw0mOQMxTP2UESfjvZxK5Go-iH2bQOQu5tVdCmS-xL1_Y7LGDm3tk31QRiws-G2PK3C4cub5UGVStmqNiwkLqTyBjni36pFSVEGuKbbnPMmnTHryIe8VuVRnp54x_pr940yi9kAg87TaAEAnnbNoP06vr5pc1K3DZKdgs8dxgL5EW85Y3hWAHgW35ENIBbqRjC6qkaMFJNy7LFdw_yo_8IYS7iJfoWx1n7C5_g0kddEAtooQ"
                        // vpaas-magic-cookie-5a351a6a1e444dca929fd60cd2573a19/{{ tenant('id') }}SampleAppSecureRealitiesMissOpposite
        });
      }
    </script>
  @endsection

  @section('content')
  <div class="container">
    <div class="row p-2">
        <div class="col">
            <!--<div id="jaas-container"/>-->
            <iframe
    allow="camera; microphone; display-capture; fullscreen; clipboard-read; clipboard-write; web-share; autoplay"
    src="https://incall.lavorain.cloud/join?room=meet_{{ tenant('id') }}&name={{ str_replace(' ', '_', Auth::user()->name ) }}&audio=1&video=1&screen=0&hide=0&notify=0"
    style="height: 100vh; width: 100vw; border: 0px;"
></iframe>
        </div>
    </div>
  </div>
  @endsection