@extends('layout.app')
@section('contents')
    <div class=" text-center col-md-6 mt-5 offset-md-3" >
       <h3>Account Confirmation</h3>
        <hr/>
    </div>
    <div class="alert alert-warning col-md-6 mt-5 offset-md-3" role="alert">
        <h6 class="text-center">
            For security reasons, your account needs to be validated before you can pin,
            repin, like or comment. Please take a minute to confirm your
            email and remove this limit. You can click on the link below
            to resend the confirmation email if needed.</h6>
        <div class="col-md-6 offset-md-3">
            <button data-toggle="modal" data-target="#exampleModal" style="padding: 10px 22px" class=" btn btn-outline-success"><span class="text-lowercase">Send Confirmation email again</span></button>
        </div>
    </div>
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <form action="{{route('submit-email-confirmation')}}" method="post">
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title">Confirm User</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="col-md-12">
                            <label for="review">Email</label>
                            <input name="email" type="email" class="form-control" id="review"
                                   placeholder="Enter your email" required="">
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary">confirm</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection