@php
    $label = ucwords(str_replace('_', ' ', $field));
    $base = 'w-full p-3 border-2 border-gray-200 rounded-xl focus:border-[var(--primary-green)] focus:outline-none';
@endphp
<label class="{{ in_array($field, ['description', 'description_en', 'bio', 'bio_en', 'points', 'points_en']) ? 'md:col-span-2' : '' }}">
    <span class="block text-sm text-[var(--light-text)] mb-2">{{ $label }}</span>
    @if($field === 'active')
        <input type="hidden" name="active" value="0">
        <label class="inline-flex items-center gap-3 p-3 rounded-xl bg-gray-50">
            <input type="checkbox" name="active" value="1" @checked((bool) $value) class="w-5 h-5">
            <span>Active</span>
        </label>
    @elseif(in_array($field, ['description', 'description_en', 'bio', 'bio_en', 'points', 'points_en'], true))
        <textarea name="{{ $field }}" rows="4" class="{{ $base }}">{{ $value }}</textarea>
    @elseif($field === 'category')
        <select name="{{ $field }}" class="{{ $base }}">
            @foreach(['central', 'divisional', 'district'] as $option)
                <option value="{{ $option }}" @selected($value === $option)>{{ ucfirst($option) }}</option>
            @endforeach
        </select>
    @elseif($field === 'color')
        <select name="{{ $field }}" class="{{ $base }}">
            <option value="primary-green" @selected($value === 'primary-green')>Green</option>
            <option value="primary-red" @selected($value === 'primary-red')>Red</option>
        </select>
    @elseif($field === 'sort_order')
        <input type="number" name="{{ $field }}" value="{{ $value ?? 0 }}" class="{{ $base }}">
    @else
        <input name="{{ $field }}" value="{{ $value }}" class="{{ $base }}">
    @endif
</label>