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

    <main class="main-content">
        <div class="container">
            <!-- begin::page header -->
            <div class="page-header">
                <h3>Add Practice Quiz</h3>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
                        <li class="breadcrumb-item"><a href="{{ asset('admin/practice-list') }}">Quiz List</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Add</li>
                    </ol>
                </nav>
            </div>
            <!-- end::page header -->
            <x-flashMessage />
            <div class="row">
                <div class="col-md-12">

                    <div class="card">
                        <div class="card-header">
                            <h5 class="card-title pull-left m-t-10">Fill Quiz Details</h5>
                            <a href="{{ asset('admin/practice-list') }}" class="btn btn-info pull-right text-white"><i
                                    class="fa fa-list"></i>&nbsp; Practice Quiz</a>
                        </div>
                        <div class="card-body">
                            <form action="{{ asset('admin/add-practice') }}" method="post">
                                @csrf

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="name">Quiz Title</label>
                                            <input type="text" name="name" id="name" class="form-control"
                                                value="">
                                            @if ($errors->has('name'))
                                                <div class="error">
                                                    {{ $errors->first('name') }}
                                                </div>
                                            @endif
                                        </div>
                                    </div>

                                    <div class="col-md-6"></div>

                                    <div class="col-md-8">
                                        <div class="form-group">
                                            <label for="instruction">Quiz Instructions</label>
                                            <textarea name="instruction" id="instruction" class="form-control" cols="30" rows="10"
                                                placeholder="instruction"><p>
																									<h3>Quiz Instructions</h3>
																									The quizzes consists of questions carefully designed to help you self-assess your comprehension of the information presented on the topics covered in the module. No data will be collected on the website regarding your responses or how many times you take the quiz.</p></textarea>
                                            @if ($errors->has('instruction'))
                                                <div class="error">
                                                    {{ $errors->first('instruction') }}
                                                </div>
                                            @endif
                                        </div>
                                    </div>


                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="time_limit">Quiz Time Limit (min) <span class="text-warning">Note:
                                                    Zero is for no time
                                                    limit.</span></label>
                                            <input type="number" value="0" name="time_limit" id="time_limit"
                                                class="form-control">

                                            @if ($errors->has('time_limit'))
                                                <div class="error">
                                                    {{ $errors->first('time_limit') }}
                                                </div>
                                            @endif
                                        </div>
                                    </div>

                                    <div class="col-md-6">

                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="username">Quiz Attempt Unlimited</label>
                                            <select class="form-control" name="retake_attempt" id="retake_attempt">
                                                <option value="" disabled>Select Attempt</option>
                                                <option value="1">True</option>
                                                <option value="0">False</option>
                                            </select>
                                            @if ($errors->has('retake_attempt'))
                                                <div class="error">
                                                    {{ $errors->first('retake_attempt') }}
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group" id="noofattempt"></div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="passing_percent">Passing % out of 100%</label>
                                            <input type="number" name="passing_percent" id="passing_percent"
                                                class="form-control" min="1" min="100" value="60">
                                            @if ($errors->has('passing_percent'))
                                                <div class="error">
                                                    {{ $errors->first('passing_percent') }}
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
















                                <button type="submit" class="btn btn-primary">Submit</button>
                            </form>
                        </div>
                    </div>



                </div>

            </div>

        </div>

    </main>
    <!-- end::main content -->
@endsection
@push('footer-script')
    <!-- begin::select2 -->
    <script src="{{ asset('public/admin/js/examples/select2.js') }}"></script>

    <script type="text/javascript">
        $(document).on('change', '#retake_attempt', function(e) {
            e.preventDefault();
            var attempt = $(this).val();

            if (attempt == '0') {
                $('#noofattempt').html(
                    '<label for="nooftimes">No.of Times Quiz Attempt</label><input type="number" name="nooftimes" id="" class="form-control" value="1" min="1" max="10" required>'
                );
            } else {
                $('#noofattempt').html('');
            }
        })
    </script>
    {{-- Editor --}}
    <script src="https://cdn.tiny.cloud/1/hau95x3ztvsrdr65m4zb9kd3e3l24vbxynk72xtkh84z3rol/tinymce/5/tinymce.min.js"
        referrerpolicy="origin"></script>
    <script type="text/javascript">
        tinymce.init({
            //paste_data_images: true,
            plugins: [
                "autolink lists link image charmap print preview hr anchor imagetools pagebreak",
                "searchreplace wordcount visualblocks visualchars code fullscreen",
                "insertdatetime media nonbreaking save table directionality",
                "emoticons template paste textcolor colorpicker textpattern"
            ],
            toolbar: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
            content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }',
            height: 300,
            menubar: false,
            selector: 'textarea',
            images_upload_handler: function(blobInfo, success, failure) {
                var xhr, formData;
                xhr = new XMLHttpRequest();
                xhr.withCredentials = false;
                xhr.open('POST', "{{ asset('upload') }}");
                var token = $('meta[name="csrf-token"]').attr('content');
                xhr.setRequestHeader("X-CSRF-Token", token);
                xhr.onload = function() {
                    var json;
                    if (xhr.status != 200) {
                        failure('HTTP Error: ' + xhr.status);
                        return;
                    }
                    json = JSON.parse(xhr.responseText);

                    if (!json || typeof json.location != 'string') {
                        failure('Invalid JSON: ' + xhr.responseText);
                        return;
                    }
                    success(json.location);
                };
                formData = new FormData();
                formData.append('file', blobInfo.blob(), blobInfo.filename());
                xhr.send(formData);
            },
            file_picker_callback: function(cb, value, meta) {
                var input = document.createElement('input');
                input.setAttribute('type', 'file');
                input.setAttribute('accept', 'image/*');
                input.onchange = function() {
                    var file = this.files[0];
                    var id = 'blobid' + (new Date()).getTime();
                    var blobCache = tinymce.activeEditor.editorUpload.blobCache;
                    var blobInfo = blobCache.create(id, file);
                    blobCache.add(blobInfo);
                    cb(blobInfo.blobUri(), {
                        title: file.name
                    });
                };
                input.click();
            }
        });
    </script>
    <!-- end::select2 -->
@endpush