@php
    /**
    * @var $exception
    */
    $isWeb = starts_with(\Illuminate\Support\Facades\Route::currentRouteName(), 'web.');
    $extendsFrom = $isWeb ? 'web.layouts.layout' : 'admin.layouts.container';
    $cssSection = $isWeb ? 'head_css' : 'css';
    $homeRoute = $isWeb ? route('web.home') : route('dashboard');
    $errorImageByCode = "assets/admin/images/error_{$exception->getStatusCode()}.svg";
    $errorImage = asset($errorImageByCode);
    if (!is_file(public_path($errorImageByCode))){
        $errorImage = asset('assets/admin/images/error_404.svg');
    }
@endphp



@extends($extendsFrom)
@section($cssSection)
    <style>
        .error_pg {
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
        }
        .error_pg .sec-img {
            height: 100vh;
            object-fit: contain;
            margin-bottom: 40px;
        }
        .error_pg .back_butn {
            position: absolute;
            bottom: 50px;
            left: 50%;
            transform: translateX(-50%);
            background-color: var(--mainColor);
            border-color: var(--mainColor);
            color: #fff;
            width: 200px;
            height: 50px;
            line-height: 53px;
            text-align: center;
            font-size: 28px;
            font-weight: bold;
        }
    </style>
@endsection
@section('content')
    @if($isWeb)
        <main>
            <section class="error_pg py-5">
                <img src="{{ $errorImage }}" alt="" class="sec-img"/>
                <a href="{{ $homeRoute }}" class="back_butn">  {{ __('main.home') }} </a>
            </section>
        </main>
    @else
        <div class="border-item">
            <div class="row tab-wrapper w-100">
                <section class="error_pg py-5 col-12">
                    <img src="{{ $errorImage }}" alt="" class="sec-img"/>
                    <a href="{{ $homeRoute }}" class="back_butn">  {{ __('main.home') }} </a>
                </section>
            </div>
        </div>
    @endif
@endsection