<div class="space-y-4">

    <h2 class="text-lg font-semibold text-center">
        {{ t('auth.enter_code') }}
    </h2>

    <input
        type="text"
        wire:model="code"
        class="w-full border rounded-xl p-3 text-center tracking-widest"
        placeholder="123456"
    >

    @error('code')
    <div class="text-red-500 text-sm text-center">{{ $message }}</div>
    @enderror

    <button wire:click="verify"
            class="w-full bg-primary text-white py-3 rounded-xl">
        {{ t('auth.verify') }}
    </button>

    <button wire:click="resend"
            class="w-full text-sm text-gray-500">
        {{ t('auth.resend_code') }}
    </button>

</div>
