@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('savePassword', app()->getLocale()) }}">
            @csrf

            @if(session()->has('message'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <strong>{{ session()->get('message') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            @endif

            @error('message')
                <div class="alert alert-warning alert-dismissible fade show" role="alert">
                    <strong>{{ __('dashboard.profile.messagePasswordChangeFailed') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            @enderror

            <input type="hidden" name="passwordToken" value="{{ $token }}" />

            <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
            </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