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

@section('content')

@if (isset($userData) && $userData)
	@include('layouts.partials.employee-files', [
		'user'=> $userData
	])
@endif

<div class="{{!isset($userData) ? 'content': 'tab-content-wrapper'}}">
    @if (!isset($userData))
        <x-content.header title="{{ __('settings.review_title') }}" />
    @endif
    <!-- Tab Content -->
	<form id="form"
			name="employee-document-type-form"
			action="{{route('settings.reviews.store')}}"
			method="POST"
	>
		@include('review::reviews.form', [
			'edit' => false
		])

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

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

			<button type="submit" class="btn-secondary-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 src="{{ asset('js/tailwind/profile.js') }}"></script>
    <script type="text/javascript">
		var today = $('input[name="date"]').val();
        $(document).ready(function() {
			$('input[name="date"]').data("DateTimePicker").maxDate(new 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 if( $(this).hasClass('in-progress')){
					$('body').find('input[name="status"]').val('IN PROGRESS');
				}

				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") {
                        @if (isset($userData) && $userData)
                            window.location = "{{route('reviews.index').'?user_id='.request()->user_id}}";
                        @else
						    window.location = "{{route('settings.reviews.index')}}";
                        @endif
					}
	            });
			}
		});

		$("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},
                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) {
			$('input[name="date"]').val(today);

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

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

			$(this).addClass("active");

            if (reviewType === 1) {

				let now=new Date();
				let yesterdayMs = now.getTime() - 1000*60*60*24*1;

				now.setTime( yesterdayMs );
                futureReviewFieldsBlock.removeClass('hidden');
                futureHiddenInput.val('1');

                $(".prefill-section").removeClass('hidden');
				$(".prefill-block").removeClass('hidden');

				$('input[name="date"]').data("DateTimePicker").maxDate(false);
				$('input[name="date"]').data("DateTimePicker").minDate(now);

            } else {

                futureReviewFieldsBlock.addClass('hidden');
                futureHiddenInput.val('0');

                $(".prefill-section").addClass('hidden');
				$(".prefilled").prop('checked', false);
				$(".answer-field").removeAttr('readonly');
				$('input[name="date"]').data("DateTimePicker").maxDate(new Date());
				$('input[name="date"]').data("DateTimePicker").minDate(false);

                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='repeat']").trigger('change');
        });


        $("body").on("change", "input[name='repeat']", function(e) {
            $(this).is(":checked") && $("button.type.active").data("future") ? 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