@extends('errors::minimal')

{{--@section('title', __('Not Found'))
@section('code', '404')--}}

@section('message')
    <style>
        .for-margin {
            margin: auto;

            margin-bottom: 10%;
        }

        .for-margin {

        }

        .page-not-found {
            margin-top: 30px;
            font-weight: 600;
            text-align: center;
        }
    </style>
    <div class="container ">
        <div class="col-md-3"></div>
        <div class="col-md-6 for-margin">
            <div class="for-image">
                <img style="" src="{{asset("storage/app/public/png/404.png")}}" alt="">
            </div>
            <h2 class="page-not-found">{{\App\CPU\translate('Page Not found')}}</h2>

            <p style="text-align: center;">{{\App\CPU\translate('We are sorry, the page you requested could not be found')}} <br> {{\App\CPU\translate('Please go back to the homepage')}}</p>
            <div style="text-align: center;">
                <a class="btn btn--primary" href="{{ route('home') }}"> {{\App\CPU\translate('HOME')}}</a>
            </div>

        </div>
        <div class="col-md-3"></div>
    </div>
@endsection