@extends('site.layouts.app')

@section('content')

<div class="page-wrapper content-wrapper page-login">
    <section class="login">
        <div class="container">
            <div class="login__box">
                <div class="login__title">
                    <h2>Redefinir senha</h2>
                    <p>Informe a nova senha para acessar sua conta com segurança.</p>
                </div>

                @if(session('status'))
                    <div class="message-box success">
                        {{ session('status') }}
                    </div>
                @endif

                @if(session('error'))
                    <div class="message-box danger">
                        {{ session('error') }}
                    </div>
                @endif

                @if($errors->any())
                    <div class="message-box danger">
                        <ul>
                            @foreach($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                <div class="login__form">
                    <form action="{{ route('site.sailor.password.update') }}" method="POST">
                        @csrf
                        <input type="hidden" name="token" value="{{ $token }}">
                        <input type="hidden" name="email" value="{{ $email }}">

                        <div class="field">
                            <label for="password">Senha<span>*</span></label>
                            <input type="password" name="password" id="password">
                        </div>

                        <div class="field">
                            <label for="password_confirmation">Confirmar senha<span>*</span></label>
                            <input type="password" name="password_confirmation" id="password_confirmation">
                        </div>

                        <input type="submit" value="Enviar">
                    </form>
                </div>
            </div>
        </div>
    </section>
</div>

@endsection