tabler/pages/_includes/parts/form/input-image-radio.html

{% assign limit = include.limit | default: 6 %}
{% assign offset = include.offset | default: 0 %}
<div class="mb-3">
	<label class="form-label">Image Check Radio</label>
	<div class="row g-2">
		{% assign photos = photos | where: 'horizontal', true %}

		{% for photo in photos limit: limit offset: offset %}
		<div class="{{ include.row-class | default: 'col-6 col-sm-4' }}">
			<label class="form-imagecheck mb-2">
				<input name="form-imagecheck-radio" type="radio" value="{{ forloop.index }}" class="form-imagecheck-input" {% if forloop.index == 2 or forloop.index == 4  or forloop.index == 7 %} checked{% endif %}/>
				<span class="form-imagecheck-figure">
					<img src="{{ base }}/assets/static/photos/{{ photo.file }}" alt="{{ photo.title }}" class="form-imagecheck-image">
				</span>
			</label>
		</div>
		{% endfor %}
	</div>
</div>