TIF_Nganjuk_E41220879/resources/views/components/form-input.blade.php

27 lines
989 B
PHP

@props(['label' => '', 'name', 'type' => 'text', 'value' => '', 'placeholder' => '', 'required' => false, 'error' => null])
<div class="mb-4">
@if($label)
<label for="{{ $name }}" class="block text-sm font-medium text-[#2F347A] mb-1">
{{ $label }}
@if($required)
<span class="text-red-500">*</span>
@endif
</label>
@endif
<input
type="{{ $type }}"
name="{{ $name }}"
id="{{ $name }}"
value="{{ old($name, $value) }}"
placeholder="{{ $placeholder }}"
{{ $required ? 'required' : '' }}
{{ $attributes->merge(['class' => 'w-full px-4 py-2.5 border border-[#E5E7F2] rounded-lg focus:ring-2 focus:ring-[#4A538F] focus:border-[#4A538F] transition-colors bg-white text-[#2F347A] placeholder-[#7A7FAE] ' . ($error ? 'border-red-500' : '')]) }}
>
@if($error)
<p class="mt-1 text-sm text-red-600">{{ $error }}</p>
@endif
</div>