@php($state = session('auth'))

<div class="kz-auth">
    @if ($user !== null)
        <div class="kz-auth__user">
            {{-- В окне приветствие уже стоит его заголовком: печатать имя
                 дважды подряд незачем. --}}
            @unless ($inModal ?? false)
                <span class="kz-auth__greeting">{{ $greeting }}</span>
            @endunless

            <a class="kz-auth__link" href="/account/orders">Мои заказы</a>

            <form method="post" action="/auth/logout" class="kz-auth__form">
                @csrf
                <button type="submit" class="kz-auth__link">Выйти</button>
            </form>
        </div>
    @elseif (($state['step'] ?? null) === 'code')
        {{-- Шаг подтверждения. Номер едет скрытым полем: без JS его негде
             хранить, а спрашивать заново — терять уже оплаченный звонок. --}}
        <form method="post" action="/auth/phone/verify" class="kz-auth__form">
            @csrf
            <input type="hidden" name="phone" value="{{ $state['phone'] }}">

            <p class="kz-auth__hint">
                Звоним на {{ $state['masked'] }}. Отвечать не нужно — введите последние цифры
                номера, с которого идёт звонок.
            </p>

            <label class="kz-auth__label" for="kz-auth-code">Код из звонка</label>
            <input id="kz-auth-code" type="text" name="code" inputmode="numeric" autocomplete="one-time-code"
                   class="kz-auth__field" required autofocus>

            @error('code')
                <p class="kz-auth__error">{{ $message }}</p>
            @enderror

            <button type="submit" class="kz-button kz-auth__button">Войти</button>
        </form>
    @else
        <form method="post" action="/auth/phone/start" class="kz-auth__form">
            @csrf

            <div class="kz-auth__title">{{ $title }}</div>

            <label class="kz-auth__label" for="kz-auth-phone">Телефон</label>
            <input id="kz-auth-phone" type="tel" name="phone" inputmode="tel" autocomplete="tel"
                   placeholder="+7 900 000-00-00" class="kz-auth__field" required>

            @error('phone')
                <p class="kz-auth__error">{{ $message }}</p>
            @enderror

            <button type="submit" class="kz-button kz-auth__button">Получить код звонком</button>

            <p class="kz-auth__consent">
                Продолжая, вы соглашаетесь на обработку персональных данных.
            </p>
        </form>

        @if ($providers !== [])
            {{-- Показаны только настроенные: кнопка, ведущая в ошибку,
                 хуже её отсутствия. --}}
            <div class="kz-auth__providers">
                <span class="kz-auth__providers-label">Или войдите через</span>

                @foreach ($providers as $provider)
                    <a class="kz-auth__provider kz-auth__provider--{{ $provider->key() }}"
                       href="/auth/{{ $provider->key() }}/redirect" rel="nofollow">
                        {{ $provider->label() }}
                    </a>
                @endforeach
            </div>
        @endif
    @endif
</div>