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

<link rel="stylesheet" href="../CSS/admin-dashboard.css">

<div class="container-fluid">

    <div id="wrapper">

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

        <section id="content-wrapper">
            <main role="main" class="pt-5 main">
                <div class="header pb-4 pb-sm-8 pt-5 pt-lg-4 d-flex align-items-center"
                    style="max-height: 100px; background-size: cover; background-position: center top;">
                    <h1>Hello <%= user.name %></h1>
                </div>

                <hr>

                <div class="row">
                    <div class="col-sm-4">
                        <div class="card mb-5" style="box-shadow: 0 1rem 2rem 0 rgba(136, 152, 170, .15) !important;">
                            <img height="250" class="card-img-top"
                                src="https://www.middleweb.com/wp-content/uploads/2017/02/staff-meeting.png"
                                alt="image">
                            <div class="card-body">
                                <h5 class="card-title">Manage Staff</h5>
                                <p class="card-text">Manage your staff here. You can edit and
                                    can add or remove a staff. All your changes will be reflected to them as well.
                                </p>
                            </div>
                            <div class="card-footer">
                                <div class="btn-wrapper text-center d-flex justify-content-between"
                                    style="color: #fff;">
                                    <a href="/admin/addStaff" class="btn btn-success">Add</a>
                                    <a href="/admin/getStaff" class="btn btn-danger">Modify</a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-sm-4">
                        <div class="card mb-5" style="box-shadow: 0 1rem 2rem 0 rgba(136, 152, 170, .15) !important;">
                            <img height="250" class="card-img-top"
                                src="https://i.ytimg.com/vi/KZ7uzZQHnLw/maxresdefault.jpg"
                                alt="image">
                            <div class="card-body">
                                <h5 class="card-title">Manage Student</h5>
                                <p class="card-text">Manage your student's profile here (edit/add/remove). All your
                                    changes will be reflected to them as well.
                                </p>

                            </div>
                            <div class="card-footer">
                                <div class="btn-wrapper text-center d-flex justify-content-between"
                                    style="color: #fff;">
                                    <a href="/admin/addStudent" class="btn btn-success">Add</a>
                                    <a href="/admin/getStudent" class="btn btn-danger">Modify</a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-sm-4">
                        <div class="card mb-5" style="box-shadow: 0 1rem 2rem 0 rgba(136, 152, 170, .15) !important;">
                            <img height="250" class="card-img-top"
                                src="https://5.imimg.com/data5/DV/TB/XY/ANDROID-43376495/product-jpeg-500x500.jpg" alt="image">
                            <div class="card-body">
                                <h5 class="card-title">Manage Courses</h5>
                                <p class="card-text">Manage courses here (edit/add/remove). All your changes will be
                                    reflected in the database.
                                </p>
                                
                            </div>
                            <div class="card-footer">
                                <div class="btn-wrapper text-center d-flex justify-content-between"
                                    style="color: #fff;">
                                    <a href="/admin/addCourse" class="btn btn-success">Add</a>
                                    <a href="/admin/getCourse" class="btn btn-danger">Modify</a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- <div class="col-sm-5">
                        <div class="card mb-5" style="box-shadow: 0 1rem 2rem 0 rgba(136, 152, 170, .15) !important;">
                            <img height="250" class="card-img-top"
                                src="http://vskills.in/certification/blog/wp-content/uploads/2014/03/3-major-types-of-reports.png"
                                alt="image">
                            <div class="card-body">
                                <h5 class="card-title">Student Report</h5>
                                <p class="card-text">Manage your student's report here (marks). All
                                    your
                                    changes will be reflected to them as well.
                                </p>
                                </div>
                                <div class="card-footer">
                                    <div class="btn-wrapper text-center d-flex justify-content-between" style="color: #fff;">
                                        <a href="admin/student-report" class="btn btn-primary">Student Report</a>
                                    </div>
                                </div>
                                </div>
                                </div> -->

                                <!-- <div class="col-sm-6">
                                    <div class="card mb-5" style="box-shadow: 0 1rem 2rem 0 rgba(136, 152, 170, .15) !important;">
                                        <img height="250" class="card-img-top"
                                            src="https://itslearning.com/uk/wp-content/uploads/sites/19/slider58/reports.png"> -->
                                        <!-- <div class="card-body">
                                            <h5 class="card-title">Generate Class Report</h5>
                                            <p class="card-text">See how well your class is performing! Generate the overall class report
                                                (Attendace/Marks) here.
                                            </p>
                                
                                        </div> -->
                                        <!-- <div class="card-footer">
                                            <div class="btn-wrapper text-center d-flex justify-content-between" style="color: #fff;">
                                                <a href="admin/class-report" class="btn btn-danger">Class Report</a>
                                            </div>
                </div> -->

            </main>
        </section>

    </div>



</div>



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