@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">
            <h6 class="">{{__('All Students')}}</h6>

        </div>

        <div class="row">
            @if(count($enrollments) > 0)
            <div class="col-12">
                <div class="table-responsive table-responsive-xl">
                    <table class="table">
                        <thead>
                            <tr>
                                <th scope="col">{{__('Image')}}</th>
                                <th scope="col">{{__('Name')}}</th>
                                <th scope="col">{{__('Email')}}</th>
                                <th scope="col">{{__('Student ID')}}</th>
                                <th scope="col">{{__('Course Name')}}</th>
                                <th scope="col">{{__('Join Date')}}</th>
                                <th scope="col">{{__('Action')}}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($enrollments as $enrollment)
                            @if(isset($enrollment->user))
                            <tr>
                                <td>
                                    @if(@$enrollment->user->image_path !== null)
                                    <div class="all-student-img-wrap"><img src="{{ getImageFile(@$enrollment->user->image_path) }}" alt="img" class="img-fluid"></div>
                                    @else
                                    <div class="all-student-img-wrap"></div>
                                    @endif
                                </td>
                                <td>{{ @$enrollment->user->name }}</td>
                                <td>{{ @$enrollment->user->email }}</td>
                                <td>{{ @$enrollment->user->referral_code }}</td>
                                <td>{{ @$enrollment->course->title }}</td>
                                <td>{{ $enrollment->start_date }}
                                </td>
                                <td>
                                    <div class="red-blue-action-btns">
                                        <button type="button" data-country="{{@$enrollment->user->student->country->country_name}}" data-image="{{ isset($enrollment->user->image) ? getImageFile($enrollment->user->image) : '' }}" data-item="{{ $enrollment }}" data-purchase_date="{{ @$enrollment->start_date }}" data-bs-toggle="modal" data-bs-target="#allStudentViewModal{{$enrollment->id}}" class="theme-btn theme-button1 green-theme-btn default-hover-btn viewStudent">{{ __('View') }}</button>
                                    </div>
                                    <div>
                                        @if(isset($enrollment->completed_time))
                                        <div class="col-md-12 text-right">
                                            <button type="submit" class="theme-btn theme-button1 red-theme-btn default-hover-btn">{{ __('Completed') }}</button>
                                        </div>
                                        @else
                                        <form action="{{route('instructor.student-completed')}}" method="post" class="form-horizontal">
                                            @csrf
                                            <input type="hidden" name="user_id" value="{{@$enrollment->user->id}}">
                                            <input type="hidden" name="course_id" value="{{@$enrollment->course->id}}">
                                            <div class="row mb-3">
                                                <div class="col-md-12 text-right">
                                                    <button type="submit" class="theme-btn theme-button1 green-theme-btn default-hover-btn">{{ __('Mark as Completed') }}</button>
                                                </div>
                                            </div>

                                        </form>
                                        @endif
                                    </div>
                                </td>
                            </tr>
                            @endif
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>

            <!-- Pagination Start -->
            @if(@$enrollments->hasPages())
            {{ @$enrollments->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
        </div>

    </div>
</div>

@endsection

@section('modal')


@foreach($enrollments as $enrollment)
@if(isset($enrollment->user))
<!--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 action="{{route('instructor.send-warning', $enrollment->user->id)}}" method="post">
                    @csrf
                    <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 > -->
                                        <input type="hidden" name="course_id" value="{{@$enrollment->course->id}}"> <input type="submit" style="background:red" class="theme-btn theme-button1 red-theme-btn default-hover-btn" value="Send Warning">
                                        <!-- </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>
<script src="{{ asset('admin/js/standalone/selectize.min.js') }}"></script>
<link rel="stylesheet" href="{{ asset('admin/css/selectize.bootstrap3.min.css') }}" />
<script>
    $(document).ready(function() {
        $('select').selectize({
            sortField: 'text'
        });
    })
</script>
@endpush