<%@ page language="C#" autoeventwireup="true" inherits="Pages_OnlineLearning_TeacherZoomWebApp, App_Web_grlkp1xv" enableEventValidation="false" viewStateEncryptionMode="Never" %>

<!DOCTYPE html>
<head>
    <title>Zoom WebSDK</title>
    <meta charset="utf-8" />
    <link type="text/css" rel="stylesheet" href="https://source.zoom.us/3.8.0/css/bootstrap.css"/>
    <link type="text/css" rel="stylesheet" href="https://source.zoom.us/3.8.0/css/react-select.css"/>
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
</head>
<body>
<style>
    body {
        padding-top: 50px;
    }
</style>

<nav id="nav-tool" class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">Join Meeting...</a>
        </div>
        <div id="navbar">
            <form class="navbar-form navbar-right" id="meeting_form" runat="server">
                <div class="form-group">
                    <input type="hidden" name="display_name" runat="server" id="display_name" value="" placeholder="Name" class="form-control" required >
                </div>
                <div class="form-group">
                    <input type="hidden" name="meeting_number" runat="server" id="meeting_number" value="" placeholder="Meeting Number"  class="form-control" >
                </div>
                <div class="form-group">
                    <input type="hidden" name="meeting_pwd" id="meeting_pwd"  runat="server" value=""  placeholder="Meeting Password"  class="form-control" >
                </div>
         
                <div class="form-group">
                    <select id="meeting_role" class="selectpicker" runat="server" Hidden>
                        <option value=0  hidden>Attendee</option>
                        <option value=1 selected hidden>Host</option>
                        <option value=5 hidden>Assistant</option>
                    </select>
                </div>
                 <input type="hidden" name="API_KEY" runat="server" id="API_KEY" value="" placeholder="Name" class="form-control">
                <input type="hidden" name="SECRETE_KEY" runat="server" id="SECRETE_KEY" value="" placeholder="Name" class="form-control">
               
                <button type="submit" class="btn btn-primary" id="join_meeting">Join</button>
            </form>
        </div><!--/.navbar-collapse -->
    </div>
</nav>


<script src="https://source.zoom.us/3.8.0/lib/vendor/react.min.js"></script>
<script src="https://source.zoom.us/3.8.0/lib/vendor/react-dom.min.js"></script>
<script src="https://source.zoom.us/3.8.0/lib/vendor/redux.min.js"></script>
<script src="https://source.zoom.us/3.8.0/lib/vendor/redux-thunk.min.js"></script>
<script src="https://source.zoom.us/1.7.9/lib/vendor/jquery.min.js"></script>
<script src="https://source.zoom.us/3.8.0/lib/vendor/lodash.min.js"></script>

<script src="https://source.zoom.us/zoom-meeting-3.8.0.min.js"></script>
<%--<script src="js/tool.js"></script>
<script src="js/index.js"></script>--%>
<%--<script src="../../ZoomWebApp/CDN/js/index.js"></script>--%>
    <script src="../../JavaScript/ZoomWebApp/tool.js"></script>
<script src="../../JavaScript/ZoomWebApp/Teacherindex.js"></script>

   <script type="text/javascript">
       $(".join-audio-by-phone__step").hide();
   </script>
</body>
</html>
