@extends('layout.app')
@section('content')

    <div class="gs-dashboard-user-content-wrapper gs-dashboard-outlet">
        <div class="gs-deposit-section">
            <h3>Reset Password</h3>

            <div class="deposit-area">
                <div class="deposit-area-title">
                    <h4>Change Password</h4>
                </div>
                <form action="{{route('user.password.update')}}" method="POST">
                    @csrf
                    <div class="form-group">
                        <label for="old-pass">Old Password</label>
                        @error('old_password')
                        <label class="text-danger">{{$message}}</label>
                        @enderror
                        <input type="password" class="form-control" id="old-pass" placeholder="Old Password"
                               name="old_password" required>

                        <label for="new-pass">New Password</label>
                        @error('password')
                        <label class="text-danger">{{$message}}</label>
                        @enderror
                        <input type="password" class="form-control" id="new-pass" placeholder="New Password"
                               name="password" required>

                        <label for="confrm-pass">Confirm New Password</label>
                        @error('password_confirmation')
                        <label class="text-danger">{{$message}}</label>
                        @enderror
                        <input type="password" class="form-control" id="confrm-pass"
                               placeholder="Confirm New Password" name="password_confirmation" required>

                        <button type="submit" class="template-btn btn-forms">
                            Update Password
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection