@extends('layouts.auth')

@section('title')
    {{ __('change_password') }}
@endsection

@section('section')
    <div class="w-100 d-flex align-items-center justify-content-center" style="height: 100vh;">
        <div class="col-lg-8">
            <div class="card">
                @if (Session::has('success'))
                    <div id="message-alert" class="alert alert-success">
                        {{ Session::get('success') }}
                    </div>
                @endif
                @if (Session::has('error'))
                    <div id="message-alert" class="alert alert-danger">
                        {{ Session::get('error') }}
                    </div>
                @endif
                <div class="card-header">
                    <h3 class="card-title" style="color: red">
                        {{ __('Mật khẩu của bạn đã hết hạn, Vui lòng thay đổi mật khẩu mới. Mật khẩu chỉ có thời hạn sử dụng trong 30 ngày.') }}
                    </h3>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-lg-8 mx-auto">
                            <form action="{{ route('auth.login.changePassword') }}" method="POST">
                                @method('PUT')
                                @csrf

                                <div class="form-group">
                                    <label for="old-password">{{ __('current_password') }}</label>
                                    <input type="password" class="form-control" name="old_password" id="old-password"
                                        placeholder="{{ __('enter_current_password') }}" required>
                                    @error('old_password')
                                        <span class="text-danger">* {{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="password">{{ __('new_password') }}</label>
                                    <input type="password" class="form-control" name="password" id="password" required
                                        placeholder="{{ __('enter_new_password') }}">
                                    @error('password')
                                        <span class="text-danger">* {{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="re-password">{{ __('confirm_password') }}</label>
                                    <input type="password" class="form-control" name="repassword" id="re-password" required
                                        placeholder="{{ __('enter_confirm_password') }}">
                                    @error('repassword')
                                        <span class="text-danger">* {{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="text-center">
                                    <button class="btn btn-primary" type="submit">{{ __('submit') }}</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection