@extends('layouts.app')

@section('title', __('two-factor.security.2fa.page.title'))

@section('content')

<div class="row py-3">
    <div class="col-md-12 col-lg-10 col-xl-8 mx-auto">

        <x-account-security.breadcrumbs :current="__('two-factor.security.2fa.page.title')" />

        @include('components.alert_success')

        @if (session('info'))
            <div class="alert alert-info alert-dismissible fade show" role="status">
                {!! session('info') !!}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif

        <div class="card">
            <div class="card-header">
                <h1 class="h4 mb-0">{{ __('two-factor.security.2fa.page.title') }}</h1>
            </div>
            <div class="card-body">
                <p class="text-muted">{{ __('two-factor.security.2fa.page.subtitle') }}</p>

                <div class="bg-light rounded p-3 my-3">
                    <div class="d-flex flex-wrap align-items-center justify-content-between gap-2">
                        <div>
                            <div class="text-muted small mb-1">{{ __('two-factor.security.2fa.page.status_label') }}</div>
                            <x-two-factor.status-badge :status="$status" />
                        </div>
                    </div>

                    <p class="mt-3 mb-0">
                        @switch($status)
                            @case(App\Enums\TwoFactorStatus::None)
                                {{ __('two-factor.security.2fa.state.none.desc') }}
                                @break
                            @case(App\Enums\TwoFactorStatus::OptInActive)
                                {{ __('two-factor.security.2fa.state.opt_in_active.desc', [
                                    'date' => $user->two_factor_confirmed_at?->translatedFormat('d F Y') ?? '—',
                                ]) }}
                                @break
                            @case(App\Enums\TwoFactorStatus::EnforcedActive)
                                {{ __('two-factor.security.2fa.state.enforced_active.desc', [
                                    'partner_name' => $partner->name,
                                ]) }}
                                @break
                            @case(App\Enums\TwoFactorStatus::EnforcedPending)
                                {{ __('two-factor.security.2fa.state.enforced_pending.desc', [
                                    'partner_name' => $partner->name,
                                ]) }}
                                @break
                        @endswitch
                    </p>
                </div>

                @switch($status)
                    @case(App\Enums\TwoFactorStatus::None)
                        <form action="{{ route('account.security.2fa.enable', ['partnerSlug' => $partner->slug]) }}" method="POST">
                            @csrf
                            <button type="submit" class="btn btn-primary">{{ __('two-factor.security.2fa.cta.enable') }}</button>
                        </form>
                        @break

                    @case(App\Enums\TwoFactorStatus::OptInActive)
                        @if ($errors->has('current_password'))
                            <div class="alert alert-danger" role="alert">
                                {{ $errors->first('current_password') }}
                            </div>
                        @endif
                        <button type="button" class="btn btn-outline-danger"
                                data-bs-toggle="modal" data-bs-target="#disable-2fa-modal">
                            {{ __('two-factor.security.2fa.cta.disable') }}
                        </button>
                        @break

                    @case(App\Enums\TwoFactorStatus::EnforcedActive)
                        @break

                    @case(App\Enums\TwoFactorStatus::EnforcedPending)
                        <a href="{{ route('2fa.setup', ['partnerSlug' => $partner->slug]) }}" class="btn btn-primary">
                            {{ __('two-factor.security.2fa.cta.setup_now') }}
                        </a>
                        @break
                @endswitch
            </div>
        </div>

    </div>
</div>

@if ($status === App\Enums\TwoFactorStatus::OptInActive)
    <x-account-security.confirm-modal
        id="disable-2fa-modal"
        :title="__('account-security.confirm.disable_2fa.title')"
        :body="__('two-factor.security.2fa.disable.warning')"
        :action="route('account.security.2fa.destroy', ['partnerSlug' => $partner->slug])"
        method="DELETE"
        :confirm-label="__('account-security.confirm.disable_2fa.confirm')"
        :friction-checkbox="['name' => 'acknowledge_2fa_disable', 'label' => __('account-security.confirm.disable_2fa.friction_label')]"
    >
        <div class="mt-3">
            <label for="current_password" class="form-label">{{ __('two-factor.security.2fa.disable.password_label') }}</label>
            <input type="password" id="current_password" name="current_password" autocomplete="current-password" required
                   class="form-control @error('current_password') is-invalid @enderror"
                   aria-invalid="{{ $errors->has('current_password') ? 'true' : 'false' }}"
                   aria-describedby="current_password-error">
            <p id="current_password-error" class="invalid-feedback" role="alert">@error('current_password'){{ $message }}@enderror</p>
        </div>
    </x-account-security.confirm-modal>
@endif

@endsection