@extends('layouts.auth')

@section('content')
    <div class="authentication-wrapper authentication-2 ui-bg-cover ui-bg-overlay-container px-4" style="background-image: url({{asset('images/back.jpg')}});">
        <div class="ui-bg-overlay bg-dark opacity-25"></div>

        <div class="authentication-inner py-5">

            <!-- Form -->
            <div class="card bg-body">
                <div class="p-4 p-sm-5">
                    <div class="d-flex justify-content-center align-items-center pb-2 mb-2">
                        <div class="">
                            <div class="w-100 position-relative">
                                <a href="/"><img src="{{ asset('/images/gruene-seele-logo.jpg') }}" alt="gruene-seele-logo" class=""></a>
                            </div>
                        </div>
                    </div>
                    <style>
                        .ui-icon {
                            width: 90px;
                            height: 90px;
                            font-size: 50px;
                            line-height: calc(90px);
                        }
                    </style>
                    <div class="text-primary mx-auto mb-4 text-center">
                        <span class="ui-icon font-weight-bolder">
                            <i class="ion ion-md-close" style="color: #e48800;"></i>
                        </span>
                    </div>

                    <p class="text-center text-big mb-4"><strong>{{ __('Page not available') }}</strong></p>

                    <a href="https://gruene-seele.bio" class="btn btn-default btn-block">{{ __('back to the homepage') }}</a>

                </div>
            </div>
            <!-- / Form -->

        </div>
    </div>

@endsection