@extends('admin.auth.layouts.app')

@section('contentSection')
    <div class="card card-authentication1 mx-auto my-5">
        <div class="card-body">
            <div class="card-content p-2">
                <div class="card-title text-uppercase pb-2">Reset your password</div>
                <form id="reset_password_form" class="form-styled" data-toggle="validator" autocomplete="on">
                    <input type="hidden" id="reset_token" value="{{ $token  }}">
                    <div class="form-group has-feedback">
                        <label for="new_password" class="sr-only">Password</label>
                        <div class="position-relative has-icon-right">
                            <input type="password" id="new_password" required minlength="6" maxlength="20"
                                   placeholder="New password"
                                   data-error="Please provide a password (must be at least 6 characters)."
                                   class="form-control input-shadow"><span
                                aria-hidden="true"></span><span class="help-block with-errors"></span>
                            <div class="form-control-position">
                                <i class="icon-lock"></i>
                            </div>
                        </div>
                    </div>
                    <div class="form-group has-feedback">
                        <label for="new_password_confirmation" class="sr-only">Repeat password</label>
                        <div class="position-relative has-icon-right">
                            <input type="password" id="new_password_confirmation" required minlength="6" maxlength="20"
                                   placeholder="Repeat password"
                                   data-match="#new_password"
                                   data-match-error="Must be the same as above"
                                   data-error="Please provide a password (must be at least 6 characters)."
                                   class="form-control input-shadow"><span
                                aria-hidden="true"></span><span class="help-block with-errors"></span>
                            <div class="form-control-position">
                                <i class="icon-lock"></i>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <button type="submit" id="reset_btn" name="submit" class="btn btn-warning btn-block">
                            Reset password
                        </button>
                        <div class="alert alert-danger reset_errors" style="display: none">
                            <ul></ul>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@stop