<!DOCTYPE html>
<html lang="en">
<head>
    <title>Reset password :: {{config('dashboard.config.dashboard_name')}}</title> 
    @includeif('dashboard.partials.header')
</head>
<body class="hold-transition login-page">
<div class="login-box" style="width:50%;">
  <div class="card card-outline card-primary">
    <div class="card-header text-center">
          <a href="{{config('site.config._live_site')}}" class="h1"><b>{{config('site.config._sitename')}}</b></a>
    </div>
    <div class="card-body">
      <p class="login-box-msg">You forgot your password? Here you can easily retrieve a new password.</p>
        <!-- Display Validation Errors -->
        @if (session('status'))
            <div class="alert alert-success">
                {{ session('status') }}
            </div>
        @endif

        @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
      <form action="{{ localized_route('myaccount.reset-password.post') }}" method="post">
        @csrf
        <div class="input-group mb-3">
            <input type="email" name="email" class="form-control" placeholder="Enter your Email" required="1">
            <div class="input-group-append">
              <div class="input-group-text">
                <span class="fas fa-envelope"></span>
              </div>
          </div>
        </div>
        <div class="row">
          <div class="col-12">
            <button type="submit" class="btn btn-primary btn-block">Reset password</button>
          </div>
          <!-- /.col -->
        </div>
      </form>
      <p class="mt-3 mb-1">
        <a href="{{localized_route('login')}}">Login</a>
      </p>
    </div>
    <!-- /.login-card-body -->
  </div>
</div>
<!-- /.login-box -->

<!-- jQuery -->
<script src="{{config('dashboard.config._dashboard_main_path')}}/plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="{{config('dashboard.config._dashboard_main_path')}}/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- AdminLTE App -->
<script src="{{config('dashboard.config._dashboard_main_path')}}/dist/js/adminlte.min.js"></script>

    @includeif('dashboard.footer')
</body>
</html>
