@extends('layouts.public')

@section('title', 'Two-factor authentication — SYSTRONICS')
@section('meta_description', 'Enter the 6-digit code from your authenticator app.')

@section('content')
    @include('public.partials.page-chrome', [
        'eyebrow' => 'Partner Area',
        'title' => 'Two-factor authentication',
        'lede' => 'Enter the 6-digit code from your authenticator app.',
        'crumbs' => [
            ['label' => 'Home', 'url' => route('public.home')],
            ['label' => 'Partners Area', 'url' => route('login')],
            ['label' => 'Two-factor authentication'],
        ],
    ])

    <section class="section">
        <form class="form form--stacked" method="POST" action="{{ route('two-factor.store') }}">
            @csrf
            <div class="form-row @error('code') has-error @enderror">
                <label for="code">Authentication code</label>
                <input id="code" type="text" name="code" inputmode="numeric" autocomplete="one-time-code" required autofocus>
                @error('code')<span class="field-error">{{ $message }}</span>@enderror
            </div>
            <div class="form-row">
                <button class="btn btn--primary" type="submit">Verify</button>
            </div>
        </form>
        <form method="POST" action="{{ route('logout') }}" style="margin-top:16px">
            @csrf
            <button class="btn btn--outline" type="submit">Sign out</button>
        </form>
    </section>
@endsection