@extends('layout.master')
@section('meta')
    @include('layout.partials.seo', [
        'title' => nova_get_setting_translate('errors_page_meta_title'),
        'description' => nova_get_setting_translate('errors_page_meta_description'),
        'keywords' => nova_get_setting_translate('errors_page_meta_keywords'),
        'image' => Storage::url(nova_get_setting('errors_page_banner')),
        'schema' => nova_get_setting('errors_page_schema'),
    ])
@endsection
@section('content')
    <div class="bg-img-hero text-center mb-1"
         style="background-image: url({{ Storage::url(nova_get_setting('errors_page_banner')) }})"
         role="img"
         aria-label="{{ nova_get_setting_translate('errors_page_banner_alt') }}"
         title="{{ nova_get_setting_translate('errors_page_banner_title') }}">
        <div class="container space-top-xl-3 py-6 py-xl-0">
            <div class="row justify-content-center py-xl-4">
                <!-- Info -->
                <div class="py-xl-10 py-5">
                    <h1 class="font-size-40 font-size-xs-30 text-white font-weight-bold mb-0">{{ nova_get_setting_translate('errors_page_title') }}</h1>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb breadcrumb-no-gutter justify-content-center mb-0">
                            <li class="breadcrumb-item font-size-14"><a class="text-white" href="{{route('home')}}">{{__('general.home')}}</a></li>
                            <li class="breadcrumb-item custom-breadcrumb-item font-size-14 text-white active"
                                aria-current="page">{{ nova_get_setting_translate('errors_page_name') }}
                            </li>
                        </ol>
                    </nav>
                </div>
                <!-- End Info -->
            </div>
        </div>
    </div>

    <section class="contact-section pt-50 pb-100">
        <div class="container">
            <div class="row flex-center text-center">
                <div class="col-md-12 text-center flex-center">
                    <h2>404 | {{ nova_get_setting_translate('errors_page_title') }}</h2>
                    <h2>{{ nova_get_setting_translate('errors_page_second_title') }}</h2>
                    <h2>{!! nova_get_setting_translate('errors_page_text') !!}  </h2>
                    <a href="{{route('home')}}" class="flex-center btn btn-warning"
                       style="background-color: #F9BF26; color: #35353a;font-weight: 900;font-size: 16px;margin: 20px">
                        {{__('general.return_home')}}</a>
                </div>
            </div>
        </div>
    </section>
@endsection