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

@section('content')
    <div class="main">
        @include('auth.partials.error')
        <div class="student mb-60">
            <div class="header mb-30">
                <h1 class="hd">Alumni</h1>
                <button
                    id="addschoolBtn"
                    data-modal-target="#add-school"
                    class="start"
                >
                    <span class="material-icons-sharp">add</span> Add new alumni
                </button>
            </div>

            <div class="subHeading mb-30">
                <div class="leftsub">
                    <div
                        class="leftsubLinks {{!(request()->has("type") && request("type")==Guildroom\Enums\UserRoles::MENTOR) ? "l-active" : ""}}">
                        <a href="{{route('admin.alumni')}}">
                            <h4 class="{{!(request()->has("type") && request("type")==Guildroom\Enums\UserRoles::MENTOR) ? "t-active" : ""}}">
                                All Alumni</h4>
                        </a>
                        <span class="number active">{{$totalAlumni}}</span>
                    </div>
                    <div
                        class="leftsubLinks {{(request()->has("type") && request("type")==Guildroom\Enums\UserRoles::MENTOR) ? "l-active" : ""}}">
                        <a href="{{route('admin.alumni',["type"=>Guildroom\Enums\UserRoles::MENTOR])}}">
                            <h4 class="{{(request()->has("type") && request("type")==Guildroom\Enums\UserRoles::MENTOR) ? "t-active" : ""}}">
                                Mentor</h4>
                        </a>
                        <span class="number">{{$totalMentors}}</span>
                    </div>
                </div>
                <div class="rightsub">
                    <div class="search">
                        <form action="{{route("admin.alumni")}}" method="GET">
                            <input
                                type="search"
                                placeholder=""
                                class="search_input"
                                name="search"
                                value="{{request("search")}}"
                                id=""
                            />
                            <label for="search" class="search_label">Search</label>
                            <span class="material-icons-sharp search-icon">search</span>
                        </form>
                    </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 class="all-schools">
                <table>
                    <thead>
                    <tr>
                        <th>Student Name</th>
                        <th>Contact Email</th>
                        <th>Phone Number</th>
                        <th>Academic Year</th>
                        <th>Mentor</th>
                    </tr>
                    </thead>
                    <tbody>
                    @forelse($alumni as $alumnus)
                        <tr>
                            <td>{{$alumnus->getFullName()}}</td>
                            <td>{{$alumnus->email}}</td>
                            <td>{{$alumnus->phone}}</td>
                            <td>{{$alumnus->profile_answers["academic_year"]["from"] ?? "None"}}
                                - {{$alumnus->profile_answers["academic_year"]["to"] ?? "None"}}</td>
                            <td>{{$alumnus->role_id == $roles[Guildroom\Enums\UserRoles::MENTOR] ? "Yes" : "No"}}</td>
                        </tr>
                    @empty
                        <p>No Alumni Yet</p>
                    @endforelse
                    </tbody>
                </table>
            </div>
            @empty(!$alumni)
                @if($alumni->previousPageUrl())
                    <a href="{{$alumni->previousPageUrl()}}">
                        <button type="submit" class="start prev-btn">Load Previous
                        </button>
                    </a>
                @endif

                @if($alumni->nextPageUrl())
                    <a href="{{$alumni->nextPageUrl()}}">
                        <button type="submit" class="start all-schools-btn">
                            Load Next
                        </button>
                    </a>
                @endif
            @endempty
        </div>
    </div>

    <div id="add-school" class="Addnew-schools" style="height: 90%">
        <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 Alumni</h1>
        </div>

        <div class="input mt-30">
            <div></div>
            <form action="{{route("admin.student")}}" method="POST" id="new-student-form">
                @csrf

                <input type="checkbox" name="is_alumni" checked hidden>

                <div class="school-details">
                    <div class="row">
                        <div class="col-6">
                            <div class="intro">
                                <input type="text" class="intro_input" placeholder=" " name="first_name"
                                       id="first_name"/>
                                <label for="first_name" class="intro_label">Alumni First Name*</label>
                            </div>
                        </div>

                        <div class="col-6">
                            <div class="intro">
                                <input type="text" class="intro_input" placeholder=" " name="last_name" id="last_name"/>
                                <label for="last_name" class="intro_label">Alumni Last Name*</label>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-12">
                            <div class="intro">
                                <input type="email" class="intro_input" placeholder=" " name="email" id="email"/>
                                <label for="email" class="intro_label">Alumni Email*</label>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-12">
                            <div class="intro">
                                <input type="text" class="intro_input" placeholder=" " name="phone" id="phone"/>
                                <label for="phone" class="intro_label">Alumni Phone Number*</label>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-6">
                            <div class="intro">
                                <input type="number" class="intro_input" placeholder=" " name="from" id="phone"/>
                                <label for="phone" class="intro_label">Alumni Matric Year*</label>
                            </div>
                        </div>

                        <div class="col-6">
                            <div class="intro">
                                <input type="number" class="intro_input" placeholder=" " name="to" id="phone"/>
                                <label for="phone" class="intro_label">Alumni Graduation Year*</label>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-12">
                            <div class="intro">
                                <select name="gender_id" id="gender_id" required>
                                    <option value="">Student Gender*</option>
                                    @foreach($genders as $gender)
                                        <option value="{{ $gender->id }}">{{ $gender->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="intro form-check">
                    <input class="form-check-input" type="checkbox" name="is_mentor" value="1"/>
                    <label class="form-check-label" for="pricingAlumniOnly_edit">Make the alumni a mentor</label>
                </div>

                <div class="clear-submit">
                    <button class="edit">Add Alumni</button>
                    <button class="more">Clear</button>
                </div>
            </form>
        </div>
    </div>
@endsection

@section("scripts")
    <script src="https://code.jquery.com/jquery-3.6.1.min.js"
            integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.1/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="{{ asset('vendor/jsvalidation/js/jsvalidation.js')}}"></script>
    {!! JsValidator::formRequest('Guildroom\Http\Requests\Admin\AddStudentRequest', '#new-student-form') !!}
@endsection