@php
    $domain = request()->getHost();
    $isFrontDomain = request()->getHost() == config('app.callforproposal_front_domain');

    if ($isFrontDomain) {
        $baseLayout = 'front.layouts.base';
    } else {
        $baseLayout =
            backpack_user() && Str::startsWith(\Request::path(), config('backpack.base.route_prefix'))
                ? 'backpack::layouts.top_left'
                : 'backpack::layouts.plain';
    }
@endphp

@extends($baseLayout)

@php
    $title = 'Error ' . $error_number;
@endphp

@section('after_styles')
    <style>
        .error_number {
            margin-top: 60px;
            font-size: 72px;
            font-weight: 600;
            line-height: 100px;
            color: #141515;
        }

        .error_number small {
            font-size: 36px;
            font-weight: 700;
        }

        .error_number hr {
            margin-top: 60px;
            margin-bottom: 0;
            width: 50px;
        }

        .error_title {
            margin-top: 40px;
            font-size: 36px;
            font-weight: 400;
        }

        .error_description {
            font-size: 24px;
            font-weight: 400;
        }

        .red-txt {
            color: #be171d;
        }
    </style>
@endsection

@php
    $splitErrorNumber = mb_str_split($error_number);
@endphp

@section('content')
    <div class="row">
        <div class="col-md-12 text-center">
            <div class="error_number">
                <small>@yield('title')</small><br>
                @foreach ($splitErrorNumber as $index => $char)
                    @if ($index === 1)
                        <span class="red-txt">{{ $char }}</span>
                    @else
                        {{ $char }}
                    @endif
                @endforeach
                <hr>
            </div>
            <div class="error_description text-muted">
                <small>
                    @yield('description')
                </small>
            </div>
            @if (!$isFrontDomain)
                <div class="error_description text-muted">
                    <small>
                        @yield('exception')
                    </small>
                </div>
            @endif
        </div>
    </div>
@endsection