@extends('layouts.auth')

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

@section('content')
<div class="auth-card text-center p-4">
    <div class="rounded-circle bg-warning-subtle text-warning-emphasis mx-auto d-flex align-items-center justify-content-center mb-3" style="width: 72px; height: 72px; font-size: 2rem;">
        <i class="bi bi-question-circle"></i>
    </div>
    <h3 class="fw-bold text-dark mb-2">404 Record Not Found</h3>
    <p class="text-muted small mb-4">
        The requested store, product, or resource could not be found or has been moved.
    </p>
    <a href="{{ route('dashboard') }}" class="btn btn-agri btn-sm">
        <i class="bi bi-house me-1"></i> Return to Dashboard
    </a>
</div>
@endsection