@extends('backend.layouts.auth')

@section('title','Reset Password')

@section('scripts')
    <script src="{{asset('backend/js/jquery.validate.min.js')}}"></script>
    <script src="{{asset('backend/js/pages/reset-password.js')}}"></script>
@endsection

@section('contents')
    <p class="login-box-msg">You are only one step a way from your new password, recover your password now.</p>
    {{ Form::model(null, ['route' => ['admin.reset-password.post',$token], 'role' => 'form', 'id'=>'frmReset', 'method'=>'post']) }}
    <div class="form-group">
        <div class="input-group">
            {{ Form::password('password', ["required"=>true, "class"=>"form-control", "placeholder"=>'Enter your new password', "id"=>"password"]) }}
            <div class="input-group-append">
                <div class="input-group-text">
                    <span class="fas fa-lock"></span>
                </div>
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="input-group">
            {{ Form::password('confirm_password', ["required"=>true, "class"=>"form-control", "placeholder"=>'Enter confirm password', "id"=>"confirm_password"]) }}
            <div class="input-group-append">
                <div class="input-group-text">
                    <span class="fas fa-lock"></span>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            <button type="submit" id="btnReset" data-text="Change password"
                    data-loading="<i class='fa fa-circle-notch fa-spin mr-1'></i>loading..."
                    class="btn btn-primary btn-block">Change password
            </button>
        </div>
    </div>
    {{ Form::close() }}

    <p class="mt-3 mb-1 text-right">
        <a href="{{route('admin.login')}}">Login</a>
    </p>
@endsection