@extends('layouts.auth')

@section('content')

    <!-- 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">

            <div class="card bg-body">
                <div class="p-4 p-sm-4" style="adding-bottom: 0.25rem !important;">
                    <!-- Logo -->
                    <div class="d-flex justify-content-center align-items-center pb-2 mb-4">
                        <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>
                    <!-- / Logo -->

                    <h5 class="text-center text-muted font-weight-normal mb-4">Einwilligung zur Verwendung von reCAPTCHA</h5>

                    <form method="POST" action="{{ route('register.consent.accept') }}">
                        @csrf
                        @if(isset($from_member_id))
                            {!! Form::hidden('from_member_id', $from_member_id) !!}
                        @endif
                        <div class="form-group">
                            <p>Bevor Sie sich registrieren können, benötigen wir Ihre Einwilligung zur Verwendung von Google reCAPTCHA:</p>
                            
                            <p>Diese Website verwendet den Dienst reCAPTCHA von Google Inc. (Google) zum Schutz vor Spam und Missbrauch. Die Verwendung von reCAPTCHA beinhaltet die Übermittlung von personenbezogenen Daten an Google, einschließlich Ihrer IP-Adresse.</p>
                            

                            <div class="d-flex justify-content-between align-items-center m-0">
                                <label class="custom-control custom-checkbox m-0">
                                    <input type="checkbox" class="custom-control-input{{ $errors->has('recaptcha_consent') ? ' is-invalid' : '' }}" name="recaptcha_consent"> 
                                    <span class="custom-control-label small" style="line-height: 1.2em !important;">  Ich stimme der Verwendung von Google reCAPTCHA und der damit verbundenen Datenübermittlung an Google zu.</span>
                                </label>
                            </div>
                           <hr>
                           @error('error')
                                <span class="invalid-feedback d-block" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                            <button type="submit" class="btn btn-primary btn-block mt-4">Einwilligung bestätigen und fortfahren</button>
                        </div>
                    </form>
                    <!-- / Form -->

                    <div class="card-footer">
                        <div class="text-center text-muted">
                            <a href="{{route('login')}}" class="btn btn-outline-primary mt-2 btn-sm">{{__('Login')}}</a>
                        </div>
                        <div class="mt-3 text-center">
                            <hr>
                            <a href="https://www.gruene-seele.bio/datenschutzerklaerung/" class="btn btn-outline-secondary mt-0 btn-sm">{{__('data protection')}}</a>
                            <a href="https://www.gruene-seele.bio/impressum/" class="btn btn-outline-secondary mt-0 btn-sm">{{__('imprint')}}</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

