@extends('layouts.error')

@section('title', 'Page Not Found')

@section('content')
<div class="error-card">
    <div class="error-code text-primary">404</div>
    <h1 class="error-title">Page Not Found</h1>
    <p class="error-description">
        Sorry, the page you're looking for can't be found. It might have been removed, 
        had its name changed, or is temporarily unavailable.
    </p>
    
    <div class="error-actions">
        @auth
        <a class="btn btn-primary" href="{{ url('/dashboard') }}">
            <i class="fas fa-home"></i>
            Go to Dashboard
        </a>
        <button type="button" class="btn btn-falcon-default" onclick="history.back();">
            <i class="fas fa-arrow-left"></i>
            Go Back
        </button>
        @else
        <a class="btn btn-primary" href="{{ route('login') }}">
            <i class="fas fa-sign-in-alt"></i>
            Sign In
        </a>
        <a class="btn btn-falcon-default" href="{{ url('/') }}">
            <i class="fas fa-home"></i>
            Go to Home
        </a>
        @endauth
    </div>
    
    <div class="error-tip">
        <i class="fas fa-info-circle text-info"></i>
        If you believe this is a mistake, please contact your system administrator.
    </div>
</div>
@endsection