{{-- @extends($activeTemplate . 'layouts.home') --}}
{{-- @section('content') --}}
@php
    $pageTitle = 'Page Not Found';
@endphp

<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

    <title>Hello, world!</title>
</head>

<body>
    <!-- ================> 404 section start here <================== -->
    <div class="error padding-top padding-bottom sec-bg-color2">
        <div class="container">
            <div class="error__wrapper">
                <div class="error__inner" data-aos="fade-up" data-aos-duration="800">
                    <div class="error__thumb text-center">
                        <img src="{{ asset('assets/images/others/error.png') }}" alt="404 image">
                    </div>
                    <div class="error__content text-center">
                        <h2><span>ooops!</span> page not found</h2>
                        <p>Oops! It looks like you're lost. The page you were looking for couldn't be found. Don't
                            worry, it happens to the best of us.</p>
                        <a href="{{ route('admin.dashboard') }}" class="trk-btn trk-btn--border trk-btn--primary">Back
                            to home</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ================> 404 section end here <================== -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous">
    </script>
</body>

</html>

{{-- @endsection --}}
