@extends('alumnus.layouts.master')
@section('title', 'Dashboard')

@section('content')
    <div class="main">
        <h1 class="hd mb-30">Overview</h1>
        <div class="insights mb-60">
            <div class="sales card-active">
                <div class="topps">
                    <h4 class="student-ment mt-10">My School</h4>
                    <div class="studentcard">
                        <h1>University of Lagos</h1>
                        <img
                            class="AlumniCardPics"
                            src="{{ asset('assets/images/university-of-lagos-logo.png') }}"
                            alt=""
                        />
                    </div>
                </div>
            </div>
            <div class="sales">
                <div class="topps">
                    <h4>Mentees</h4>
                    <h1>45</h1>
                </div>
                <span class="material-icons-sharp">supervisor_account</span>
            </div>
            <div class="sales sales-color">
                <div class="topps">
                    <h4>My appointment</h4>
                    <div class="schedule">
                        <img src="{{ asset("assets/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 class="appt-line"></div>
                <div class="appt-view">
                    <h4>View appointment</h4>
                </div>
            </div>
        </div>
        <div class="alum-mess">
            <div class="recent-schoos">
                <h2 class="hd mb-30">Mentees</h2>
                <table>
                    <thead>
                    <tr>
                        <th>Student name</th>
                        <th>Contact email</th>
                        <th class="">Phone number</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>John Boyega</td>
                        <td>jonboyega@rocketmail.com</td>
                        <td>0818601545</td>
                    </tr>

                    <tr>
                        <td>Doyin Ogundipe</td>
                        <td>doyin.ogundipe@gmail.com</td>
                        <td>08022033482</td>
                    </tr>
                    <tr>
                        <td>Folarin Adewunmi</td>
                        <td>foladewunmi@gmail.com</td>
                        <td>08122250977</td>
                    </tr>
                    <tr>
                        <td>Fope Babanji</td>
                        <td>fopsygirl@icloud.com</td>
                        <td>09023432134</td>
                    </tr>
                    <tr>
                        <td>Timilehin Phillips</td>
                        <td>timiphillips@me.com</td>
                        <td>08112345643</td>
                    </tr>
                    </tbody>
                </table>
                <a href="">View all mentees</a>
            </div>
            <div class="messages">
                <h2 class="mb-20">Messages</h2>
                <div class="message">
                    <img src="{{ asset('assets/images/student3.jpg') }}" alt=""/>
                    <div class="mgg">
                        <h5>Olaoluwa Olagunju</h5>

                        <p class="otherP">
                            I think using a prosthetic material might have...
                        </p>
                    </div>
                    <div class="mg-num">
                        <p>20 min ago</p>
                        <span>4</span>
                    </div>
                </div>
                <div class="message">
                    <img class="stuborn" src="{{ asset('assets/images/student4.jpg') }}" alt=""/>
                    <div class="mgg">
                        <h5>Olaoluwa's mentees</h5>
                        <p class="otherP">Let's have a meet up tomorrow. sat 2 Pm?</p>
                    </div>
                    <div class="mg-num">
                        <p>12:23 PM</p>
                        <span>2</span>
                    </div>
                </div>
                <div class="message">
                    <img
                        class="stuborn"
                        src="{{ asset('assets/images/university-of-lagos-logo.png') }}"
                        alt=""
                    />
                    <div class="mgg">
                        <h5>University of Lagos: Engineering</h5>
                        <p class="otherP">
                            I might not be available on Thursday but I'll c..
                        </p>
                    </div>

                    <div class="mg-num">
                        <p>11:15 PM</p>
                        <span>2</span>
                    </div>
                </div>
                <div class="message">
                    <img class="stuborn" src="{{ asset('assets/images/student4.jpg') }}" alt=""/>
                    <div class="mgg">
                        <h5>Olaoluwa's mentees</h5>
                        <p class="otherP">Let's have a meet up tomorrow. sat 2 Pm?</p>
                    </div>
                    <p class="mins">Yesterday</p>
                </div>
                <div class="message">
                    <img class="stuborn" src="{{ asset('assets/images/girlio.png') }}" alt=""/>
                    <div class="mgg">
                        <h5>Olaoluwa's mentees</h5>
                        <p class="otherP">Let's have a meet up tomorrow. sat 2 Pm?</p>
                    </div>
                    <p class="mins">Today</p>
                </div>
                <a href=""> View all messages</a>
            </div>
        </div>
    </div>
@endsection