{{--
  Reviewer action bar (consultant / director).
  $approveLabel, $returnLabel, $returnTo (who it goes back to), $approveConfirm
--}}
<section class="slmc-card p-6">
    <h3 class="mb-1 text-lg font-bold text-slmc">Your decision</h3>
    <p class="mb-4 text-sm text-gray-500">You may edit the evaluation above, then either return it for changes or approve it.</p>

    <label for="return_remarks" class="text-sm font-semibold text-slmc">Reason for returning <span class="font-normal text-gray-400">(required only when returning to {{ $returnTo }})</span></label>
    <textarea id="return_remarks" name="return_remarks" rows="3" maxlength="2000"
        class="slmc-input mt-1.5 mb-1 pl-3 {{ $errors->has('return_remarks') ? 'border-red-400' : '' }}">{{ old('return_remarks') }}</textarea>
    @error('return_remarks')<p class="mb-1 text-xs text-red-600">{{ $message }}</p>@enderror

    <div class="mt-4 flex flex-col-reverse gap-3 sm:flex-row sm:items-center sm:justify-end">
        <button type="submit" name="action" value="save" formnovalidate
            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 changes
        </button>
        <button type="submit" name="action" value="return" formnovalidate
            class="flex items-center justify-center gap-2 rounded-xl border border-orange-300 bg-orange-50 px-5 py-3 text-sm font-semibold text-orange-700 hover:bg-orange-100">
            <i class="ri-arrow-go-back-line"></i> {{ $returnLabel }}
        </button>
        <button type="submit" name="action" value="approve" onclick="return confirm(@js($approveConfirm))"
            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-check-double-line"></i> {{ $approveLabel }}
        </button>
    </div>
</section>