@*
    EN: 404 Not Found page — branded error page with navigation options.
    VI: Trang 404 — trang lỗi thương hiệu với các tùy chọn điều hướng.
*@
@page "/not-found"
@layout MainLayout
@inject Microsoft.Extensions.Localization.IStringLocalizer<NotFound> L

<PageTitle>404 — @L["AppName"]</PageTitle>

<div class="notfound-page">
    <div class="notfound-page__icon">
        <i data-lucide="map-pin-off"></i>
    </div>
    <div class="notfound-page__code">404</div>
    <h1 class="notfound-page__title">@L["NotFound_Title"]</h1>
    <p class="notfound-page__subtitle">@L["NotFound_Subtitle"]</p>
    <div class="notfound-page__actions">
        <a href="/" class="notfound-page__btn notfound-page__btn--primary">
            <i data-lucide="home"></i>
            @L["NotFound_GoHome"]
        </a>
        <a href="/auth/login" class="notfound-page__btn notfound-page__btn--secondary">
            <i data-lucide="log-in"></i>
            @L["Nav_Login"]
        </a>
    </div>
</div>