@extends('layouts.main-layout')
@section('header')
    <div class="flex gap-4 items-center">
        @if(Auth::user())
            <div class="whitespace-nowrap text-gray-700 font-medium">{{ auth()->user()->full_name }}</div>
            <form id="logout_form" action="{{ route('portal.account.logout') }}" method="post">
                @csrf
                <button type="submit" class="flex items-center gap-2 leading-tight text-primary-600 font-bold hover:underline">
                    <span class="whitespace-nowrap">Log out</span>
                    @svg('img/icons/logout')
                </button>
            </form>
        @endif
    </div>
@stop

@section('footer', true)
@section('header-logo')
    {{asset('img/logos/titus-trust.svg')}}
@stop
@section('footer-logo')
    {{asset('img/logos/titus-trust-footer.svg')}}
@stop


@section('content')
    <div>
        <p class="text-center text-7xl text-primary-600 mt-10">Page not found</p>
        <p class="text-center mt-10 font-bold">
                        {{ isset($exception) && $exception instanceof \App\Exceptions\PortalDetailedPageNotFoundHttpException ? $exception->getMessage() : '' }}
        </p>

        @if(Auth::user())
            <p class="text-center mt-6 flex gap-2 justify-center items-center">
                <span>If you would like to log into another account click </span>
                <button type="submit" form="logout_form" class="flex items-center gap-2 leading-tight text-primary-600 font-bold hover:underline">
                    <span class="whitespace-nowrap">Log out</span>
                    @svg('img/icons/logout')
                </button>
            </p>
        @endif
    </div>
@endsection