@extends('admin.layout')
@section('content')
    <!-- begin::main content -->

    <main class="main-content">
        <div class="container">
            <!-- begin::page header -->
            <div class="page-header">
                <h3>Practice Quiz List</h3>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Quiz List</li>
                    </ol>
                </nav>
            </div>
            <!-- end::page header -->
            <x-flashMessage />

            <div class="card">
                <div class="card-header">
                    <form method="GET">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <input type="text" class="form-control" name="query" placeholder="Search here....."
                                        value="{{ request()->input('query') }}">
                                    <span class="text-danger">
                                        @error('query')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i>&nbsp;
                                        Search</button>
                                    <a href="{{ asset('admin/practice-list') }}" class="btn btn-warning text-white"><i
                                            class="fa fa-refresh"></i>&nbsp;Reset</a>
                                    {{-- add --}}
                                    <a href="{{ asset('admin/add-practice') }}"
                                        class="form-group btn btn-info pull-right text-white"><i
                                            class="fa fa-plus"></i>&nbsp; Add Quiz</a>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="card-body">

                    @if (isset($practice_quiz))
                        <table class="table table-striped table-bordered">
                            <thead>
                                <tr>
                                    <th>#ID</th>
                                    <th>Title</th>
                                    <th>Duration (min)</th>
                                    <th>No.of Attempt</th>
                                    <th>MapQuestion</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>

                                @if (!empty($practice_quiz))
                                    @foreach ($practice_quiz as $quiz)
                                        <tr>
                                            <td>{{ $quiz->id }}</td>
                                            <td>{!! $quiz->name !!}</td>
                                            <td>{{ $quiz->time_limit < 1 ? 'Unlimited' : $quiz->time_limit . ' Minutes' }}
                                            </td>
                                            <td>
                                                {{ $quiz->retake_attempt == '1' ? 'Unlimited' : $quiz->nooftimes }}
                                            </td>
                                            <td>
                                                <a href="{{ asset('admin/map-practice-questions/' . $quiz->id) }}"><i
                                                        class="fa fa-plus text-primary"></i>
                                                </a>
                                            </td>
                                            <td>
                                                <?php
                                                $permission = App\Helpers\PermissionActivity::getPermissionByAdminId(session('loggedIn')['id'], 7);
                                                ?>

                                                @if ($permission == 'read')
                                                    <a class="btn btn-sm btn-info"
                                                        href="{{ asset('admin/view-practice/' . $quiz->id) }}"><i
                                                            class="fa fa-eye fa-lg text-white"></i></a>
                                                @endif

                                                @if ($permission == 'write')
                                                    <a class="btn btn-sm btn-info"
                                                        href="{{ asset('admin/view-practice/' . $quiz->id) }}"><i
                                                            class="fa fa-eye fa-lg text-white"></i></a>
                                                    <a class="btn btn-sm btn-dark"
                                                        href="{{ asset('admin/edit-practice/' . $quiz->id) }}"><i
                                                            class="fa fa-edit fa-lg text-white"></i></a>
                                                @endif

                                                @if ($permission == 'delete')
                                                    <a class="btn btn-sm btn-info"
                                                        href="{{ asset('admin/view-practice/' . $quiz->id) }}"><i
                                                            class="fa fa-eye fa-lg text-white"></i></a>
                                                    <a class="btn btn-sm btn-dark"
                                                        href="{{ asset('admin/edit-practice/' . $quiz->id) }}"><i
                                                            class="fa fa-edit fa-lg text-white"></i></a>
                                                    <a class="btn btn-sm btn-danger delete-confirm"
                                                        href="{{ asset('admin/delete-practice/' . $quiz->id) }}">
                                                        <i class="fa fa-trash-o fa-lg text-white"></i>
                                                    </a>
                                                @endif


                                            </td>

                                        </tr>
                                    @endforeach
                                @else
                                    <h1>No Record Found!!</h1>
                                @endif

                            </tbody>

                        </table>
                        <div class="pagination-block">

                            @if (isset($_GET['query']))
                                {{ $practice_quiz->appends(['query' => $_GET['query']])->links('admin.includes.paginationlinks') }}
                            @else
                                {{ $practice_quiz->links('admin.includes.paginationlinks') }}
                            @endif

                            <label>Total Record Found- <?php echo count($practice_quiz); ?></label>
                        </div>

                    @endif

                </div>
            </div>



        </div>

    </main>
    <!-- end::main content -->

@endsection
@push('footer-script')
    <!-- begin::dataTable -->
    <script src="{{ asset('public/admin/vendors/dataTable/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('public/admin/vendors/dataTable/dataTables.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('public/admin/vendors/dataTable/dataTables.responsive.min.js') }}"></script>
    <script type="text/javascript"
        src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=TeX-AMS_HTML"></script>
    <script src="{{ asset('public/admin/js/examples/datatable.js') }}"></script>
    <!-- end::dataTable -->
@endpush