@extends('layouts.master')
@section('title', 'Mentors')
@section('pagetitle', 'List of Mentors')
@section('content')
    <main>
        <div class="main">
            @include('layouts.partials.messages')
            @include('auth.partials.error')
            <div class="student mb-60">
                <div class="header mb-30">
                    <h1 class="hd">{{ __('Mentors') }}</h1>
                </div>

                <div class="subHeading mb-30">
                    <div class="leftsub">
                        <div class="tabletab l-active" data-targetname="allMentors">
                            <h4 class="t-active">All Mentors</h4>
                            <span class="tabletab-number number active">{{ $totMentorCnt }}</span>
                        </div>
                        <div class="tabletab" data-targetname="activeMentors">
                            <h4>Active</h4>
                            <span class="tabletab-number number">{{ $activeMentorsCnt }}</span>
                        </div>
                        <div class="tabletab" data-targetname="inactiveMentors">
                            <h4>Inactive</h4>
                            <span class="tabletab-number number">{{ $inactiveMentorsCnt }}</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="allMentors" class="table-data all-schools">
                    <table>
                        <thead>
                        <tr>
                            <th>Mentor name</th>
                            <th>Assigned Mentees</th>
                            <th>Max Mentees</th>
                            <th>Contact email</th>
                            <th>Phone number</th>
                            <th>Date added</th>
                            <th>Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($mentors as $mentor)
                            <tr>
                                <td>{{ !empty($mentor->getFullname()) ?  $mentor->getFullname()  : "-" }}</td>
                                <td>{{ !empty(data_get($mentor, 'assigned_mentees_count')) ?  data_get($mentor, 'assigned_mentees_count')  : "0" }}</td>
                                <td>{{ !empty(data_get($mentor, 'maximum_mentees')) ?  data_get($mentor, 'maximum_mentees')  : "-" }}</td>
                                <td>{{ !empty(data_get($mentor, 'email')) ?  data_get($mentor, 'email')  : "-" }}</td>
                                <td>{{ !empty(data_get($mentor, 'phone')) ?  data_get($mentor, 'phone')  : "-" }}</td>
                                <td>{{ !empty(show_date($mentor->created_at)) ?  show_date($mentor->created_at)  : "-" }}</td>
                                <td class="text-center align-middle">

                                    <a href="{{ route('super.users.edit', $mentor) }}"
                                       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', $mentor) }}"
                                       class="btn btn-icon js-remove-list-item"
                                       title="@lang('Delete Mentor')"
                                       data-toggle="tooltip"
                                       data-placement="top"
                                       data-method="DELETE"
                                       data-url = "{{ route('super.users.destroy', $mentor) }}"
                                       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="activeMentors" class="table-data all-schools none">
                    <table>
                        <thead>
                        <tr>
                            <th>Mentor name</th>
                            <th>Assigned Mentees</th>
                            <th>Max Mentees</th>
                            <th>Contact email</th>
                            <th>Phone number</th>
                            <th>Date added</th>
                            <th>Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($activementors as $mentor)
                            <tr>
                                <td>{{ !empty($mentor->getFullname()) ?  $mentor->getFullname()  : "-" }}</td>
                                <td>{{ !empty(data_get($mentor, 'assigned_mentees_count')) ?  data_get($mentor, 'assigned_mentees_count')  : "0" }}</td>
                                <td>{{ !empty(data_get($mentor, 'maximum_mentees')) ?  data_get($mentor, 'maximum_mentees')  : "-" }}</td>
                                <td>{{ !empty(data_get($mentor, 'email')) ?  data_get($mentor, 'email')  : "-" }}</td>
                                <td>{{ !empty(data_get($mentor, 'phone')) ?  data_get($mentor, 'phone')  : "-" }}</td>
                                <td>{{ !empty(show_date($mentor->created_at)) ?  show_date($mentor->created_at)  : "-" }}</td>
                                <td class="text-center align-middle">

                                    <a href="{{ route('super.users.edit', $mentor) }}"
                                       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', $mentor) }}"
                                       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', $mentor) }}"
                                       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="inactiveMentors" class="table-data all-schools none">
                    <table>
                        <thead>
                        <tr>
                            <th>Mentor name</th>
                            <th>Assigned Mentees</th>
                            <th>Max Mentees</th>
                            <th>Contact email</th>
                            <th>Phone number</th>
                            <th>Date added</th>
                            <th>Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($inactivementors as $mentor)
                            <tr>
                                <td>{{ !empty($mentor->getFullname()) ?  $mentor->getFullname()  : "-" }}</td>
                                <td>{{ !empty(data_get($mentor, 'assigned_mentees_count')) ?  data_get($mentor, 'assigned_mentees_count')  : "0" }}</td>
                                <td>{{ !empty(data_get($mentor, 'maximum_mentees')) ?  data_get($mentor, 'maximum_mentees')  : "-" }}</td>
                                <td>{{ !empty(data_get($mentor, 'email')) ?  data_get($mentor, 'email')  : "-" }}</td>
                                <td>{{ !empty(data_get($mentor, 'phone')) ?  data_get($mentor, 'phone')  : "-" }}</td>
                                <td>{{ !empty(show_date($mentor->created_at)) ?  show_date($mentor->created_at)  : "-" }}</td>
                                <td class="text-center align-middle">
                                    <a href="{{ route('super.users.edit', $mentor) }}"
                                       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', $mentor) }}"
                                       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', $mentor) }}"
                                       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>
        </div>
    </main>
@endsection