<?php defined('ABSPATH') || exit; ?>
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
    <meta charset="<?php bloginfo('charset'); ?>">

    <link rel="stylesheet" id="bootstrap-css" href="<?php echo esc_url(plugins_url('public/css/dialbunny.bootstrap.css', dirname(__FILE__, 3))); ?>">
    <link rel="stylesheet" href="<?php echo esc_url(plugins_url('public/fontawesome/css/fontawesome.css', dirname(__FILE__, 3))); ?>">
    <link rel="stylesheet" href="<?php echo esc_url(plugins_url('public/fontawesome/css/solid.css', dirname(__FILE__, 3))); ?>">
    <link rel="stylesheet" href="<?php echo esc_url(plugins_url('public/css/dialbunny.css', dirname(__FILE__, 3))); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script>document.documentElement.setAttribute("data-bs-theme", "light");</script>
</head>

<body class="dialbunny-app">
    <div class="d-flex flex-column flex-root">
            <?php $dialbunny_guestUsername = wp_rand(1, 10000); ?>
            <?php
            include plugin_dir_path(__FILE__) . 'teams.php';
            ?>
    </div>

<script>
window.DialBunnyVideoCallingVars = window.DialBunnyVideoCallingVars || {};
DialBunnyVideoCallingVars.dialbunnyUrl = '<?php echo esc_url(admin_url('admin-ajax.php')); ?>';
DialBunnyVideoCallingVars.dialbunnyRoom = 'guestroom';
DialBunnyVideoCallingVars.dialbunnyUser = 'guest<?php echo esc_attr($dialbunny_guestUsername); ?>';
DialBunnyVideoCallingVars.dialbunnyNonce = 'dialbunny_user_nonce';
</script>
<script src="https://sdk.twilio.com/js/video/releases/2.22.1/twilio-video.min.js"></script>
<script src="<?php echo esc_url(plugins_url('public/js/video/video.js', dirname(__FILE__, 3))); ?>"></script>
<script src="<?php echo esc_url(plugins_url('public/js/dialbunny.bootstrap.min.js', dirname(__FILE__, 3))); ?>"></script>
<script src="<?php echo esc_url(plugins_url('public/js/twilio.min.js', dirname(__FILE__, 3))); ?>"></script>

</body>
</html>
