@extends('layouts.portal')
@section('title', 'Evaluation '.$evaluation->quarter)
@section('heading', 'Quarterly Evaluation '.$evaluation->quarter)
@section('content')
<a href="{{ route('intern.dashboard') }}" class="mb-4 inline-flex items-center gap-1 rounded-lg bg-white/90 px-3 py-1.5 text-sm font-medium text-slmc shadow-sm hover:bg-white"><i class="ri-arrow-left-line"></i> Back to dashboard</a>

@include('partials.evaluation.header')

<div class="grid gap-6 lg:grid-cols-3">
    <div class="lg:col-span-2">
        @if($evaluation->editableByIntern())
            <form method="POST" action="{{ route('intern.evaluations.update', $evaluation->quarter) }}">
                @csrf @method('PUT')
                @include('partials.evaluation.sections', ['editIntern' => true, 'editConsultant' => false, 'editDirector' => false])

                <section class="slmc-card flex flex-col gap-4 p-6 sm:flex-row sm:items-center sm:justify-between">
                    <p class="text-sm text-gray-500"><i class="ri-information-line"></i> Save as a draft anytime. Once submitted, you cannot edit unless it is returned to you.</p>
                    <div class="flex shrink-0 flex-col-reverse gap-3 sm:flex-row">
                        <button type="submit" name="action" value="save" class="flex items-center justify-center gap-2 rounded-xl border border-slmc-line bg-white px-5 py-3 text-sm font-semibold text-slmc hover:bg-slmc-tint">
                            <i class="ri-save-line"></i> Save draft
                        </button>
                        <button type="submit" name="action" value="submit" onclick="return confirm('Submit Evaluation {{ $evaluation->quarter }} to your Supervisory Consultant?')"
                            class="bg-login-panel flex items-center justify-center gap-2 rounded-xl px-6 py-3 text-sm font-semibold text-white shadow hover:brightness-110">
                            <i class="ri-send-plane-line"></i> Submit to Consultant
                        </button>
                    </div>
                </section>
            </form>
        @else
            @include('partials.evaluation.sections', ['editIntern' => false, 'editConsultant' => false, 'editDirector' => false])
        @endif
    </div>
    <aside>
        @include('partials.evaluation.history')
    </aside>
</div>
@endsection