@extends('layouts.form')

@section('body')
    <div class="login-page">
        <div class="login-text">
            @component('components.title')
            @endcomponent
        </div>
        <div class="login-body">
            <div>
                <form method="post" action="{{ route('login') }}" action="{{ route('2fa.authenticate') }}">
                    @csrf

                    <label class="col-xs-12">
                        Token:
                        <input id="two_factor" type="text" class="form-input" name="two_factor" placeholder="123456" required autocomplete="off" autofocus>
                    </label>

                    <div class="col-xs-12">
                        <button class="btn btn-custom" style="width: 100%">{{ __('Authenticate') }}</button>
                        <a class="btn btn-link" style="margin-top: 1rem" href="{{ route('logout') }}">{{ __('Logout') }}</a>
                    </div>
                </form>
            </div>

            <div class="login-footer">
                <span>Copyright &copy; 2019-{{ date('Y') }} <a href="https://www.iobyte.nl/"><img src="{{ asset('assets/img/logo.png') }}" alt="IOByte"></a>. All rights reserved.</span>
            </div>
        </div>
    </div>
@endsection
