{% extends 'components/Form/Layout/index.twig' %}
{% set required = required ?? true %}
{% set type = type ?? 'text' %}
{% set inputClassName = inputClassName ?? '' %}
{% set placeholder = placeholder ?? '' %}
{% set icon = icon ?? false %}
{% set name = name ?? false %}
{% set disabled = disabled ?? false %}
{% set readonly = readonly ?? false %}
{% set value = value ?? false %}
{% set min = min ?? false %}
{% set max = max ?? false %}
{% set autocomplete = autocomplete ?? false %}
{% set autofocus = autofocus ?? false %}
{% block field %}
{% if icon %}
<div class="is-relative input-with-icon">
{% endif %}
<input
type="{{ type }}"
id="{{ id }}"
name="{{ name }}"
placeholder="{{ placeholder }}"
{% if required %}required{% endif %}
{% if disabled %}disabled="disabled"{% endif %}
{% if readonly %}readonly="readonly"{% endif %}
{% if value %}value="{{ value }}"{% endif %}
{% if min %}min="{{ min }}"{% endif %}
{% if max %}max="{{ max }}"{% endif %}
{% if autocomplete %}autocomplete="{{ autocomplete }}"{% endif %}
{% if autofocus %}autofocus{% endif %}
class="input {{ inputClassName }}" />
{% if icon %}
<i class="{{ icon }} golden-color without-margin"></i>
</div>
{% endif %}
{% endblock %}