@extends('storefront.layouts.main')

@section('title', 'Verify Email')

@section('content')
<div class="container" style="padding-top:50px; padding-bottom:50px;">
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <div class="portlet light">
                <div class="portlet-title">
                    <div class="caption"><span class="caption-subject theme-font bold uppercase">Verify Your Email</span></div>
                </div>
                <div class="portlet-body">
                    <p class="font-grey-mint margin-bottom-20">Thanks for signing up! Before getting started, please verify your email address by clicking on the link we just emailed to you.</p>

                    @if (session('status') == 'verification-link-sent')
                        <div class="alert alert-success">A new verification link has been sent to your email address.</div>
                    @endif

                    <div class="row">
                        <div class="col-md-6">
                            <form method="POST" action="{{ route('verification.send') }}">
                                @csrf
                                <button type="submit" class="btn btn-primary btn-block">
                                    <i class="fa fa-envelope"></i> Resend Verification Email
                                </button>
                            </form>
                        </div>
                        <div class="col-md-6">
                            <form method="POST" action="{{ route('logout') }}">
                                @csrf
                                <button type="submit" class="btn btn-default btn-block">
                                    <i class="fa fa-sign-out"></i> Log Out
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection