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

@section('content')
    <div class="main">
        @include('auth.partials.error')
        <h1 class="hd mb-30">Overview</h1>
        <div class="insights mb-60">
            <div class="s2 sales card-active">
                <div class="topps">
                    <h4>Active schools</h4>
                    <h1>29</h1>
                </div>
                <span class="material-icons-sharp">home</span>
            </div>
            <div class="s2 sales">
                <div class="topps">
                    <h4>Active Alumni</h4>
                    <h1>45</h1>
                </div>
                <span class="material-icons-sharp">supervisor_account</span>
            </div>
            <div class="s2 sales">
                <div class="topps">
                    <h4>Active students</h4>
                    <h1>1,300</h1>
                </div>
                <span class="material-icons-sharp">account_circle</span>
            </div>
        </div>
        <div class="recent-schools mb-60">
            <div class="header mb-30">
                <h2 class="hd">Recent Students</h2>
                <button id="addschoolBtn" data-modal-target="#add-school" class="start">
                    <span class="material-icons-sharp">add</span>
                    Add new Student
                </button>
            </div>

            <table>
                <thead>
                <tr>
                    <th class="text-center">Student name</th>
                    <th class="text-center">Contact Email</th>
                    <th class="text-center">Phone Number</th>
                    <th class="text-center">Date Added</th>
                </tr>
                </thead>
                <tbody>
                @forelse($students as $student)
                    <tr>
                        <td>{{$student->getFullName()}}</td>
                        <td>{{$student->email}}</td>
                        <td>{{$student->phone}}</td>
                        <td>{{$student->created_at->format('d/m/y')}}</td>
                    </tr>
                @empty
                    <p>No Students yet</p>
                @endforelse
                </tbody>
            </table>
            <a href="">View all schools</a>
        </div>


        <div class="recent-schools mb-60">
            <div class="header mb-30">
                <h2 class="hd">Recent Alumnus</h2>
                <button id="addalumniBtn" data-modal-target="#add-school" class="start">
                    <span class="material-icons-sharp">add</span>
                    Add new Alumni
                </button>
            </div>

            <table>
                <thead>
                @if(empty($alumnus))
                    <tr>
                        <th>Student name</th>
                        <th>Contact Email</th>
                        <th>Academic Year</th>
                        <th>Mentor</th>
                    </tr>
                @endif
                </thead>
                <tbody>
                @forelse($alumnus as $alumni)
                    <tr>
                        <td>{{$alumni->getFullName()}}</td>
                        <td>{{$alumni->email}}</td>
                        <td>2020 - 2021</td>
                        <td>No</td>
                    </tr>
                @empty
                    <p>No Alumni yet</p>
                @endforelse
                </tbody>
            </table>
            @empty($alumnus)
                <a href="">View all alumnus</a>
            @endempty
        </div>
    </div>
    <div id="add-school" class="Addnew-schools">
        <div class="cl">
            <div id="close-school-modal" class="x-cancel">
                <span class="modal-close material-icons-sharp">close</span>
                <h5 style="display: inline">Close</h5>
            </div>

            <h1>Add New School</h1>
        </div>

        <div class="input mt-30">
            <div></div>
            <form action="">
                <div class="school-details">
                    <div class="intro">
                        <input type="text" class="intro_input" placeholder=" " name="" id=""/>
                        <label for="name" class="intro_label">School name*</label>
                    </div>
                    <div class="intro">
                        <input type="email" class="intro_input" placeholder=" " name="" id=""/>
                        <label for="email" class="intro_label">Contact email*</label>
                    </div>
                    <div class="intro">
                        <input type="text" class="intro_input" placeholder=" " name="" id=""/>
                        <label for="name" class="intro_label">Admin name*</label>
                    </div>
                    <div class="intro">
                        <input type="email" class="intro_input" placeholder=" " name="" id=""/>
                        <label for="email" class="intro_label">Admin email*</label>
                    </div>
                </div>
            </form>
            <div class="clear-submit">
                <button class="edit">Add School</button>
                <button class="more">Clear</button>
            </div>
        </div>
    </div>
@endsection