@extends('templates._single_left')

@section('html.head.title', "Subscribe" . ' -')



@section('beforeMain')
    @include('sections.banner', ['background' => '', 'space_class'=>'xlg-pt4 pt3 pb3'])

        @include('atoms.heading_group', [
            'title' => "Stay updated",
            'copy' => "Sign up to receive notifications of updates and changes to content and legislation."
        ])

    @include('sections.banner_CLOSE')
@endsection



@section('sidebar')

@endsection



@section('afterMain')

@endsection



@section('main')
    <div class="py3">
        @if(!session('subscribed'))
            <form action="{{ route('subscription-store') }}" method="post" class="form-boxed">
                @csrf

                <div class="form-boxed__item -focus @if($errors->has('email')) -error @endif">
                    <label for="contact_email">
                        Email address:
                        @if($errors->has('email'))
                            <span class="form-boxed__error-msg">
                                {{ $errors->first('email') }}
                            </span>
                        @endif
                    </label>
                    <input autofocus type="text" id="email" name="email" value="{{ old('email') }}">
                </div>

                <div class="form-boxed__item @if($errors->has('g-recaptcha-response')) -error @endif">
                    <label for="contact_message">
                        @if($errors->has('g-recaptcha-response'))
                            <span class="form-boxed__error-msg">
                                    {{ $errors->first('g-recaptcha-response') }}
                                </span>
                        @endif
                    </label>
                    <div class="p2">
                        {!! ReCaptcha::htmlFormSnippet() !!}
                    </div>
                </div>

                <div class="form-boxed__item -top-border-only @if($errors->has('subscribed')) -error @endif">
                    <button type="submit">Send</button>
                </div>
            </form>
        @else
            <h1 class="m0">Thank you for subscribing</h1>
            <p>
                Please confirm your email address by clicking the activation link in the email that we just sent to your inbox.
            </p>
        @endif
    </div>
@endsection