@extends('layouts.admin-main')
@section('content')
    {{-- <center>
        <div class="shadow-0" style="max-width: 100%;margin-top:50px;">
            <img src="{{ asset('images/error404.png') }}" alt="" class="center">
            <h1 class="title">Error 404| <span>Page Not Found !</span></h1>
        </div>
    </center> --}}
     <main id="js-page-content" role="main" class="page-content">
        {{-- <ol class="breadcrumb page-breadcrumb">
            <li class="breadcrumb-item"><a href="javascript:void(0);">SmartAdmin</a></li>
            <li class="breadcrumb-item">Page Views</li>
            <li class="breadcrumb-item">Error Pages</li>
            <li class="breadcrumb-item active">Server Error</li>
            <li class="position-absolute pos-top pos-right d-none d-sm-block"><span class="js-get-date"></span></li>
        </ol> --}}
        <div class="subheader"></div>
        <div class="h-alt-hf d-flex flex-column align-items-center justify-content-center text-center">
            <h4 class="page-error color-fusion-500">
                Error <span class="text-gradient">404</span>
                <small class="fw-500">
                    Page Not Found !
                </small>
            </h4>
        </div>
    </main>
    <!-- this overlay is activated only when mobile menu is triggered -->
@endsection

@section('meta')
<title>404 - {{$settings_->shop_name}}</title>
@endsection