<%- include('../Includes/begin.ejs') %>

<%- include('../Includes/student_nav.ejs') %>


<section id="content-wrapper">
    <main role="main" class="pt-5 main">
        <div class="main-content">
            <!-- Header -->
            <div class="header pb-4 pb-sm-8 pt-5 pt-lg-8 d-flex align-items-center"
                style="height: 100px; background-size: cover; background-position: center top;">
                <!-- Header container -->
            </div>
            <!-- Page content -->
            <div class="container-fluid mt--7">
                <div class="row">
                    <div class="col-xl-12 order-xl-1">
                        <div class="card bg-secondary shadow">
                            <div class="card-header bg-white border-0">
                                <div class="row align-items-center">
                                    <div class="col-8">
                                        <h3 class="mb-0">View Attendance</h3>
                                    </div>

                                </div>
                            </div>
                            <div class="card-body">
                                <h6 class="heading-small text-muted mb-4">Select Semester</h6>

                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group focused">
                                            <form action="/student/selectAttendance" method="POST">
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <label for="year-input" class="form-control-label">
                                                            Year
                                                        </label>
                                                        <select class="form-control" id="year-input" name="year"
                                                            style="height: max-content;">
                                                            <% for(let i = 2018; i <= 2023; ++i) { %>
                                                            <option>
                                                                <%=i%>
                                                            </option>
                                                            <% } %>
                                                        </select>
                                                    </div>
                                                    <div class="col-lg-12">
                                                        <div class="form-group">
                                                            <label class="form-control-label"
                                                                for="semester">Semester</label>
                                                            <select class="form-control" id="semester" name="semester"
                                                                style="height: max-content;">
                                                                <% for(let i = 1; i <= 8; i++) { %>
                                                                <option>
                                                                    <%=i%>
                                                                </option>
                                                                <% } %>
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <button type="submit" class="btn btn-primary btn-block">
                                                    See Student's List</button>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
</section>

<%- include('../Includes/student_end.ejs') %>