@props(['name', 'question', 'value' => null])

<div class="mb-5">
    <label class="form-label fw-bold mb-3">{{ $question }}</label>
    <div class="d-flex gap-4 align-items-center">
        <div class="form-check">
            <input class="form-check-input" type="radio" name="{{ $name }}" id="{{ $name }}_1" value="1" {{ old($name, $value) == 1 ? 'checked' : '' }} required>
            <label class="form-check-label" for="{{ $name }}_1">1</label>
        </div>
        <div class="form-check">
            <input class="form-check-input" type="radio" name="{{ $name }}" id="{{ $name }}_2" value="2" {{ old($name, $value) == 2 ? 'checked' : '' }} required>
            <label class="form-check-label" for="{{ $name }}_2">2</label>
        </div>
        <div class="form-check">
            <input class="form-check-input" type="radio" name="{{ $name }}" id="{{ $name }}_3" value="3" {{ old($name, $value) == 3 ? 'checked' : '' }} required>
            <label class="form-check-label" for="{{ $name }}_3">3</label>
        </div>
    </div>
    @error($name)
        <div class="text-danger small mt-1">{{ $message }}</div>
    @enderror
</div>