@php
    $user = $review->user()->withTrashed()->first();
    $u = request()->user();
@endphp

<div class="flex flex-col gap-4">
    <div class="bg-custom-grey-50 px-4 pt-3 pb-4 rounded-lg flex flex-col gap-3 relative">
        <div class="flex flex-col lg:flex-row gap-1 lg:gap-4 text-nowrap">
            <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 text-nowrap">{{ __('label.name_of_the_employee') }}</h3>
            <p class="text-sm-regular text-custom-grey-500">{{ $user->display_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 text-nowrap">{{ __('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 text-nowrap">{{ __('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>

        @php $assets = $review->getMedia('files'); @endphp
        @if ($assets && !$assets->isEmpty())
            <div class="flex flex-col gap-1">
                <h3 class="text-sm-semibold text-custom-grey-700 !py-0 text-nowrap">{{ __('title.lbl_attachments') }}</h3>
                <div class="flex flex-row items-center gap-2 light-gallery readers">
                    @foreach ($assets as $asset)
                        <div class="flex justify-center flex-col items-center">
                            <div class='flex justify-center items-center max-h-24 max-w-24 bg-custom-blue-25 rounded-lg reader'>
                                {!! get_formatted_asset($asset, true) !!}
                            </div>

                            <a class="mt-4" href="{{ route('media.download', $asset->id) }}">
                                <x-svg-icon icon="icon-download" />
                            </a>
                        </div>
                    @endforeach
                </div>
            </div>
        @endif
        {{-- absolute top-4 right-4 --}}

        <a href="/reviews/{{ $review->id }}/download"
            data-id="{{ $review->id }}"
            class="btn-text-base btn-export w-fit !pl-0">
            <x-svg-icon icon="icon-download" /> {{ __('menu.export') }}
        </a>
    </div>

    <div class="accordion flex flex-col gap-5">
        <div class="rounded-[8px]">
            <div class="accordion-title cursor-pointer flex items-center justify-between active">
                <h1 class="text-md-semibold text-custom-grey-900">
                    {{__('forms.lbl_questions')}} ({{ $review->review_answers->count() }})
                </h1>
                <x-svg-icon icon="icon-down" class="accordion-icon float-right" />
            </div>

            <div class="accordion-content hidden" style="display: block;">

                <div class="pt-3 pb-4 rounded-lg flex flex-col gap-3 overflow-hidden">
                    @foreach ($review->review_answers as $key => $answer)
                        <div class="flex flex-col gap-1 questions-container">
                            <h3 class="text-sm-semibold text-custom-grey-700 question-label !py-0">
                                {{ $key + 1 }}. {!! $answer->question->name !!}
                            </h3>
                            <div class="tinymce-reset">
                                @if ($answer->prefilled)
                                    {!! $answer->prefill_complete && $answer->value ? $answer->value : '' !!}
                                @else
                                    {!! $answer->value !!}
                                @endif
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>

    @php
        $settings = isset($review->subject)
            ? json_decode($review->subject->settings)
            : json_encode(['footer_text' => '']);
    @endphp

    @if ($review->status == 'COMPLETED' && request()->user()->id == $review->user_id && !$review->accepted)
        <div class="flex items-center gap-2">
            <button type="button" href="javascript:;"
                data-id="{{ $review->id }}"
                class="btn-remark flex items-center gap-2 text-custom-orange-500 text-sm-semibold" >
                <x-svg-icon icon="icon-add" /> {{ trans('forms.lbl_remark') }}({{ $review->comments->count() }})
            </button>

            {{-- <button type="button" class="btn-primary-sm btn-accept" data-uri="{{ route('reviews.accept', $review->id) }}">
                {{ __('forms.lbl_accept') }}
            </button> --}}
        </div>
    @endif

    <div id="replies-{{ $review->id }}" class="{{ $review->comments->count() > 0 ? '' : 'hidden' }}">
        @include('comments.index', ['item' => $review, 'joinDiscussion' => !$review->accepted])
    </div>


    @if ($review->status == 'COMPLETED' && $review->accepted)
        <div class="border border-custom-blue-400 rounded-lg bg-custom-blue-25 p-2  relative">
            <div class="flex flex-row gap-2 justify-center items-center text-custom-blue-500">
                <x-svg-icon  icon="icon-check" />
                <h3 class="text-md-semibold text-custom-blue-500">{{ __('Review.lbl_review_complete_text') }}</h3>
            </div>
        </div>
    @endif

    @if (isset($settings->footer_text) && $settings->footer_text)
        <div class="text-md-regular">
            {!! $settings->footer_text !!}
        </div>
    @endif
</div>