@extends('portal.portal-layout')

@section('pages-content')
    <div class="max-w-[654px]">

        <a type="submit" class="inline-flex gap-4 items-center font-medium text-lg text-primary-600 hover:underline mb-12" href="{{route('portal.account')}}">
            <svg class="w-4" fill="none" stroke="currentColor" stroke-width="4" viewBox="0 0 24 24"
                xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5"></path>
            </svg>
            <span>Back to dashboard</span>
        </a>

        <h1 class="text-5xl">References</h1>

        @if($refs_require_action->count() > 0)
            <div class="mt-8 md:mt-16">
                <h3 class="flex mb-6  text-blue-900 text-2xl font-bold">
                    <span>Requires action</span>
                </h3>

                <p class="my-6">You will typically need to provide two referees.</p>

                @foreach ($refs_require_action as $reference)
                    <a href="{{ route('add-referee-form.information', $reference->id) }}"
                        class="p-6 border rounded-lg shadow text-gray-900 hover:bg-[#fcfcfc] flex justify-between items-center mb-5">
                        <div>
                            <div class="flex items-center justify-between">
                                <span class="text-lg font-bold">Referee required</span>
                            </div>
                            <div class="flex flex-col">
                                <span class="text-base text-red-600 font-semibold my-1">Action required</span>
                                <span class="text-gray-500 text-base">Please complete referee form</span>
                            </div>
                        </div>
                        @svg('img/icons/right-arrow', 'text-blue-500')
                    </a>
                @endforeach
                @if (count($refs_require_action) < 1)
                    <span class="text-gray-500">No new reference form available</span>
                @endif

            </div>
        @endif

        @if($refs_in_progress->count() > 0)
            <div class="mt-8 md:mt-8">
                <h3 class="flex mb-6  text-blue-900 text-2xl font-bold">
                    <span>In progress</span>
                </h3>
                @foreach ($refs_in_progress as $reference)
                    <div
                    class="p-6 border rounded-lg shadow text-gray-900 bg-gray-100 flex justify-between items-center mb-5">
                    <div>
                            <div class="flex items-center justify-between">
                                <span class="text-lg font-bold">{{$reference->referee_first_name}} {{$reference->referee_last_name}}</span>
                            </div>
                            <div class="flex flex-col">
                                <span class="text-base text-yellow-500 font-semibold my-1">Awaiting referee response</span>
                            </div>
                    </div>
                    @svg('img/icons/lock-closed')
                    </div>
                @endforeach
                @if (count($refs_in_progress) < 1)
                    <span class="text-gray-500">No reference awaiting approval</span>
                @endif
            </div>
        @endif

        @if($refs_processed->count() > 0)
            <div class="mt-8 md:mt-8 mb-6">
                <h3 class="flex mb-6  text-blue-900 text-2xl font-bold">
                    <span>Processed</span>
                </h3>

                @foreach ($refs_processed as $reference)
                    <div
                        class="p-6 border rounded-lg shadow text-gray-900 bg-gray-100 flex justify-between items-center mb-5">
                        <div>
                            <div class="flex items-center justify-between">
                                <span
                                    class="text-lg font-bold">{{$reference->referee_first_name}} {{$reference->referee_last_name}}</span>
                            </div>
                            <div class="flex flex-col">
                                @if($reference->is_referee_unsuitable)
                                    <span class="text-base text-red-600 font-semibold my-1">Referee rejected</span>
                                @else
                                    <span class="text-base text-green-500 font-semibold my-1">Completed</span>
                                    <span
                                        class="text-gray-500 text-base">Expiring on {{$reference?->expiresOn()?->format('jS F Y')}}</span>
                                @endif
                            </div>
                        </div>
                        @svg('img/icons/lock-closed')
                    </div>
                @endforeach
                @if (count($refs_processed) < 1)
                    <span class="mb-5 text-gray-500">No reference approved yet</span><br><br>
                @endif
            </div>
       @endif

        @if($refs_past_count > 0)
            <a href="{{route('references.old')}}" class="text-primary-600 mt-8">View all past references</a>
        @endif
    </div>
@endsection