@php
    $captcha = $captcha ?? [];
    $required = ! empty($captcha['required']);
@endphp
@if($required)
<div class="math-captcha-box mb-3 p-3 border rounded bg-light">
    <label class="form-label fw-semibold small mb-1">
        <i class="fas fa-shield-alt text-success me-1"></i> Security Check *
    </label>
    <p class="small text-muted mb-2">{{ $captcha['hint'] ?? 'দুই সংখ্যার যোগফল লিখুন' }}</p>
    <div class="d-flex align-items-center flex-wrap gap-2">
        <span class="badge bg-dark fs-6 px-3 py-2">{{ $captcha['question'] ?? '' }}</span>
        <input type="hidden" name="captcha_token" value="{{ $captcha['token'] ?? '' }}">
        <input type="number"
               name="captcha_answer"
               class="form-control @error('captcha_answer') is-invalid @enderror"
               style="max-width:120px"
               inputmode="numeric"
               placeholder="উত্তর"
               required
               autocomplete="off">
    </div>
    @error('captcha_answer')
    <div class="text-danger small mt-1">{{ $message }}</div>
    @enderror
</div>
@endif