@if (session('password-resetmail'))
    <div class="col-lg-6 offset-lg-3 text-center col-sm-12 offset-sm-0">
        <h3>Wachtwoord herstel email verstuurd</h3>
        <div class="box bg-green text-center text-spaced p-3 my-4">
            <p class="is-white">{{ session('password-resetmail') }}</p>
        </div>
    </div>
@else
    <div class="col-lg-6 offset-lg-3 text-center col-sm-12 offset-sm-0">
        <h3>Ben je jouw wachtwoord vergeten?</h3>
        <p class="my-4 text-spaced">
            Vul hieronder je e-mailadres in en wij zullen je een e-mail versturen met daarin de
            vervolgstappen om je wachtwoord te resetten.
        </p>
    </div>

    <forgot-password-form inline-template>
        <div class="col-lg-6 offset-lg-3 col-sm-12 offset-sm-0">
            <loader></loader>
            <form action="/wachtwoord-vergeten" method="POST" ref="resetForm">
                {{csrf_field()}}
                <div class="card p-4 mt-4">
                    <input-field
                            :error="error"
                            icon="fas fa-user"
                            type="email"
                            name="email"
                            required="true"
                            label="E-mailadres"
                            v-model="email">
                    </input-field>

                    <input type="submit" @click.prevent="submitForm" class="btn btn-green" value="Wachtwoord resetten">
                </div>
            </form>
        </div>
    </forgot-password-form>
@endif