@extends('layouts.auth')
@section('content')
<body class="hold-transition login-page">
    <div class="login-box">
      <div class="card">
        <div class="card-header text-center border-0">
            <p class="mb-0 pb-0">
                <img src="{{asset('dist/img/logoapp.png')}}" alt="LingVPN Logo" class="img-circle img-fluid" width="50" height="50" style="opacity: .8">
            </p>
            <a href="#" class="h5">LingVPN</a>
        </div>
        <div class="card-body">
          <p class="login-box-msg">You are only one step a way from your new password, recover your password now.</p>
          <form action="{{route('login')}}" method="get">
            <div class="input-group mb-3">
              <div class="input-group-append">
                <div class="input-group-text">
                  <span class="fas fa-lock"></span>
                </div>
              </div>
              <input type="password" class="form-control" placeholder="Password">
            </div>
            <div class="input-group mb-3">
              <div class="input-group-append">
                <div class="input-group-text">
                  <span class="fas fa-lock"></span>
                </div>
              </div>
              <input type="password" class="form-control" placeholder="Confirm Password">
            </div>
            <div class="row">
              <div class="col-12">
                <button type="submit" class="btn btn-success btn-block">Change password</button>
              </div>
              <!-- /.col -->
            </div>
          </form>
        </div>
        <!-- /.login-card-body -->
      </div>
    </div>
    <!-- /.login-box -->
@endsection