@extends('layouts.app')

@section('title', __('titles.windows.reset_password'))

@section('content')
<section class="section" style="min-height:80vh;">
    <div class="container">
        <div class="columns is-centered" id="columns_wrapper">
            <div class="column is-half">
                <h1 class="title is-1">{{ __('titles.pages.reset_password') }}</h1>
                <form action="{{ route('password.reset') }}" class="box" id="password_reset_form" method="POST" novalidate>
                    @csrf
                    <div class="field">
                        <label for="email" class="label is-required">
                            {{ __('labels.email') }}
                            @error('email')
                            @include('includes.shared.context_error', ['message' => $errors->first('email')])
                            @enderror
                        </label>
                        <div class="control">
                            <input type="email" class="input" name="email" id="email" required autofocus>
                        </div>
                    </div>
                    <div class="field">
                        <label for="password" class="label is-required">
                            {{ __('labels.password') }}
                            @error('password')
                            @include('includes.shared.context_error', ['message' => $errors->first('password')])
                            @enderror
                        </label>
                        <div class="control">
                            <input type="password" class="input" name="password" id="password" required>
                        </div>
                        <ul id="password_rules" class="is-size-7 is-hidden">
                            <li>{{ __('labels.password_rules.length') }}</li>
                            <li>{{ __('labels.password_rules.lower') }}</li>
                            <li>{{ __('labels.password_rules.upper') }}</li>
                            <li>{{ __('labels.password_rules.special') }}</li>
                        </ul>
                    </div>
                    <div class="field">
                        <label for="password_confirmation" class="label is-required">
                            {{ __('labels.password_confirmation') }}
                            @error('password_confirmation')
                            @include('includes.shared.context_error', ['message' => $errors->first('password_confirmation')])
                            @enderror
                        </label>
                        <div class="control">
                            <input type="password" class="input" name="password_confirmation" id="password_confirmation" required>
                        </div>
                    </div>
                    <input type="hidden" class="input" name="token" id="token" value="{{ $token }}">
                    <div class="field">
                        <div class="control">
                            <button type="submit" class="button is-primary" id="reset_password_form_submit_button">{{ __('actions.reset_password') }}</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>
@endsection