@extends('layouts.bare-logo')

@section('title', 'Subscribe to newsletter')

@section('content')
<div id="__next">
  <div class="container my-4 py-3">
    <h5 class="display-5 text-center py-3">You've created your account using Google</h5>
    <div class="card col-sm-8 offset-sm-2 border-0">
      <div class="d-flex col-sm-8 offset-sm-2 justify-content-center flex-column">
        <form method="post" action="{{ url('/subscription-google-login') }}">
          @csrf
          <input type="text" id="email" class="form-control form-control-lg" disabled aria-describedby="emailHelp"
            placeholder="Email" name="email" value="{{auth()->user()->email}}">

          <div class="text-center mt-3">
            <div class="form-check">
              <input class="form-check-input" type="checkbox" name="subscribed_newsletter" id="newsletter" checked
                style="margin-top:0.45rem;">
              <small class="form-check-label" for="newsletter">You agree to receive updates from
                {{ config('app.name') }}.
                You may opt out anytime.</small>
            </div>
          </div>
          <button type="submit" class="btn btn-primary btn-block py-2 mt-4">Continue</button>
      </div>
      </form>
    </div>
  </div>
</div>
</div>
@endsection