<%- include('navbar.ejs') %>

<div class="container mt-4">

    <h3>Edit Mentor</h3>

    <form method="post" action="/admin/update-mentor">

        <input type="hidden" name="id" value="<%= mentor.id %>">

        <div class="mb-3">
            <label>Name</label>
            <input type="text" name="name" value="<%= mentor.name %>" class="form-control" required>
        </div>

        <div class="mb-3">
            <label>Email</label>
            <input type="email" name="email" value="<%= mentor.email %>" class="form-control" required>
        </div>

        <div class="mb-3">
            <label>Assign Courses</label><br>

            <% courses.forEach(c => { %>

                <label>
                    <input type="checkbox" name="course_ids[]" value="<%= c.course_id %>"
                    
                    <%= selectedCourses.includes(c.course_id) ? "checked" : "" %> >
                    
                    <%= c.course_name %>
                </label><br>

            <% }) %>

        </div>

        <button class="btn btn-success">Update Mentor</button>

    </form>

</div>
<script>
    if (window.location.search) {
        window.history.replaceState({}, document.title, window.location.pathname);
    }
</script>

<%- include('footer.ejs') %>