@extends('frontend::layouts.master')

@section('title')
    <title>Error 404</title>
@endsection

@php
    $error_message = Modules\Backend\Models\Setting::getValue('error_message');
    $error_title = Modules\Backend\Models\Setting::getValue('error_title');
    $error_image = Modules\Backend\Models\Setting::getValue('error_image');
@endphp

@section('content')
    <!-- main-area -->
    <main class="fix">

        <x-frontend::breadcrumb>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page">404 Error</li>
            </ol>
        </x-frontend::breadcrumb>


        <section class="py-5">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-7">
                        <div class="error-content text-center">
                            @if ($error_image)
                                <img class="img-fluid mb-3" src="{{ asset($error_image ?? '') }}">
                            @endif

                            <h3 class="error-title">{{ $error_title ?? '' }}</h3>

                            <p class="error-message">{{ $error_message ?? '' }}</p>

                            <a class="btn" href="{{ route('home') }}">Go to Home</a>

                        </div>
                    </div>
                </div>
            </div>
        </section>

    </main>
    <!-- main-area-end -->
@endsection