@extends('layouts.instructor')

@section('breadcrumb')
<div class="page-banner-content text-center">
    <h3 class="page-banner-heading text-white pb-15"> {{__('All Students')}} </h3>

    <!-- Breadcrumb Start-->
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb justify-content-center">
            <li class="breadcrumb-item font-14"><a href="{{route('instructor.dashboard')}}">{{__('Dashboard')}}</a></li>
            <li class="breadcrumb-item font-14 active" aria-current="page">{{__('All Students')}}</li>
        </ol>
    </nav>
</div>
@endsection

@section('content')
<div class="instructor-profile-right-part">
    <div class="instructor-quiz-list-page instructor-all-student-page">

        <div class="instructor-my-courses-title d-flex justify-content-between align-items-center gx-2">
            @if(isset($refferal_users) && isset($refferal_usersToday))
            <div>

                <h2 class="mb-4">Referral Students</h2>
            </div>
            <div class="my-4">
                <h6>Search Leads</h6>
                <form action="{{route('instructor.pending-referral')}}" method="get" class="my-4">
                    @csrf
                    <label for="type">Type</label>
                    <select name="type">
                        <option value="converted">{{__('Converted')}}</option>
                        <option value="leads">{{__('Leads')}}</option>
                    </select>
                    <label for="from">From</label>
                    <input type="date" name="from" required class="border border-2 border-black p-2 mx-2 my-2" /><br>
                    <label for="to">To</label>
                    <input type="date" name="to" required class="border border-2 border-black p-2 mx-2 my-2" /><br>
                    <input type="submit" value="Search Leads" class="theme-btn default-hover-btn theme-button1">
                </form>
                @if(isset($_GET['from']) || isset($_GET['to']) )
                <p>
                    From: {{isset($_GET['from']) ? $_GET['from'] : null}}
                    To: {{isset($_GET['to']) ? $_GET['to'] : null}}
                </p>
                <p>
                    <strong>
                        @if(isset($_GET['type']))
                        @if($_GET['type'] == 'converted')
                        {{__('Converted')}}
                        @else
                        {{__('Leads')}}
                        @endif
                        @endif
                        By Date</strong>: {{count($refferal_usersSearch)}}
                </p>
                <p><strong>Today Leads</strong>: {{count($refferal_usersToday)}}</p>
                @endif

            </div>
            @endif
            <!-- <div class="dropdown all-student-filter-dropdown">
                <button class="all-student-filter-dropdown-btn color-heading font-18 font-medium d-inline-flex align-items-center" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
                    <span class="iconify" data-icon="bx:filter-alt"></span>{{ __('Filter') }}
                </button>
                <div class="dropdown-menu  {{selectedLanguage()->rtl == 1 ? 'dropdown-menu-start' : 'dropdown-menu-end' }}" aria-labelledby="dropdownMenuButton1">
                    <form action="{{ route('instructor.all-student') }}" name="get">
                        <div class="row">
                            <div class="col-md-12 mb-3">
                                <div class="label-text-title color-heading font-medium font-16 mb-2">{{__('Search By Name')}}</div>

                                <input type="search" name="search_name" class="form-control" placeholder="{{ __('Search by Name') }}" value="{{ app('request')->search_name }}">
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12 mb-3">
                                <label class="label-text-title color-heading font-medium font-16 mb-2">{{__('Search By Course')}}</label>
                                <select class="form-select" name="course_id">
                                    <option value="">{{__('Select Course')}}</option>
                                    @foreach($courses as $course)
                                    <option value="{{ $course->id }}" @if(app('request')->course_id == $course->id) selected @endif>{{ $course->title }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <button type="submit" class="theme-btn default-hover-btn theme-button1">{{__('Search')}}</button>
                    </form>
                </div>
            </div> -->

        </div>

        <div class="row">
            @if(isset($refferal_users))
                @if(count($refferal_users) > 1)
                <div class="col-12">
                    <div class="table-responsive table-responsive-xl">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th scope="col">{{__('Serial')}}</th>
                                    <th scope="col">{{__('Image')}}</th>
                                    <th scope="col">{{__('Details')}}</th>
                                    <th scope="col">{{__('Ref By')}}</th>
                                    <th scope="col">{{__('Team Leader')}}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($refferal_users as $key=>$refferal_user)
                                @if(isset($refferal_user->user->id))
                                <tr>
                                    <td>
                                        {{$key+1}}
                                    </td>
                                    <td>
                                        <div class="all-student-img-wrap"><img src="{{ getImageFile(@$refferal_user->user->image_path) }}" alt="img" class="img-fluid"></div>
                                    </td>
                                    <td>
                                        Student Id: {{isset($refferal_user->user->referral_code) ? $refferal_user->user->referral_code : ''}}<br>
                                        Name: {{ isset($refferal_user->user->name) ? @$refferal_user->user->name : ''}}<br>
                                        Email: {{ isset($refferal_user->user->email) ? @$refferal_user->user->email  : ''}}<br>
                                        Phone: {{ isset($refferal_user->user->phone_number) ? @$refferal_user->user->phone_number  : ''}}<br>
                                        Join Date: {{isset($refferal_user->created_at) ? $refferal_user->created_at: ''}}<br>
                                        <a href="https://api.whatsapp.com/send?phone={{$refferal_user->user->area_code ?? $refferal_user->user->phone_number}}{{ $refferal_user->user->phone_number ?? @$refferal_user->user->phone_number  }}" class="theme-btn default-hover-btn theme-button1 mt-2" target="_blank">Whatsapp</a><br>
                                    </td>
                                    <td>
                                        Student Id: {{isset($refferal_user->reffered_user->referral_code) ? $refferal_user->reffered_user->referral_code : ''}}<br>
                                        Name: {{ isset($refferal_user->reffered_user->name) ? @$refferal_user->reffered_user->name : ''}}<br>
                                    </td>
                                    <td>
                                        Name: {{isset($refferal_user->reffered_team_leader->name) ? $refferal_user->reffered_team_leader->name : ''}}
                                    </td>
                                </tr>
                                @endif
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>

                <!-- Pagination Start -->
                @if($refferal_users->hasPages())
                {{ @$refferal_users->links('frontend.paginate.paginate') }}
                @endif
                <!-- Pagination End -->
                @else
                <!-- If there is no data Show Empty Design Start -->
                <div class="empty-data">
                    <img src="{{ asset('frontend/assets/img/empty-data-img.png') }}" alt="img" class="img-fluid">
                    <h5 class="my-3">{{__('Empty Student')}}</h5>
                </div>
                <!-- If there is no data Show Empty Design End -->
                @endif
            @endif
        </div>

    </div>
</div>

@endsection

@section('modal')


@foreach($enrollments as $enrollment)

@if(isset($enrollment->user->id))
<!--All Student View Modal Start-->
<div class="modal fade viewStudentModal" id="allStudentViewModal{{$enrollment->id}}" tabindex="-1" aria-labelledby="allStudentViewModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h6 class="modal-title" id="allStudentViewModalLabel">{{__('Student Information')}}</h6>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form>
                    <div class="row mb-4">
                        <div class="col-md-12">
                            <div class="all-student-modal-img d-flex align-items-center">
                                <div class="all-student-img-wrap "><img src="" alt="img" class="img-fluid user_image"></div><span class="user_name"></span>
                            </div>
                            <div class="student-detail-info-row">
                                <div class="all-student-modal-inner row">
                                    <div class="all-student-info-title col-sm-6 col-md-6 col-lg-4">{{ __('Course Name') }} <span>:</span></div>
                                    <div class="all-student-info-value col-sm-6 col-md-6 col-lg-8 course_name"></div>
                                </div>
                                <div class="all-student-modal-inner row">
                                    <div class="all-student-info-title col-sm-6 col-md-6 col-lg-4">{{ __('Course Join Date') }} <span>:</span></div>
                                    <div class="all-student-info-value col-sm-6 col-md-6 col-lg-8 purchase_date"> {{ $enrollment->start_date }} </div>
                                </div>
                                <div class="all-student-modal-inner row">
                                    <div class="all-student-info-title col-sm-6 col-md-6 col-lg-4">{{ __('Email') }} <span>:</span></div>
                                    <div class="all-student-info-value col-sm-6 col-md-6 col-lg-8 email">{{ @$enrollment->user->email }}</div>
                                </div>
                                <div class="all-student-modal-inner row">
                                    <div class="all-student-info-title col-sm-6 col-md-6 col-lg-4">{{ __('Phone') }} <span>:</span></div>
                                    <div class="all-student-info-value col-sm-6 col-md-6 col-lg-8 phone">{{ @$enrollment->user->phone_number }}</div>
                                </div>

                                <div class="all-student-modal-inner row">
                                    <div class="all-student-info-title col-sm-6 col-md-6 col-lg-4">{{ __('Whatsapp') }} <span>:</span></div>
                                    <div class="all-student-info-value col-sm-6 col-md-6 col-lg-8 country"> <a target="_blank" href="https://api.whatsapp.com/send?phone={{ @$enrollment->user->area_code}}{{ @$enrollment->user->phone_number }}" class="theme-btn theme-button1 blue-theme-btn default-hover-btn">CLICK HERE</a></div>
                                </div>

                                <div class="all-student-modal-inner row">
                                    <div class="all-student-info-title col-sm-6 col-md-6 col-lg-4">
                                        <form action="{{route('instructor.send-warning', @$enrollment->user->id)}}" method="post"><input type="hidden" value="{{@$enrollment->user->id}}"> <button style="background:red" class="theme-btn theme-button1 red-theme-btn default-hover-btn"> {{ __('Send Warning') }} </button></form> <span>:</span>
                                    </div>
                                    <div class="all-student-info-value col-sm-6 col-md-6 col-lg-8 country"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer d-flex justify-content-between align-items-center">
                <button type="button" class="theme-btn theme-button1 default-hover-btn default-back-btn" data-bs-dismiss="modal">{{ __('Back') }}</button>
            </div>
        </div>
    </div>
</div>
<!--All Student View Modal End-->
@endif
@endforeach

@endsection

@push('script')
<script src="{{ asset('frontend/assets/js/instructor/view-student.js') }}"></script>
@endpush