@extends('layouts.base')

@section('title', __('Waypoint not found'))

@section('content')
<div style="display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 60vh; padding: 2rem; text-align: center;">
    <img src="{{ asset('assets/images/logo_128.png') }}" alt="VereeGo" style="width: 80px; margin-bottom: 1.5rem; opacity: 0.6;">

    <h1 style="font-size: 1.5rem; margin-bottom: 1rem; color: #333;">
        {{ __('Waypoint not found') }}
    </h1>

    <p style="color: #666; margin-bottom: 2rem; max-width: 400px;">
        {{ $message ?? __('Ce waypoint n\'existe pas ou n\'est plus disponible.') }}
    </p>

    <a href="{{ route('home', ['locale' => app()->getLocale()]) }}" class="btn primary">
        {{ __('Back to home') }}
    </a>
</div>
@endsection