@extends('layouts.index')

@section('title', 'Ustawienia 2FA')

@section('navbar')
    <i class="fas fa-chevron-right separator"></i>
    <span class="navbar_navigate" title="Ustawienia 2FA">
        Ustawienia 2FA
    </span>
@endsection

@section('content')
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-10">
                @if(session('success'))
                    <div class="alert alert-success">{{ session('success') }}</div>
                @endif

                @if(session('warning'))
                    <div class="alert alert-warning">{{ session('warning') }}</div>
                @endif

                @if(session('error'))
                    <div class="alert alert-danger">{{ session('error') }}</div>
                @endif

                @if($errors->any())
                    <div class="alert alert-danger">
                        <ul class="mb-0">
                            @foreach($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                <div class="card">
                    <div class="card-header">Uwierzytelnianie dwuskladnikowe (2FA)</div>
                    <div class="card-body">
                        @if($isPolicyDisabled)
                            <div class="alert alert-warning mb-0">
                                2FA jest obecnie wylaczone przez administratora.
                            </div>
                        @else
                            @if($isPolicyRequired)
                                <div class="alert alert-info">
                                    Administrator wymaga skonfigurowania 2FA przed dalszym korzystaniem z systemu.
                                </div>
                            @endif

                            @if(!$isConfigured)
                                <p class="mb-3">2FA jest obecnie wylaczone dla Twojego konta.</p>

                                <form method="POST" action="{{ route('2fa.enable') }}" class="mb-3">
                                    @csrf
                                    <button type="submit" class="btn btn-primary">Wlacz TOTP</button>
                                </form>

                                @if($setupData)
                                    <div class="card mb-3">
                                        <div class="card-header">Konfiguracja TOTP</div>
                                        <div class="card-body">
                                            <p class="mb-2">1. Zeskanuj kod QR w aplikacji Authenticator.</p>
                                            <div class="mb-3">
                                                <img src="{{ $setupData['qr_code_url'] }}" alt="Kod QR 2FA" style="max-width:220px;">
                                            </div>

                                            <p class="mb-1"><strong>Secret:</strong></p>
                                            <code>{{ $setupData['secret'] }}</code>

                                            <hr>

                                            <form method="POST" action="{{ route('2fa.confirm') }}">
                                                @csrf
                                                <div class="form-group">
                                                    <label for="code">2. Wpisz kod z aplikacji</label>
                                                    @include('auth.partials.totp-code-inputs', [
                                                        'fieldName' => 'code',
                                                        'fieldId' => 'code',
                                                        'oldValue' => old('code')
                                                    ])
                                                </div>
                                                <button type="submit" class="btn btn-success">Potwierdz konfiguracje 2FA</button>
                                            </form>
                                        </div>
                                    </div>
                                @endif
                            @else
                                <div class="alert alert-success">
                                    2FA jest aktywne dla Twojego konta.
                                </div>

                                <form method="POST" action="{{ route('2fa.recovery.regenerate') }}" class="mb-2">
                                    @csrf
                                    <button type="submit" class="btn btn-outline-primary">Wygeneruj nowe kody awaryjne</button>
                                </form>

                                @if(!$isPolicyRequired)
                                    <form method="POST" action="{{ route('2fa.disable') }}" class="mb-2">
                                        @csrf
                                        <button type="submit" class="btn btn-outline-danger">Wylacz 2FA</button>
                                    </form>
                                @else
                                    <div class="alert alert-info mb-2">2FA jest wymagane przez administratora i nie moze zostac wylaczone.</div>
                                @endif
                            @endif

                            @if(!empty($plainRecoveryCodes))
                                <hr>
                                <div class="alert alert-warning">
                                    <strong>Zapisz kody awaryjne w bezpiecznym miejscu.</strong>
                                </div>
                                <ul>
                                    @foreach($plainRecoveryCodes as $recoveryCode)
                                        <li><code>{{ $recoveryCode }}</code></li>
                                    @endforeach
                                </ul>
                            @endif
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection