<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Create Webinar</title>
    <link rel="stylesheet" href="/css/webinar.css">
</head>
<body>
    <div class="container">
        <h1>Schedule New Webinar</h1>
        <form id="webinarForm">
            <div class="form-group">
                <label for="title">Webinar Title:</label>
                <input type="text" id="title" required>
            </div>
            
            <div class="form-group">
                <label for="description">Description:</label>
                <textarea id="description" rows="4" required></textarea>
            </div>

            <div class="form-group">
                <label for="datetime">Date & Time:</label>
                <input type="datetime-local" id="datetime" required>
            </div>

            <div class="form-group">
                <label for="duration">Duration (minutes):</label>
                <input type="number" id="duration" min="30" value="60" required>
            </div>

            <div class="form-group">
                <label>
                    <input type="checkbox" id="isPublic"> Public Webinar
                </label>
            </div>

            <button type="submit">Schedule Webinar</button>
        </form>
    </div>
    <script src="/socket.io/socket.io.js"></script>
    
    
    <script src="/js/webinar.js"></script>
</body>
</html>