@extends('layouts.app')

@section('content')

<div class="auth-form-container">
    <form method="post" action="{{ route('password.update') }}">
        @csrf
        <input type="hidden" name="token" value="{{ $token }}">
        <div class="field">
            <label class="label" for="email">Adresse email</label>
            <div class="control has-icons-left">
            <input class="input {{ $errors->has('email') ? 'is-danger' : null }}" type="email" name="email" id="email" placeholder="Adresse email" value="{{ $email ?? old('email') }}" autofocus>
                <span class="icon is-small is-left">
                    <i class="fas fa-envelope"></i>
                </span>
            </div>
            {!! $errors->first('email', '<p class="help is-danger">:message</p>') !!}
        </div>

        <div class="field">
            <label class="label" for="password">Mot de passe</label>
            <div class="control has-icons-left">
                <input class="input {{ $errors->has('password') ? 'is-danger' : null }}" name="password" id="password" type="password" placeholder="Mot de passe">
                <span class="icon is-small is-left">
                    <i class="fas fa-key"></i>
                </span>
            </div>
            {!! $errors->first('password', '<p class="help is-danger">:message</p>') !!}
        </div>

        <div class="field">
            <label class="label" for="password-confirm">Confirmez le mot de passe</label>
            <div class="control has-icons-left">
                <input class="input" name="password_confirmation" type="password" id="password-confirm" placeholder="Confirmer le mot de passe">
                <span class="icon is-small is-left">
                    <i class="fas fa-key"></i>
                </span>
            </div>
        </div>
       

        <div class="field">
            <div class="control">
                <button type="submit" class="button is-ams is-fullwidth">Réinitialiser mon mot de passe</button>
            </div>
        </div>
        
    </form>
</div>

@endsection