@props(['type' => 'text', 'name', 'title', 'required' => false, 'symbol' => '', 'input_group' => false, 'input_group_text' => '', 'extra_action' => false, 'extra_action_text' => '', 'extra_action_name' => '', 'extra_action_title' => '', 'wireIgnore' => false])

<div>
    <div class="form-group {{ $errors->has($name) ? 'has-error' : '' }}">
        @if (!empty($title))
            <label for="{{ $name }}" class="{{ $required ? 'required-color' : '' }}">{{ $title }}
                {{ $symbol }}</label>
        @endif
        @if ($extra_action)
            <a title="{{ $extra_action_title }}" style="font-size: 12px" wire:click.prevent="{{ $extra_action_name }}"
                href="#">{!! $extra_action_text !!}</a>
        @endif
        @if ($input_group && !empty($input_group_text))
            <div class="input-group" {{ $wireIgnore ? 'wire:ignore' : '' }}>
                <input type="{{ $type }}" {{ $attributes->merge(['class' => 'form-control']) }}>
                <div class="input-group-append">
                    <div class="input-group-text">
                        {{ $input_group_text }}
                    </div>
                </div>
            </div>
        @else
            <div {{ $wireIgnore ? 'wire:ignore' : '' }}>
                <input type="{{ $type }}" {{ $attributes->merge(['class' => 'form-control']) }}>
            </div>
        @endif
        @if ($errors->has($name))
            <div class="invalid-feedback" style="display: block">{{ $errors->first($name) }}
            </div>
        @endif
    </div>
</div>