<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1" name="viewport" />
    <meta name="description" content="Queper Technologies" />
    <meta name="author" content="HGVDRIVER" />
    <title>HGV Portal - Login</title>
    <!-- google font -->
    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet" type="text/css" />
    <!-- icons -->
    <link href="{{asset('public/assets/plugins/font-awesome/css/font-awesome.min.css')}}" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="{{asset('public/assets/plugins/iconic/css/material-design-iconic-font.min.css')}}">
    <!-- bootstrap -->
    <link href="{{asset('public/assets/plugins/bootstrap/css/bootstrap.min.css')}}" rel="stylesheet" type="text/css" />
    <!-- style -->
    <link rel="stylesheet" href="{{asset('public/assets/css/pages/extra_pages.css')}}">
    <link rel="stylesheet" href="{{asset('public/assets/css/toastr.min.css')}}">
    <!-- favicon -->
        <link rel="shortcut icon" href="https://hgvdrivergroup.com/public/images/3.png" /> 

</head>
<body>
    <div class="limiter">
        <div class="container-login100 page-background" style="backgroud-size:cover;">
            <div class="wrap-login100" style="background: rgba(247,151,65,0.5);">
                <form class="login100-form validate-form" action="{{ url('ChangePassNew') }}" name="myForm" id="myForm" method="POST">
                    {{ csrf_field() }}
                    
                    <span class="login100-form-title p-b-34 p-t-27">
                        <img src="https://hgvdrivergroup.com/public/images/3.png" width="260" height="100">
                    </span>
                    <?php 
                  $count = count($errors->all());
                                  if($count > 0)
                                  {
                                    
                                    echo '<div class="alert alert-danger">';
                                    foreach ($errors->all() as $value) 
                                    {
                                      echo $value."<br>";
                                    }
                                    echo '</div>';
                                    
                                  } 
                                  ?>
                    <div class="wrap-input100 validate-input" data-validate = "Enter New Password">
                     <input type="Password" name="new_password" class="form-control" placeholder=" New Password" value="" required="true">
                        <!-- <span class="focus-input100" data-placeholder="&#xf207;"></span> -->
                    </div>
                    <div class="wrap-input100 validate-input" data-validate="Confirm New Password">
                         <input type="Password" name="confirm_password" class="form-control" placeholder="Confirm Password" value="" required="true">
                        <!-- <span class="focus-input100" data-placeholder="&#xf191;"></span> -->
                    </div>
                    <div class="contact100-form-checkbox">
                        <input class="input-checkbox100" id="ckb1" type="checkbox" name="remember-me">
                        <!-- <label class="label-checkbox100" for="ckb1">
                            Remember me
                        </label> -->
                    </div>
                    <div class="container-login100-form-btn" style="margin-top: -50px;">
                        <button class="login100-form-btn" onclick="document.getElementById('myForm').submit()">
                            Set New Password
                        </button>
                    </div>
                    <!-- <div class="text-center p-t-90">
                        <a class="txt1" href="{{url('forgot')}}">
                            Forgot Password?
                        </a>
                    </div> -->
                </form>
            </div>
        </div>
    </div>
    <!-- start js include path -->
    <script src="{{asset('public/assets/plugins/jquery/jquery.min.js')}}" ></script>
    <!-- bootstrap -->
    <script src="{{asset('public/assets/plugins/bootstrap/js/bootstrap.min.js')}}" ></script>
    <script src="{{asset('pulic/assets/js/pages/extra_pages/login.js')}}" ></script>

    <!-- end js include path -->
            <script src="js/toaster.min.js"></script>
    <script>    
        @if(Session::has('success'))

        toastr.success("{{Session::get('success')}}")
        @endif

        @if(Session::has('error'))

        toastr.error("{{Session::get('error')}}")
        @endif


         @if(Session::has('info'))

        toastr.info("{{Session::get('info')}}")
        @endif
    </script>
</body>

</html>