@extends('layout.master')
@section('parentPageTitle', 'quizzes')
@section('title', 'quizzes')
@section('content')
    <div class="block-header">
        <div class="row clearfix">
            @include('quizzes.nav')
            <div class="col-12 mt-2">
                <div class="card-body bg-light">
                    {!! Form::open(['id'=>'quiz-form','route' => 'quizzes.store', 'enctype' => 'multipart/form-data']) !!}
                    <div class="row">
                        {{ Form::hidden('quizzes_group_id', $quizzes_group_id) }}
                        @include('quizzes.fields')
                    </div>
                    {!! Form::close() !!}
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </div>
@stop
@section('page-styles')
    <!-- iCheck -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/iCheck/flat/blue.css') }}">
    <!-- select2 -->
    <link rel="stylesheet" href="{{ asset('assets/plugins/select2/select2.min.css') }}">
    {{-- dropzone --}}
    <link rel="stylesheet" href="{{ asset('assets/plugins/dropzone/bootstrap.min.css') }}">
@stop

@section('vendor-script')
<script src="{{asset('js/quiz-main.js')}}"></script>
@stop

@section('page-script')
<script type="text/javascript">
    var i = 1;
    $("#dynamic-ar").click(function () {
        ++i;
        $("#dynamicAddRemove").append('<tr><td><input  required type="text" name="answers[' + i +
            '][answer]" placeholder="Enter answer" class="form-control" /></td><td><input  min="0" max="10" required type="number" name="answers['+i+'][point]" placeholder="Enter point" class="form-control" /></td><td><button type="button" class="btn btn-outline-danger remove-input-field">Delete</button></td></tr>'
            );
    });
    $(document).on('click', '.remove-input-field', function () {
        $(this).parents('tr').remove();
    });
</script>
@stop