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

@section('content')
	<div class="content">
		<form id="form"
            name="employee-document-type-form"
            action="{{route('settings.reviews.update.completedForm', $review->id)}}"
            method="POST"
        >
            <x-content.header title="{{ __('settings.review_title') }}">
                <x-slot:headerRight>
                    <button type="submit" class="btn-primary-base btn-save completed">
                        {{__('Review.complete_and_save')}}
                    </button>

                    <a href="{{ route('settings.reviews.index') }}" class="btn-tertiary-base">
                        {{trans('forms.lbl_cancel')}}
                    </a>
                </x-slot:headerRight>
            </x-content.header>

            <div class="w-full mt-8 mb-8">
                <div class="flex flex-col gap-[20px]">

                    <div class="bg-custom-grey-50 px-4 pt-3 pb-4 rounded-lg flex flex-col gap-3">
                        <div class="flex flex-col lg:flex-row gap-1 lg:gap-4">
                            <h3 class="text-md-medium text-custom-grey-900 !py-0">{{__('forms.status')}}</h3>
                            <div>
                                @php
                                    $class= "pending";
                                    $today = Carbon\Carbon::parse('today');
                                    $dueAt = $review->review_date;

                                    if($review->due_at) {
                                        $due_at = explode(' ', $review->due_at);
                                        $due_at[0] = ( $due_at[0] > 0 && $due_at[1] == "days" ) ? ( $due_at[0] - 1 ) : $due_at[0];
                                        $dueAt = parseFromFormat( $review->review_date )->add($due_at[0], $due_at[1]);
                                    }

                                    if ( $review->status == 'COMPLETED' ) {
                                        $class= $review->future ? ($today->gt($dueAt) ? "pending" : "completed") : "completed";
                                    } else {
                                        $class= $today->gt($dueAt) ? "due" : $class;
                                    }
                                @endphp

                                <x-badge id="status-{{ $review->id }}" status="{{ $class }}" />
                            </div>
                        </div>

                        <div class="flex flex-col lg:flex-row gap-1 lg:gap-4">
                            <h3 class="text-sm-semibold text-custom-grey-700 !py-0">{{__('label.name_of_the_employee')}}</h3>
                            <p class="text-sm-regular text-custom-grey-500">{{$review->user->name}}</p>
                        </div>

                        <div class="flex flex-col lg:flex-row gap-1">
                            <h3 class="text-sm-semibold text-custom-grey-700 !py-0">
                                {{__('label.name_of_the_reviewer')}}
                            </h3>
                            <p class="text-sm-regular text-custom-grey-500">
                                @php
                                    $other_reviewers = $review->other_reviewers->pluck('name')->toArray();
                                    $output_other_reviewers = implode(", ", $other_reviewers);
                                @endphp

                                {{ count($other_reviewers) > 0 ? $review->reviewer->name.', '.$output_other_reviewers : $review->reviewer->name }}
                            </p>
                        </div>


                        <div class="flex flex-col lg:flex-row gap-1 lg:gap-4">
                            <h3 class="text-sm-semibold text-custom-grey-700 !py-0">{{__('label.review_date')}}</h3>
                            <p class="text-sm-regular text-custom-grey-500">{{$review->review_date}}</p>
                        </div>

                        <div class="flex flex-col lg:flex-row gap-1 lg:gap-4">
                            <h3 class="text-sm-semibold text-custom-grey-700 !py-0">{{__('label.subject_of_review')}}</h3>
                            <p class="text-sm-regular text-custom-grey-500">{{isset($review->subject) ? $review->subject->name : __('label.label_none')}}</p>
                        </div>
                    </div>

                    @include('review::reviews.complete-review-form', [
                        'edit' => true
                    ])
                </div>
            </div>

        </form>
    </div>

@stop

@section('footer-script')
	@include('review::reviews.questions.default')
    <script type="text/javascript">

		$(".btn-save").on("click", function(event) {
			event.preventDefault();
			if($("#form").valid()){
				data = $('#form').serialize() + "&status=COMPLETED";

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

	            });
			}
		});

        $(document).ready(function() {
            $(".custom-item").each(function(index, value) {
                initializeEditor('#'+$(this).find(".answer-field").attr("id"));
            });
        });
    </script>
@stop