@php
    $type = $item['tipo'];
    $field = $item['campo'];
    $width = $item['largura'] ?? null;
    $hasDesc = ! empty($item['desc']);

    /**
     * Real column name. Stripping the group prefix guesses right for almost
     * every field, but settings.setting_notify keeps the prefix in the table,
     * and guessing left it unfilled and unsaved.
     */
    $col = $item['col'] ?? preg_replace('/^(site_|setting_)/', '', $field);

    /**
     * Which table the value belongs to. The name prefix is only a default:
     * side and side_pages carry no prefix and would fall into settings by
     * luck rather than by decision.
     */
    $group = $item['group'] ?? (str_starts_with($field, 'site_') ? 'site' : 'settings');
@endphp

@if($type === 'switch')
    <label class="row">
        <span class="row__text">
            <strong>{{ $item['label'] }}</strong>
            @if($hasDesc)<small>{{ $item['desc'] }}</small>@endif
        </span>
        <span class="switch">
            <input type="hidden" name="{{ $field }}" data-col="{{ $col }}" data-group="{{ $group }}" value="0">
            <input type="checkbox" name="{{ $field }}" data-col="{{ $col }}" data-group="{{ $group }}" value="1">
            <span class="switch__track"><span class="switch__knob"></span></span>
        </span>
    </label>

@elseif($type === 'select' && $hasDesc)
    <div class="row">
        <div class="row__text">
            <strong>{{ $item['label'] }}</strong>
            <small>{{ $item['desc'] }}</small>
        </div>
        <select class="input input--{{ $width ?? 'sm' }}" name="{{ $field }}" data-col="{{ $col }}" data-group="{{ $group }}">
            @foreach($item['options'] as $value => $text)
                <option value="{{ $value }}">{{ $text }}</option>
            @endforeach
        </select>
    </div>

@elseif($type === 'checks')
    <div class="checks">
        @foreach($item['options'] as $value => $text)
            <label class="check">
                <input type="checkbox" name="{{ $field }}[]" data-col="{{ $col }}" data-group="{{ $group }}" value="{{ $value }}">
                <span>{{ $text }}</span>
            </label>
        @endforeach
    </div>

@else
    <label class="field {{ $width === 'full' ? 'field--full' : '' }}">
        <span class="field__label">
            {{ $item['label'] }}
            @if(! empty($item['hint']))
                <a class="field__help" href="{{ $item['hint']['url'] }}" target="_blank" rel="noopener">{{ $item['hint']['label'] }}</a>
            @endif
        </span>

        @if($type === 'textarea' || $type === 'mono')
            <textarea class="input {{ $type === 'mono' ? 'input--mono' : '' }}" rows="{{ $item['rows'] ?? 2 }}"
                      name="{{ $field }}" data-col="{{ $col }}" data-group="{{ $group }}" placeholder="{{ $item['placeholder'] ?? '' }}"></textarea>
        @elseif($type === 'select')
            <select class="input" name="{{ $field }}" data-col="{{ $col }}" data-group="{{ $group }}">
                @foreach($item['options'] as $value => $text)
                    <option value="{{ $value }}">{{ $text }}</option>
                @endforeach
            </select>
        @else
            <input class="input" type="{{ $type === 'number' ? 'number' : 'text' }}" name="{{ $field }}" data-col="{{ $col }}" data-group="{{ $group }}"
                   @if($type === 'number') min="0" @endif
                   placeholder="{{ $item['placeholder'] ?? '' }}">
        @endif
    </label>
@endif