@extends('layouts.master')
@section('title', 'Dashboard')
@section('pagetitle', 'Students Overview')

@section('content')
    <main>
        <div class="main">
            <div class="student mb-60">
                <div class="header mb-30">
                    <h1 class="hd">@lang('Student')</h1>
{{--                    <button--}}
{{--                        id="addschoolBtn" data-modal-target="#add-school" class="start">--}}
{{--                        <span class="material-icons-sharp">add</span> Add new Students--}}
{{--                    </button>--}}
                </div>

                <div class="subHeading mb-30">
                    <div class="leftsub">
                        <div class="tabletab l-active" data-targetname="allStudents">
                            <h4 class="t-active">All Students</h4>
                            <span class="tabletab-number number active">{{ $totStudentCnt }}</span>
                        </div>
                        <div class="tabletab" data-targetname="activeStudents">
                            <h4>Active</h4>
                            <span class="tabletab-number number">{{ $activeStudentsCnt }}</span>
                        </div>
                        <div class="tabletab" data-targetname="inactiveStudents">
                            <h4>Inactive</h4>
                            <span class="tabletab-number number">{{ $inactiveStudentsCnt }}</span>
                        </div>
                        <div class="tabletab" data-targetname="invited">
                            <h4>Invited</h4>
                            <span class="tabletab-number number">{{ $invitedStudentCnt }}</span>
                        </div>
                    </div>
                    <div class="rightsub">
                        <div class="search">
                            <input
                                type="search"
                                placeholder=" "
                                class="search_input"
                                name=""
                                id=""
                            />
                            <label for="search" class="search_label">Search</label>
                            <span class="material-icons-sharp search-icon">search</span>
                        </div>
                        <div class="ml-10">
                            <button type="submit" class="more">Import List</button>
                            <button type="submit" class="more">Export List</button>
                        </div>
                    </div>
                </div>

                <div id="allStudents" class="table-data all-schools">
                    <table>
                        <thead>
                        <tr>
                            <th>Student name</th>
                            <th>Contact email</th>
                            <th>Phone number</th>
                            <th>Date added</th>
                            <th>Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($students as $student)
                            <tr>
                                <td>{{ !empty($student->getFullname()) ?  $student->getFullname()  : "-" }}</td>
                                <td>{{ !empty(data_get($student, 'email')) ?  data_get($student, 'email')  : "-" }}</td>
                                <td>{{ !empty(data_get($student, 'phone')) ?  data_get($student, 'phone')  : "-" }}</td>
                                <td>{{ !empty(show_date($student->created_at)) ?  show_date($student->created_at)  : "-" }}</td>
                                <td class="text-center align-middle">

                                    <a href="{{ route('super.users.edit', $student) }}"
                                       class="btn btn-icon edit"
                                       title="@lang('Edit User')"
                                       data-toggle="tooltip" data-placement="top">
                                        <i class="fas fa-edit"></i>
                                    </a>

                                    <a href="{{ route('super.users.destroy', $student) }}"
                                       class="btn btn-icon js-remove-list-item"
                                       title="@lang('Delete Plan')"
                                       data-toggle="tooltip"
                                       data-placement="top"
                                       data-method="DELETE"
                                       data-url = "{{ route('super.users.destroy', $student) }}"
                                       data-confirm-title="@lang('Please Confirm')"
                                       data-confirm-text="@lang('Are you sure that you want to delete this user?')"
                                       data-confirm-delete="@lang('Yes, delete!')">
                                        <i class="fas fa-trash"></i>
                                    </a>
                                </td>
                            </tr>

                        @endforeach
                        </tbody>
                    </table>
                </div>
                <div id="activeStudents" class="table-data all-schools none">
                    <table>
                        <thead>
                        <tr>
                            <th>Student name</th>
                            <th>Contact email</th>
                            <th>Phone number</th>
                            <th>Date added</th>
                            <th>Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($activestudents as $student)
                            <tr>
                                <td>{{ !empty($student->getFullname()) ?  $student->getFullname()  : "-" }}</td>
                                <td>{{ !empty(data_get($student, 'email')) ?  data_get($student, 'email')  : "-" }}</td>
                                <td>{{ !empty(data_get($student, 'phone')) ?  data_get($student, 'phone')  : "-" }}</td>
                                <td>{{ !empty(show_date($student->created_at)) ?  show_date($student->created_at)  : "-" }}</td>
                                <td class="text-center align-middle">

                                    <a href="{{ route('super.users.edit', $student) }}"
                                       class="btn btn-icon edit"
                                       title="@lang('Edit User')"
                                       data-toggle="tooltip" data-placement="top">
                                        <i class="fas fa-edit"></i>
                                    </a>

                                    <a href="{{ route('super.users.destroy', $student) }}"
                                       class="btn btn-icon js-remove-list-item"
                                       title="@lang('Delete Plan')"
                                       data-toggle="tooltip"
                                       data-placement="top"
                                       data-method="DELETE"
                                       data-url = "{{ route('super.users.destroy', $student) }}"
                                       data-confirm-title="@lang('Please Confirm')"
                                       data-confirm-text="@lang('Are you sure that you want to delete this user?')"
                                       data-confirm-delete="@lang('Yes, delete!')">
                                        <i class="fas fa-trash"></i>
                                    </a>
                                </td>
                            </tr>

                        @endforeach
                        </tbody>
                    </table>
                </div>
                <div id="inactiveStudents" class="table-data all-schools none">
                    <table>
                        <thead>
                        <tr>
                            <th>Student name</th>
                            <th>Contact email</th>
                            <th>Phone number</th>
                            <th>Leader</th>
                            <th>Date added</th>
                            <th>Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($inactivestudents as $student)
                            <tr>
                                <td>{{ !empty($student->getFullname()) ?  $student->getFullname()  : "-" }}</td>
                                <td>{{ !empty(data_get($student, 'email')) ?  data_get($student, 'email')  : "-" }}</td>
                                <td>{{ !empty(data_get($student, 'phone')) ?  data_get($student, 'phone')  : "-" }}</td>
                                <td>{{ !empty(show_date($student->created_at)) ?  show_date($student->created_at)  : "-" }}</td>
                                <td class="text-center align-middle">
                                    <a href="{{ route('super.users.edit', $student) }}"
                                       class="btn btn-icon edit"
                                       title="@lang('Edit User')"
                                       data-toggle="tooltip" data-placement="top">
                                        <i class="fas fa-edit"></i>
                                    </a>

                                    <a href="{{ route('super.users.destroy', $student) }}"
                                       class="btn btn-icon js-remove-list-item"
                                       title="@lang('Delete Plan')"
                                       data-toggle="tooltip"
                                       data-placement="top"
                                       data-method="DELETE"
                                       data-url = "{{ route('super.users.destroy', $student) }}"
                                       data-confirm-title="@lang('Please Confirm')"
                                       data-confirm-text="@lang('Are you sure that you want to delete this user?')"
                                       data-confirm-delete="@lang('Yes, delete!')">
                                        <i class="fas fa-trash"></i>
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
                <div id="invited" class="table-data all-schools none">
                    <table>
                        <thead>
                        <tr>
                            <th>Student name</th>
                            <th>Contact email</th>
                            <th>Phone number</th>
                            <th>Date added</th>
                            <th>Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($invitedstudents as $student)
                            <tr>
                                <td>{{ !empty($student->getFullname()) ?  $student->getFullname()  : "-" }}</td>
                                <td>{{ !empty(data_get($student, 'email')) ?  data_get($student, 'email')  : "-" }}</td>
                                <td>{{ !empty(data_get($student, 'phone')) ?  data_get($student, 'phone')  : "-" }}</td>
                                <td>{{ !empty(show_date($student->created_at)) ?  show_date($student->created_at)  : "-" }}</td>
                                <td class="text-center align-middle">
                                    <div class="dropdown show d-inline-block">
                                        <a class="btn btn-icon"
                                           href="#" role="button" id="dropdownMenuLink"
                                           data-toggle="dropdown"
                                           aria-haspopup="true" aria-expanded="false">
                                            <i class="fas fa-ellipsis-h"></i>
                                        </a>

                                        <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuLink">
                                            @if (config('session.driver') == 'database')
                                                <a href="{{ route('super.user.sessions', $student) }}" class="dropdown-item text-gray-500">
                                                    <i class="fas fa-list mr-2"></i>
                                                    @lang('User Sessions')
                                                </a>
                                            @endif
                                            <a href="{{ route('super.users.show', $student) }}" class="dropdown-item text-gray-500">
                                                <i class="fas fa-eye mr-2"></i>
                                                @lang('View User')
                                            </a>

                                            @canBeImpersonated($student)
                                            <a href="{{ route('super.impersonate', $student) }}" class="dropdown-item text-gray-500 impersonate">
                                                <i class="fas fa-user-secret mr-2"></i>
                                                @lang('Impersonate')
                                            </a>
                                            @endCanBeImpersonated
                                        </div>
                                    </div>

                                    <a href="{{ route('super.users.edit', $student) }}"
                                       class="btn btn-icon edit"
                                       title="@lang('Edit User')"
                                       data-toggle="tooltip" data-placement="top">
                                        <i class="fas fa-edit"></i>
                                    </a>

                                    <a href="{{ route('super.users.destroy', $student) }}"
                                       class="btn btn-icon"
                                       title="@lang('Delete User')"
                                       data-toggle="tooltip"
                                       data-placement="top"
                                       data-method="DELETE"
                                       data-confirm-title="@lang('Please Confirm')"
                                       data-confirm-text="@lang('Are you sure that you want to delete this user?')"
                                       data-confirm-delete="@lang('Yes, delete him!')">
                                        <i class="fas fa-trash"></i>
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>


        <div id="add-school" class="addnew-modal">
            <div class="cl">
                <div id="close-school-modal" class="x-cancel close-modal-btn">
                    <span class="material-icons-sharp">close</span>
                    <h5 style="display: inline">Close</h5>
                </div>

                <h1>Add New Student</h1>
            </div>

            <div class="input mt-30">
                <form action="">
                    <div class="school-details">
                        <div class="intro">
                            <input
                                type="text"
                                class="intro_input"
                                placeholder=" "
                                name=""
                                id=""
                            />
                            <label for="name" class="intro_label">Student 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">Phone number*</label>
                        </div>
                        <div class="intro">
                            <select name="" id="">
                                <option value=""></option>
                            </select>
                            <label for="email" class="intro_label"
                            >Select Department*</label
                            >
                        </div>
                    </div>
                </form>
                <div class="clear-submit">
                    <button class="editbtn">Add Student</button>
                    <button class="more">Clear</button>
                </div>
            </div>
        </div>
    </main>
@endsection