coolify/resources/views/components/inputs/input.blade.php

@props([
    'id' => null,
    'type' => 'text',
    'required' => false,
    'label' => null,
    'instantSave' => false,
    'disabled' => false,
    'hidden' => false,
])


<span @class([
    'flex justify-end' => $type === 'checkbox',
    'flex flex-col' => $type !== 'checkbox',
])>
    <label for={{ $id }}>
        @if ($label)
            {{ $label }}
        @else
            {{ $id }}
        @endif
        @if ($required)
            *
        @endif
    </label>
    @if ($type === 'textarea')
        <textarea {{ $attributes }} type={{ $type }} id={{ $id }} wire:model.defer={{ $id }}></textarea>
    @else
        <input wire:dirty.class="text-black bg-amber-300" {{ $attributes }} type={{ $type }}
            id={{ $id }}
            @if ($instantSave) wire:click='instantSave' wire:model.defer={{ $id }} @else wire:model.defer={{ $value ?? $id }} @endif />
    @endif

    @error($id)
        <div class="text-red-500">{{ $message }}</div>
    @enderror
</span>