<!DOCTYPE html>
<html>

<head>
    <% include ./Layout/Head.ejs %>
</head>

<body>
    <div id="root" class="g4caf50">

        <% include ./Layout/Navbar.ejs %>
        <!-- ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->

        <br>
        <div class="container">
            <div class="row">
                <div class="col s12 m8 push-m2">
                    <div class="card hoverable">
                        <div class="card-content">
                            <div class="card-title center">Create New Conference</div>
                            <form method="POST" action="/conference">
                                <div class="input-field">
                                    <input id="name" type="text" class="validate" name="NAME" required="" aria-required="true">
                                    <label for="name">Conference Name</label>
                                </div>
                                <div class="input-field">
                                    <input id="location" type="text" class="validate" name="LOCATION" required=""
                                        aria-required="true">
                                    <label for="location">Location</label>
                                </div>
                                <div class="input-field">
                                    <input id="datepicker" type="text" name="DATE" class="datepicker" class="validate"
                                        required="" aria-required="true">
                                    <label for="datepicker">Conference Date</label>
                                </div>
                                <div class="input-field">
                                    <input id="datepicker2" type="text" name="DEADLINE" class="datepicker" class="validate"
                                        required="" aria-required="true">
                                    <label for="datepicker2">Paper Submission Deadline</label>
                                </div>
                                <br>
                                <div>
                                    <span class="marginAll">Add Reviewers for this Conference</span><br><br>
                                    <%for(var i=0; i<Reviewers.length; i++){%>
                                    <label class="marginAll">
                                        <input name="REVIEWERS" value="<%=Reviewers[i]._id%>" type="checkbox" />
                                        <span class="marginAll">
                                            <%=Reviewers[i]._name%></span>
                                    </label>
                                    <br>
                                    <br>
                                    <%}%>
                                </div>
                                <div class="marginAll">
                                    <button class="btn waves-effect waves-light themeAccent z-depth-0 btn fullw" type="submit">Create
                                        Conference</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- ////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->
        <% include ./Layout/Footer.ejs %>
    </div>
    <!-- //////////////////////////////////////////////////////////////////////////////////// -->
    <% include ./Layout/ScriptTag.ejs %>

</body>

</html>