@extends('layouts.app')

@section('content')
	<div class="content">
		<form id="form"
            name="employee-document-type-form"
            action="{{route('settings.exam.subject.questions.store')}}"
            method="POST"
        >
            <x-content.header title="{{ __('exams.exam_questions') }}">
                <x-slot:headerRight>
                    <button type="submit" class="btn-primary-base btn-save-add">
                        {{trans('forms.lbl_save_and_add')}}
                    </button>

                    <button type="submit" class="btn-secondary-base btn-save">
                        {{trans('forms.lbl_create')}}
                    </button>

                    <a href="{{route("settings.exam.subject.questions.index")}}"  class="btn-tertiary-base">{{trans('forms.lbl_cancel')}}</a>

                </x-slot:headerRight>
            </x-content.header>

            @include('exam::questions.form', [
                'edit' => false,
                'type' => $type
            ])

        </form>
    </div>

@stop

@section('footer-script')

    <!-- Custom js for this page-->
    <script src="{{asset('js/jquery-file-upload.js')}}"></script>

    <script type="text/javascript">

        $( document ).ready(function() {
            $("body").on('click', 'input.multiple-correct', function(event) {

                // in the handler, 'this' refers to the box clicked on
                var $box   = $(this),
                    groups = $('body').find('input.multiple-correct');

                if ($box.is(":checked")) {

                    if ( groups.length > 0 ) {
                        for (var i = 0; i < groups.length; i++) {
                            $(groups[i]).prop("checked", false);
                        }
                    }

                    $box.prop("checked", true);
                    groups.prop(required, false);

                } else {

                    $box.prop("checked", false);
                    groups.prop(required, false);

                }
            });


        });

		$(".btn-save-add").on("click", function(event) {
			event.preventDefault();
            var subjectId = $('.exam_subject_id').val();

			data = $('#form').serialize();
            data = data+"&files="+ JSON.stringify(selectedFiles);

			PDRequest({
				type    : "POST",
				url     : $("#form").prop("action"),
				data    : data,
				event   : event
			}).then((response) => {
				if(response.status == "success"){
                    location.href = location.href + "&subjectId=" + subjectId;
				}
            });
		});

		$(".btn-save").on("click", function(event) {
			event.preventDefault();
			data = $('#form').serialize();
            data = data+"&files="+ JSON.stringify(selectedFiles);

			PDRequest({
				type    : "POST",
				url     : $("#form").prop("action"),
				data    : data,
				event   : event
			}).then((response) => {
				if(response.status == "success"){
                	window.location = "{{route("settings.exam.subject.questions.index")}}";
				}
            });
		});
    </script>
@stop