@extends('layouts.layout-2')

@section('content')
    <div class="authentication-wrapper authentication-2 px-4" style="margin-top: 120px;">
        <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-ios-cog" style="color: #e48800;"></i>
                        </span>
                    </div>

                    <p class="text-center text-big mb-4"><strong>{{ __('You have successfully verified your account!') }}</strong></p>
                    <p class="text-center text-big mb-4">{{ __('Now check your data.') }}<br><br><a href="{{route('home')}}" class="btn btn btn-primary">{{ __('to your data') }}</a></p>
                    <hr>
                    <p class="text-center text-big mb-4">{{ __('Now assign a password.') }}<br><br><a href="{{route('user_update_password_first')}}" class="btn btn btn-primary">{{ __('create new password') }}</a></p>
                    <hr>
                    <a href="https://gruene-seele.bio" class="btn btn-default btn-block">{{ __('back to the homepage') }}</a>

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

        </div>
    </div>

@endsection