@extends('spark::layouts.app')

<!-- Main Content -->
@section('content')
<div id="spark-token-screen" class="container spark-screen">
	<div class="row">
		<div class="col-md-8 col-md-offset-2">
			<div class="panel panel-default">
				<div class="panel-heading">Two-Factor Authentication</div>
				<div class="panel-body">
					@include('spark::common.error-alert', ['form' => 'default'])

					<form class="form-horizontal" role="form" method="POST" action="/login/token">
						{!! csrf_field() !!}

						<div class="form-group{{ $errors->has('token') ? ' has-error' : '' }}">
							<label class="col-md-4 control-label">Verification Code</label>

							<div class="col-md-6">
								<input type="text" class="form-control spark-first-field" name="token">

	                            @if ($errors->has('token'))
	                                <span class="help-block">
	                                    <strong>{{ $errors->first('token') }}</strong>
	                                </span>
	                            @endif
							</div>
						</div>

						<div class="form-group">
							<div class="col-md-6 col-md-offset-4">
								<button type="submit" class="btn btn-primary">
									<i class="fa fa-btn fa-phone"></i>Verify Code
								</button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection
