@extends('layouts.app')
@section('title', trans('settings.review_title'))

@section('content')
	<div class="content">
		<x-content.header title="{{__('settings.review_title')}}" />

        <form id="form"
            name="employee-document-type-form"
            action="{{route('settings.reviews.update', $review->id)}}"
            method="POST"
            >
                @include('review::reviews.form', [
                    'edit' => true
                ])

                <div class="flex flex-wrap justify-start items-center gap-2 mt-4 pt-4">

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

                    <button type="submit" class="btn-primary-base btn-save in-progress">
                        <span>{{__('Review.save')}}</span>
                    </button>
                    <button type="submit" class="btn-success rounded-lg btn-save completed">
                        <span>{{__('Review.complete_and_save')}}</span>
                    </button>

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

        </form>
    </div>

@stop

@section('footer-script')
	@include('review::reviews.questions.default')

    <script type="text/javascript">


		function handleDisplayFormByReviewType( reviewType , date) {

            if (reviewType === 1) {

				futureReviewFieldsBlock.removeClass('hidden');
				futureHiddenInput.val('1');
				$(".prefill-section").removeClass('hidden');
				$(".prefill-block").removeClass('hidden');
				$(".prefilled").each(function(index, value){
					if($(this).is(":checked")) {
						$("textarea[name='answers["+$(this).data("id")+"]']").prop("readonly", true);
						tinymce.get($("#answer-field-"+$(this).data("id")).find(".answer-field").attr('id')).mode.set("design");
						tinymce.get($("#answer-field-"+$(this).data("id")).find(".answer-field").attr('id')).mode.set("readonly");
					}
				});
				$('input[name="date"]').data("DateTimePicker").maxDate(false);
				$('input[name="date"]').data("DateTimePicker").minDate(date);
			} else {
				futureReviewFieldsBlock.addClass('hidden');
				futureHiddenInput.val('0');
				$(".prefill-section").addClass('hidden');
				// $(".prefilled").prop('checked', false);
				$(".answer-field").removeAttr('readonly');

                if(tinymce.EditorManager.editors  !== undefined ) {
                    tinymce.EditorManager.editors.forEach(function (editor) {
				        tinymce.get(editor.id).mode.set("design");
				    });
                }


				$(".prefill-block").addClass('hidden');
				$($("input[name='prefill_mail']")[0]).prop("checked", true);
				$('input[name="date"]').data("DateTimePicker").maxDate(new Date());
				$('input[name="date"]').data("DateTimePicker").minDate(false);
			}

		}

        $(document).ready(function() {
		var date = new Date();
		date.setDate(date.getDate() - 1);

			@if($review->future)
				$('input[name="date"]').data("DateTimePicker").minDate(date);
			@else
				$('input[name="date"]').data("DateTimePicker").maxDate(new Date());
			@endif

            $('div.repeater').find('div.deletable').remove();

			$(".custom-item").each(function(index, value){
				var id = $(this).find(".answer-field").attr("id");

				//tinymce.EditorManager.execCommand('mceAddEditor', true, id);
				initializeEditor('#'+id);

				// if($(this).find(".prefilled").is(":checked")) {
				// 	tinymce.get("#"+id).mode.set("readonly");
				// }
			});

			handleDisplayFormByReviewType({{$review->future}} , date);
			//$('div.repeater').find('div#custom-questions-block').remove();

        });

		var futureReviewFieldsBlock = $('body').find('.future-review-fields-block'),
            repeatBlocks = $('body').find('.repeat-fields-block'),
            futureHiddenInput = $('body').find('input[name="future"]');

        $.appendQuestions = function(data) {

            var questions = [];

            for (var i = 0; i < data.length; i++) {

                var question = {
                    id       : data[i].id,
                    question : data[i].name,
					notes 	 : data[i].notes ? data[i].notes : null,
                    answer   : data[i].review_answers
                                   ? (data[i].review_answers.length > 0 ? data[i].review_answers[0].value : null)
                                   : null
                }

                questions.push(question);
            }

			var template = Handlebars.compile($("#review-subject-questions-partial").html()),
				temp = template(questions);

			$('.default-questions').html(temp);
			$.each(questions, function(index, question){
				//tinymce.EditorManager.execCommand('mceAddEditor', true, 'answers-'+question.id);
				initializeEditor('#answers-'+question.id);
			});
        };

		$(".btn-save").on("click", function(event) {
			event.preventDefault();

			if($("#form").valid()){
				if ( $(this).hasClass('completed') ) {
	                $('body').find('input[name="status"]').val('COMPLETED');
	            } else if($(this).hasClass('btn-concept')){
					$('body').find('input[name="status"]').val('DRAFT');
				} else {
	                $('body').find('input[name="status"]').val('IN PROGRESS');
	            }

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

				PDRequest({
					type    : "PUT",
					url     : $("#form").prop("action"),
					data    : data,
					event   : event
				}).then((response) => {
					if(response.status == "success"){
						window.location = "{{route('settings.reviews.index')}}";
					}

	            });
			}
		});

		$("body").on("change", "select[name='subject_id']", function(e) {

            var subjectId = $(this).val();

            PDRequest({
                type    : "POST",
                url     : "{{route('settings.reviews.questions')}}",
                data    : {
                              subject_id         :  subjectId,
                              review_id          : "{{$review->id}}",
                              current_subject_id : "{{$review->subject_id}}"
                          },
				isFlash : false
            }).then((response) => {
                if ( response.status == 'success' ) {
                    $.appendQuestions(response.questions);
					if($(".type.active").data("future") == "0") {
						$(".prefill-section").addClass('hidden');
					}
                }
            });
        });


        $("body").on("click", "button.type", function(e) {

			var reviewType = $(this).data("future");

			$("button.type").removeClass("active");
			$(this).addClass("active");

			handleDisplayFormByReviewType(reviewType);
        });


        $("body").on("change", "input[name='repeat']", function(e) {
            $(this).is(":checked") ? repeatBlocks.removeClass('hidden') : repeatBlocks.addClass('hidden');
        });

		$("body").on("change", ".prefilled", function(e) {
			if($(this).is(":checked")) {
				$("#answer-field-"+$(this).data("id")).find(".answer-field").prop("readonly", "true");
                tinymce.get($("#answer-field-"+$(this).data("id")).find(".answer-field").attr('id')).mode.set("readonly");
			} else {
				$("#answer-field-"+$(this).data("id")).find(".answer-field").removeAttr("readonly");
				tinymce.get($("#answer-field-"+$(this).data("id")).find(".answer-field").attr('id')).mode.set("design");
			}

			if($("input.prefilled:checked").length > 0) {
				$(".prefill-block").removeClass('hidden');
			} else {
				$(".prefill-block").addClass('hidden');
			}

		});
    </script>
@stop