@extends('alumnus.layouts.master')
@section('title', 'Appointments - Mentor')

@section('content')
    <main>
        <div class="main-heading">
            <h4 class="dash">Dashboard</h4>
            <div class="super-user">
                <div>
                    <h6>Olaoluwa Olagunju</h6>
                    <p>Alumni/Mentor</p>
                </div>
                <div class="s-active">
                    <img class="studentPics" src="{{ asset('images/student4.jpg') }}" alt=""/>
                </div>
            </div>
        </div>

        <div class="main">
            <h1 class="hd mb-30">Overview</h1>
            <h4 class="mb-20 up-appt">Upcoming appointments</h4>
            <div class="insights mb-60">
                <div class="appt_Schedule">
                    <div class="topps">
                        <h4 class="appt-heading mb-30">Today</h4>
                        <div class="scheduleText">
                            <img src="{{ asset('images/student2.jpg') }}" alt=""/>
                            <div class="schedule_name">
                                <h4>Abigail Akepki</h4>
                                <p>09:00 - 11:00 AM</p>
                            </div>
                            <div class="view_schedule">
                                <h5 class="mr-5">View</h5>
                                <h5>Reschedule</h5>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="appt_Schedule">
                    <div class="topps">
                        <h4 class="appt-heading mb-30">Nov 24th, 2019</h4>
                        <div class="scheduleText">
                            <img src="{{ asset('images/student9.jpg') }}" alt=""/>
                            <div class="schedule_name">
                                <h4>Joshua Obateru</h4>
                                <p>12:00 - 01:30 PM</p>
                            </div>
                            <div class="view_schedule">
                                <h5 class="mr-5">View</h5>
                                <h5>Reschedule</h5>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="appt_Schedule">
                    <div class="topps">
                        <h4 class="appt-heading mb-30">Nov 26th, 2019</h4>
                        <div class="scheduleText">
                            <img src="{{ asset('images/student3.jpg') }}" alt=""/>
                            <div class="schedule_name">
                                <h4>Esheohe Ojo</h4>
                                <p>04:00 - 06:00 PM</p>
                            </div>
                            <div class="view_schedule">
                                <h5 class="mr-5">View</h5>
                                <h5>Reschedule</h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="aptt-line"></div>
            <h4 class="mb-30">Recent appointments</h4>
            <div class="apptgrid">
                <div class="recent-appointment">
                    <h4 class="mb-20 appt-heading">oct 20th, 2019</h4>
                    <div class="appt-boxes">
                        <img src="{{ asset('images/student7.jpg') }}" alt=""/>
                        <div class="appt-hbox">
                            <h3>Chigozie Chidebe</h3>
                            <p>11:00 - 11:30AM</p>
                        </div>
                    </div>
                </div>
                <div class="recent-appointment">
                    <h4 class="mb-20 appt-heading">Nov 6th, 2019</h4>
                    <div class="appt-boxes">
                        <img src="{{ asset('images/student9.jpg') }}" alt=""/>
                        <div class="appt-hbox">
                            <h3>Joshua Obateru</h3>
                            <p>12:00 - 01:30 PM</p>
                        </div>
                    </div>
                </div>
                <div class="recent-appointment">
                    <h4 class="mb-20 appt-heading">Nov 8th, 2019</h4>
                    <div class="appt-boxes">
                        <img src="{{ asset('images/student5.jpg') }}" alt=""/>
                        <div class="appt-hbox">
                            <h3>John Ezomo</h3>
                            <p>04:00 - 06:00 PM</p>
                        </div>
                    </div>
                </div>
                <div class="recent-appointment">
                    <h4 class="mb-20 appt-heading">Nov 16th, 2019</h4>
                    <div class="appt-boxes">
                        <img src="{{ asset('images/student8.jpg') }}" alt=""/>
                        <div class="appt-hbox">
                            <h3>Helen Paul</h3>
                            <p>03:00 - 05:00 PM</p>
                        </div>
                    </div>
                </div>
                <div class="recent-appointment">
                    <h4 class="mb-20 appt-heading">Nov 19th, 2019</h4>
                    <div class="appt-boxes">
                        <img src="{{ asset('images/student6.jpg') }}" alt=""/>
                        <div class="appt-hbox">
                            <h3>Oreoluwa Apapa</h3>
                            <p>11:00 - 11:30 AM</p>
                        </div>
                    </div>
                </div>
                <div class="recent-appointment">
                    <h4 class="mb-20 appt-heading">Nov 21st, 2019</h4>
                    <div class="appt-boxes">
                        <img src="{{ asset('images/student2.jpg') }}" alt=""/>
                        <div class="appt-hbox">
                            <h3>Tomi Osiyemi</h3>
                            <p>12:00 - 01:30 PM</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection