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

@section('page-styles')
    <style>
        .questions-container .form-group > div > label {
			color: #080808 !important;
		}
    </style>
@endsection
@section('content')
	<div class="content">
        <form id="form"
            name="employee-review-form"
            action=""
            method="POST"
            >

            <x-content.header title="{{ __('settings.reviews') }}">
                <x-slot:headerRight>
                    <button type="submit" class="btn-primary-base btn-save in-progress">
                        {{trans('Review.lbl_save_send')}}
                    </button>

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

                    <a href="{{ route('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>

                    <div class="default-questions">
                        @include('review::review.question')
                    </div>
                </div>
            </div>

        </form>
    </div>

@stop

@section('footer-script')
    <script type="text/javascript">

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

				data = $('#form').serialize();

				if($(this).hasClass('btn-concept')) {
					data = data+"&save_as_concept=1";
				}

				PDRequest({
					type    : "POST",
					url     : $("#form").prop("action"),
					data    : data,
					event   : event
				}).then(response => {
					if(response.status == "success") {
						if($(this).hasClass('btn-concept')) {
							window.location = "";
						} else {
							window.location = "{{ route('reviews.index') }}";
						}
					}
				});
			}
		});

    </script>
@stop