@extends('layouts.base', ['subtitle' => 'Page Not Found - 404'])

@section('body-attribuet')
class="authentication-bg"
@endsection

@section('content')

<div class="account-pages pt-2 pt-sm-5 pb-4 pb-sm-5">
     <div class="container">
          <div class="row justify-content-center">
               <div class="col-xl-6">
                    <div class="card auth-card">
                         <div class="card-body p-0">
                              <div class="row align-items-center g-0">
                                   <div class="col">
                                        <div class="p-4">
                                             <div class="mx-auto mb-4 text-center">
                                                  <div class="mx-auto text-center auth-logo">
                                                       <!-- <a href="{{ route('dashboard.home') }}" class="logo-dark">
                                                            <img src="/images/simbg-dputr.png" height="200" width="100%" alt="dputr logo">
                                                       </a>

                                                       <a href="{{ route('dashboard.home') }}" class="logo-light">
                                                            <img src="/images/simbg-dputr.png" height="200" width="100%" alt="dputr light">
                                                       </a> -->
                                                  </div>

                                                  <img src="{{ asset('images/simbg-dputr.png') }}" alt="dputr logo" height="250" class="mt-5 mb-3" />

                                                  <h2 class="fs-22 lh-base">Page Not Found !</h2>
                                                  <p class="text-muted mt-1 mb-4">The page you're trying to reach seems to have gone <br /> missing in the digital wilderness.</p>

                                                  <div class="text-center">
                                                       <a href="{{ route('home') }}" class="btn btn-danger">Back to Home</a>
                                                  </div>
                                             </div>
                                        </div>
                                   </div> <!-- end col -->
                              </div> <!-- end row -->

                         </div> <!-- end card-body -->
                    </div> <!-- end card -->

               </div> <!-- end col -->
          </div> <!-- end row -->
     </div>
</div>
@endsection