@extends('sponsor.layouts.sponsor_auth')
@section('title')
Sponsor | Reset password
@endsection

@section('content')
<div class="login-box">
  <div class="login-logo">
    <a><b>Sponsor</b>ResetPassword</a>
  </div>
  <!-- /.login-logo -->
  <div class="card">
    <div class="card-body login-card-body">
      <p class="login-box-msg text-info">Sign in to start your session</p>

      <form method="post" action="{{ route('sponsor.password.update') }}">
        @csrf
        <input type="hidden" name="token" value="{{ $token }}">
        <div class="form-group has-feedback">
          <input type="email" class="form-control {{ $errors->has('email') ? ' is-invalid' : '' }}" placeholder="{{ __('E-Mail Address') }}" name="email" value="{{ $email ?? old('email') }}" autocomplete="email" autofocus>
          @if ($errors->has('email'))
              <span class="fa fa-envelope form-control-feedback invalid-feedback" role="alert">
                  <strong>{{ $errors->first('email') }}</strong>
              </span>
          @endif
        </div>
        <div class="form-group has-feedback">
          <input type="password" class="form-control {{ $errors->has('password') ? ' is-invalid' : '' }}" name="password" autocomplete="new-password" placeholder="{{ __('Password') }}">
          @if ($errors->has('password'))
              <span class="fa fa-lock form-control-feedback invalid-feedback" role="alert">
                  <strong>{{ $errors->first('password') }}</strong>
              </span>
          @endif          
        </div>
        <div class="form-group has-feedback">
          <input type="password" class="form-control" name="password_confirmation" autocomplete="new-password" placeholder="{{ __('Confirm Password') }}">
        </div>


        <div class="row">
          <!-- <div class="col-6"></div> -->
          <!-- /.col -->
          <div class="col-12">
            <button type="submit" class="btn btn-primary btn-block btn-flat">
            {{ __('Reset Password') }}</button>
          </div>
          <!-- /.col -->
        </div>
      </form>    
    </div>
    <!-- /.login-card-body -->
  </div>
</div>
@endsection