@extends('layout.guest')

@section('content')
<div class="container">
    <div class="verify-container m-10">
        <h1 class="verify-title">Almost there</h1>
        <p class="verify-text">To continue, let us know you are not a robot.</p>
        
        <form action="{{ route('self-check.verify.submit') }}" method="POST">
            @csrf
            @env('production')
                <div class="recaptcha-container">
                    <div class="g-recaptcha" data-sitekey="{{ config('services.recaptcha.site_key') }}"></div>
                    @error('g-recaptcha-response')
                        <div class="text-danger mt-2">{{ $message }}</div>
                    @enderror
                </div>
            @endenv
            <button type="submit" class="btn btn-download rounded-pill mt-3">Submit</button>
        </form>
    </div>
</div>
@endsection

@section('scripts')
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
@endsection