@extends('errors.layout')

@section('title', '404 — Page Not Found')
@section('code', '404')
@section('badge-label', 'Page Not Found')
@section('dot-color', '#3B82F6')
@section('icon-bg', '#EFF6FF')
@section('icon-color', '#3B82F6')

@section('icon')
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
    <path stroke-linecap="round" stroke-linejoin="round" d="M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
@endsection

@section('heading', 'Page Not Found')
@section('description', "The page you're looking for has been moved, deleted, or simply doesn't exist in this system.")

@section('actions')
    <a href="{{ url('/dashboard') }}" class="btn-primary">
        <svg width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3">
            <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18" />
        </svg>
        Back to Dashboard
    </a>
    <a href="javascript:history.back()" class="btn-secondary">Go Back</a>
@endsection