@extends('layouts.auth')

@section('content')


<h3>2FA Verification</h3>
 <p class="text-center">We sent code to email : {{ substr(auth()->user()->email, 0, 5) . '******' . substr(auth()->user()->email,  -2) }}</p>

<form method="POST" action="{{ route('2fa.post') }}">
@csrf

    @if ($message = Session::get('success'))
        <div class="row">
          <div class="col-md-12">
              <div class="alert alert-success alert-block">
                <button type="button" class="close" data-dismiss="alert">×</button> 
                  <strong>{{ $message }}</strong>
              </div>
          </div>
        </div>
    @endif

    @if ($message = Session::get('error'))
        <div class="row">
          <div class="col-md-12">
              <div class="alert alert-danger alert-block">
                <button type="button" class="close" data-dismiss="alert">×</button> 
                  <strong>{{ $message }}</strong>
              </div>
          </div>
        </div>
    @endif

    <div class="form-group row">
        <label for="code" class="col-md-12 col-form-label text-md-right">Code</label>

        <div class="col-md-12">
            <input id="code" type="number" class="form-control @error('code') is-invalid @enderror" name="code" value="{{ old('code') }}" required autocomplete="code" autofocus>

            @error('code')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>
    </div>

    <div class="form-group row mb-1 mt-2">
        <div class="col-md-12">
            <button type="submit" class="btn btn-primary">
                Submit
            </button>
        </div>
    </div>

    <div class="form-group row mb-0">
        <div class="col-md-12">
            <a class="btn-link" href="{{ route('2fa.resend') }}">Resend Code?</a>
        </div>
    </div>
</form>

@endsection