@extends('layouts.app')

@section('content')
<h1 class="text-center">{{ __('other.setPassword.title') }}</h1>
<hr class="my-4" />

<div class="row justify-content-center col-lg-12 m-0 px-0">
    <div class="col-lg-10">
        <h2 class="mt-5">{{ __('other.setPassword.label') }}</h2>
        <div class="modal_sign_text">{{ __('other.setPassword.text') }}</div>
        <br />
        <form method="POST" action="{{ route('save_password') }}">
            @csrf
            <input type="hidden" name="passwordToken" value="{{ $token }}" class="form-control @error('newPassword') is-invalid @enderror"/>
            
            <div class="form-group">
                <label for="newPassword" class="bmd-label-floating">{{ __('other.setPassword.inputNewPassword') }}</label>
                <input type="password" class="form-control @error('newPassword') is-invalid @enderror" id="newPassword" name="newPassword" />
                @error('newPassword')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
                @error('passwordToken')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
                <div class="alert alert-light" role="alert" style="padding-left: 0px;">
                    {!! __('password.format.message') !!}
                </div>
            </div>
            <div class="form-group">
                <label for="newPasswordConfirm" class="bmd-label-floating">{{ __('other.setPassword.inputNewPasswordAgain') }}</label>
                <input type="password" class="form-control @error('newPasswordConfirm') is-invalid @enderror" id="newPasswordConfirm" name="newPasswordConfirm" />
                @error('newPasswordConfirm')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>

            <div class="form-group text-center mt-5 w-100">
                <button type="submit" class="btn btn-primary w-100">{{ __('button.save') }}</button>
            </div>
        </form>
    </div>
</div>
@endsection