{{--
=====================================================
Etebarit - by Gisoo Web Solutions
------------------------------------------------------
Gisoo.net
------------------------------------------------------
Copyright (c) 2026 Gisoo Web Solutions
=====================================================
This code is protected by copyright
=====================================================
File: input.blade.php
------------------------------------------------------
Use: The only text field in the project. Labels and
     hints are passed in already translated; the
     component never contains a literal string.
=====================================================
--}}

@props([
    'name',
    'label' => null,
    'type' => 'text',
    'hint' => null,
    'value' => null,
])

<div class="space-y-1.5">
    @if ($label)
        <label for="{{ $name }}" class="block text-sm font-medium text-zinc-700">{{ $label }}</label>
    @endif

    <input
        id="{{ $name }}"
        name="{{ $name }}"
        type="{{ $type }}"
        value="{{ old($name, $value) }}"
        {{ $attributes->merge([
            'class' => 'block w-full rounded-xl border border-zinc-200 bg-white px-3.5 py-2.5 text-sm text-zinc-900 placeholder:text-zinc-400 transition focus:border-primary-600 focus:outline-none focus:ring-2 focus:ring-primary-600/20',
        ]) }}
    >

    @if ($hint)
        <p class="text-xs text-zinc-500">{{ $hint }}</p>
    @endif
</div>