@extends('adminlte::page')

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

@section('css')
<style>#jaas-container { height: 800px; }</style>
@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/SampleAppSecureRealitiesMissOpposite",
        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"
      });
    }
  </script>
  @endsection

  @section('content')
  <div class="container">
    <div class="row p-2">
        <div class="col">
            <div id="jaas-container"/>
        </div>
    </div>
  </div>
  @endsection