@extends('admin.layouts.app')

@push('libraries_top')

@endpush

@section('content')
@include('admin.includes.update_status_quizzes_result_button')
    <section class="section">
        <div class="section-header">
            <h1>{{ trans('admin/main.quiz_results') }}</h1>
            <div class="section-header-breadcrumb">
                <div class="breadcrumb-item active"><a href="/admin/">{{trans('admin/main.dashboard')}}</a>
                </div>
                <div class="breadcrumb-item">{{ trans('admin/main.quiz_results') }}</div>
            </div>
        </div>

        <div class="section-body">



            <section class="card">
                <div class="card-body">
                    <form action="/admin/quizzes/{{ $quiz_id}}/results" method="get" class="row mb-0">

                        <div class="col-md-3">
                            <div class="form-group">
                                <label class="input-label">{{ trans('admin/main.student') }}</label>
                                <select name="student_id" data-placeholder="{{ trans('admin/main.search_student') }}" data-search-option="just_student_role" data-plugin-selectTwo class="form-control select2 populate">
                                        <option value="" {{ !empty($students) ? 'selected' : '' }} disabled>{{ trans('public.select') }}</option>
                                        @foreach($students as $student)
                                            <option value="{{ $student->id }}"@if( !empty($student) and request()->get('student_id')  == $student->id) selected @endif >{{ $student->full_name }}</option>
                                        @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="col-md-3">
                            <div class="form-group">
                                <label class="input-label">{{trans('admin/main.organization')}}</label>
                                <select name="organization_id" data-placeholder="{{ trans('admin/main.search_organization') }}" data-search-option="just_organization_role" data-plugin-selectTwo class="form-control select2 populate">
                                    <option value="" {{ !empty($organizations) ? 'selected' : '' }} disabled>{{ trans('public.select') }}</option>
                                    
                                        @foreach($organizations as $organization)
                                            <option value="{{ $organization->id }}" @if(request()->get('organization_id') == $organization->id) selected @endif>{{ $organization->full_name }}</option>
                                        @endforeach
                                </select>
                            </div>
                        </div>

                        {{-- <div class="col-md-3">
                            <div class="form-group">
                                <label class="input-label">{{ trans('admin/main.status') }}</label>
                                <select name="status" data-plugin-selectTwo class="form-control populate">
                                    <option value="">{{ trans('admin/main.all_status') }}</option>
                                    <option value="passed" @if(request()->get('status') == 'passed') selected @endif>{{ trans('quiz.passed') }}</option>
                                    <option value="failed" @if(request()->get('status') == 'failed') selected @endif>{{ trans('quiz.failed') }}</option>
                                    <option value="waiting" @if(request()->get('status') == 'waiting') selected @endif>{{ trans('quiz.waiting') }}</option>
                                </select>
                            </div>
                        </div> --}}

                        <div class="col-md-3">
                            <div class="form-group">
                                <label class="input-label">{{ trans('admin/main.start_date') }}</label>
                                <div class="input-group">
                                    <input type="date" id="fsdate" class="text-center form-control" name="from" value="{{ request()->get('from') }}" placeholder="Start Date">
                                </div>
                            </div>
                        </div>

                        <div class="col-md-3">
                            <div class="form-group">
                                <label class="input-label">{{ trans('admin/main.end_date') }}</label>
                                <div class="input-group">
                                    <input type="date" id="lsdate" class="text-center form-control" name="to" value="{{ request()->get('to') }}" placeholder="End Date">
                                </div>
                            </div>
                        </div>


                        <div class="col-12 col-md-3 d-flex align-items-center justify-content-end">
                            <button type="submit" class="btn btn-primary w-100">{{ trans('admin/main.show_results') }}</button>
                        </div>
                    </form>
                </div>
            </section>
            
            
            <div class="row">
                <div class="col-12 col-md-12">
                    <div class="card">
                        <div class="card-header d-block">
                            @can('admin_quiz_result_export_excel')
                                <div class="float-left">
                                    <a href="/admin/quizzes/{{ $quiz_id}}/results/excel" class="btn btn-primary">{{ trans('admin/main.export_xls') }}</a>
                                </div>
                            @endcan
                            <div class="float-right">
                                <button id="edit_status" class="btn btn-primary"><i class="fa fa-edit p-1" aria-hidden="true"></i></button>
                            </div>
                        </div>

                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-striped font-14">
                                    <tr>
                                        <th>
                                            <input class="form-check-input position-relative" type="checkbox" id="checkAll">
                                        </th>
                                        <th class="text-left">{{ trans('admin/main.title') }}</th>
                                        <th class="text-left">{{ trans('quiz.student') }}</th>
                                        <th class="text-left">{{ trans('admin/main.instructor') }}</th>
                                        <th class="text-center">{{ trans('admin/main.grade') }}</th>
                                        <th class="text-center">{{ trans('admin/main.quiz_date') }}</th>
                                        <th class="text-center">{{ trans('admin/main.status') }}</th>
                                        <th>{{ trans('admin/main.actions') }}</th>
                                    </tr>

                                    @foreach($quizzesResults as $result)
                                        <tr id="id_{{ $result->id }}">
                                            <td>
                                                <input id="checkBoxClass" class="form-check-input checkBoxClass position-relative"
                                                value="{{ $result->id }}" type="checkbox" name="ids">
                                            </td>
                                            <td>
                                                <span>{{ $result->quiz->title }}</span>
                                                <small class="d-block text-left text-primary">({{ $result->quiz->webinar->title }})</small>
                                            </td>
                                            <td class="text-left">{{ $result->user->full_name }}</td>
                                            <td class="text-left">
                                                {{ $result->quiz->teacher->full_name }}
                                            </td>
                                            <td class="text-center">
                                                <span>{{ $result->user_grade }}</span>
                                            </td>
                                            <td class="text-center">{{ dateTimeformat($result->created_at, 'j F Y') }}</td>
                                            <td class="text-center">
                                                @switch($result->status)
                                                    @case(\App\Models\QuizzesResult::$passed)
                                                    <span class="text-success">{{ trans('quiz.passed') }}</span>
                                                    @break

                                                    @case(\App\Models\QuizzesResult::$failed)

                                                    <span class="text-danger">{{ trans('quiz.failed') }}</span>
                                                    @break

                                                    @case(\App\Models\QuizzesResult::$waiting)
                                                    <span class="text-warning">{{ trans('quiz.waiting') }}</span>
                                                    @break

                                                @endswitch
                                            </td>

                                            <td>
                                                @can('admin_quizzes_results_delete')
                                                    @include('admin.includes.delete_button',['url' => '/admin/quizzes/result/'. $result->id.'/delete'])
                                                @endcan
                                            </td>
                                        </tr>
                                    @endforeach

                                </table>
                            </div>
                        </div>

                        <div class="card-footer text-center">
                            {{ $quizzesResults->appends(request()->input())->links() }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@push('scripts_bottom')
<script>
$(function(e) {
      
        $("#checkAll").click(function() {
            $(".checkBoxClass").prop('checked', $(this).prop('checked'));
        });


        $('#edit_status').click(function() { 
            const $modal = $('#statusModalCenter');
            const checkBoxClass = document.getElementById("checkBoxClass");
            $modal.modal('show');
        });
        
        $(".updateAllSelected").click(function(e) {
            e.preventDefault();
            const allIds = [];

            $("input:checkbox[name=ids]:checked").each(function() {
                allIds.push($(this).val());
            });
            $('#fire-modal-2').modal('hide')
            $.ajax({
                url: "{{ route('result.updateSelected') }}",
                type: "put",
                data: {
                    _token: $("input[name=_token]").val(),
                    ids: allIds,
                    status: $('#status').val()
                },
                success: function(response) {
                    location.reload();
                    
                }
            });
        });

    });
</script>
@endpush