@extends('master')

@section('seo_title', 'Error 404')
@section('seo_keywords', '')
@section('seo_description', '')

@section('content')

    @include('layout.breadcrumbs', ['page_title' => 'Error 404'])

    <meta name="locale" content="{{ app()->getLocale() }}">

    <!-- Contents -->
    <section>
        <div class="d-flex flex-column container">
            <div class="min-vh-100 justify-content-center align-items-center row">
                <div class="py-8 py-xl-0 col-lg-10 offset-lg-1">
                    <div class="mb-10 mb-xxl-0">
                        <a href="/{{ app()->getLocale() }}">
                            <img src="{{ URL::asset('assets/images/logo-horiz.svg') }}" alt="" class="w-50">
                        </a>
                    </div>
                    <div class="justify-content-center align-items-center row">
                        <div class="col-md-6">
                            <div class="mb-6 mb-lg-0">
                                <h1>@lang('messages.SOMETHING_WRONG_HERE')</h1>
                                <p class="mb-8">
                                    @lang('messages.WE_LOOKING_HELP_CENTER_OR_HOME')
                                </p>
                                <button type="button" class="btn btn-dark">
                                    @lang('messages.HELP_CENTER') <i class="fa-solid fa-arrow-right"></i>
                                </button>
                                <a role="button" tabindex="0" class="ms-2 btn btn-primary" href="/{{ app()->getLocale() }}">@lang('messages.BACK_TO_HOME')</a>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div><img src="{{ URL::asset('assets/images/404error.svg') }}" alt="" class="img-fluid"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection