@php
    SeoHelper::setTitle(__('404 - Not found'));
    Theme::fireEventGlobalAssets();
@endphp

{!! Theme::partial('header') !!}

<div class="ps-page--404">
    <div class="container ps-page--404__container">
        <div class="ps-page--404__card">
            <div class="ps-page--404__content">
                <h1>{{ __('This page stepped out for shopping') }}</h1>
                <p>{{ __("The link may be broken, moved, or no longer available. Try searching HBL Lifestyle or jump back to a working section.") }}</p>

                <div class="ps-page--404__actions">
                    <a class="ps-btn ps-page--404__primary" href="{{ BaseHelper::getHomepageUrl() }}">{{ __('Go home') }}</a>
                    @if (is_plugin_active('ecommerce'))
                        <a class="ps-page--404__secondary" href="{{ route('public.products') }}">{{ __('Browse products') }}</a>
                    @endif
                </div>

                @if (is_plugin_active('ecommerce'))
                    <form class="ps-form--widget-search ps-page--404__search" action="{{ route('public.products') }}" method="get">
                        <input class="form-control" type="text" name="q" placeholder="{{ __('Search products, brands, categories...') }}">
                        <button type="submit"><i class="icon-magnifier"></i><span>{{ __('Search') }}</span></button>
                    </form>
                @endif
            </div>

            <div class="ps-page--404__visual" aria-hidden="true">
                <div class="ps-page--404__badge">{{ __('404') }}</div>
                <div class="ps-page--404__bag">
                    <span></span>
                    <span></span>
                    <img src="{{ Theme::asset()->url('img/hbl-symbol.png') }}" alt="" loading="lazy">
                </div>
                <div class="ps-page--404__shadow"></div>
            </div>
        </div>
    </div>
</div>

{!! Theme::partial('footer') !!}