@extends('layouts.site')

@section('content')
    <h1>Change Password</h1>
    
    @if($errors->count() > 0)
        <div class="alert alert-danger">
            <strong>Oops... Something went wrong...</strong><br>
            <ul>
                @foreach($errors->all() as $message)
                    <li>{{ $message }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <div class="row mt-3">
        <div class="col-6">
            <form method="post">
                {{ csrf_field() }}
                <div class="form-group">
                    <label>Current Password</label>
                    <input name="old_password" class="form-control" type="password">
                </div>

                <div class="form-group">
                    <label>New Password</label>
                    <input name="new_password" class="form-control" type="password">
                </div>

                <div class="form-group">
                    <label>Confirm Password</label>
                    <input name="new_password_confirmation" class="form-control" type="password">
                </div>

                <div class="form-group">
                    {!! NoCaptcha::display() !!}
                </div>

                <div class="form-group">
                    <button type="submit" class="btn btn-success btn-block">Change Password</button>
                </div>
            </form>
        </div>
    </div>
@endsection

@section('js')
   {!! NoCaptcha::renderJs() !!}
@endsection