@props([
    'name',
    'label' => null,
    'value' => null,
    'placeholder' => '0.00',
    'help' => null,
    'required' => false,
    'readonly' => false,
    'currency' => null,
    'min' => '0',
    'step' => '0.01',
    'id' => null,
])

@php
    $id = $id ?? 'field-' . str_replace(['[', ']', '.'], '-', $name);
    $hasError = $errors->has($name);
    $val = old($name, $value);
    $currency = $currency ?? optional(active_company())->currency_symbol ?? config('decent.defaults.currency_symbol', '₹');
    $classes = 'form-control form-control--money' . ($hasError ? ' is-invalid' : '');
@endphp

<div {{ $attributes->except(['class'])->merge(['class' => 'form-field ' . $attributes->get('class', '')]) }}>
    @if($label)
        <label for="{{ $id }}" class="form-label">
            {{ $label }} @if($required)<span class="form-label__required" aria-hidden="true">*</span>@endif
        </label>
    @endif
    <div class="input-group">
        <span class="input-group-text">{{ $currency }}</span>
        <input
            type="number"
            inputmode="decimal"
            name="{{ $name }}"
            id="{{ $id }}"
            value="{{ $val }}"
            placeholder="{{ $placeholder }}"
            class="{{ $classes }}"
            min="{{ $min }}"
            step="{{ $step }}"
            @if($required) required @endif
            @if($readonly) readonly @endif
            data-format="money"
        >
    </div>
    @if($help && ! $hasError)
        <small class="form-text">{{ $help }}</small>
    @endif
    @error($name)
        <div class="invalid-feedback d-block">{{ $message }}</div>
    @enderror
</div>