{{t "common.upload-image-supported"}}

{{#if this.useCustomType}} {{else}}

{{type.label}}

{{type.description}}

{{/if}}

</InputGroup>
            </div>
        </div>
    </ContentPanel>

<ContentPanel @title={{t "modals.entity-form.price-title"}} @open={{true}} @wrapperClass="bordered-top">
        <div class="grid grid-cols-1 lg:grid-cols-2 gap-2">
            <InputGroup @name={{t "modals.entity-form.price"}} @helpText={{t "modals.entity-form.price-text"}}>
                <MoneyInput class="w-full" @value={{@resource.price}} @currency={{@resource.currency}} @canSelectCurrency={{true}} @onCurrencyChange={{fn (mut @resource.currency)}} />
            </InputGroup>
            <InputGroup @name={{t "modals.entity-form.sale-price"}} @helpText={{t "modals.entity-form.sale-price-text"}}>
                <MoneyInput class="w-full" @value={{@resource.sale_price}} @currency={{@resource.currency}} @canSelectCurrency={{true}} @onCurrencyChange={{fn (mut @resource.currency)}} />
            </InputGroup>
            <InputGroup @name={{t "modals.entity-form.declare"}} @helpText={{t "modals.entity-form.declare-text"}}>
                <MoneyInput
                    class="w-full"
                    @value={{@resource.declared_value}}
                    @currency={{@resource.currency}}
                    @canSelectCurrency={{true}}
                    @onCurrencyChange={{fn (mut @resource.currency)}}
                />
            </InputGroup>
        </div>
    </ContentPanel>

<ContentPanel @title={{t "modals.entity-form.measurement-title"}} @open={{true}} @wrapperClass="bordered-top">
        <div>
            <div class="grid grid-cols-3 gap-2">
                <InputGroup @name={{t "modals.entity-form.length"}} @helpText={{t "modals.entity-form.length-text"}}>
                    <UnitInput class="w-full" @value={{@resource.length}} @unit={{@resource.dimensions_unit}} @canSelectUnit={{true}} @onUnitChange={{fn (mut @resource.dimensions_unit)}} />
                </InputGroup>
                <InputGroup @name={{t "modals.entity-form.width"}} @helpText={{t "modals.entity-form.width-text"}}>
                    <UnitInput class="w-full" @value={{@resource.width}} @unit={{@resource.dimensions_unit}} @canSelectUnit={{true}} @onUnitChange={{fn (mut @resource.dimensions_unit)}} />
                </InputGroup>
                <InputGroup @name={{t "modals.entity-form.height"}} @helpText={{t "modals.entity-form.height-text"}}>
                    <UnitInput class="w-full" @value={{@resource.height}} @unit={{@resource.dimensions_unit}} @canSelectUnit={{true}} @onUnitChange={{fn (mut @resource.dimensions_unit)}} />
                </InputGroup>
            </div>
            <div class="grid grid-cols-3 gap-2">
                <InputGroup @name={{t "modals.entity-form.weight"}} @helpText={{t "modals.entity-form.weight-text"}}>
                    <UnitInput
                        class="w-full"
                        @value={{@resource.weight}}
                        @measurement="weight"
                        @unit={{@resource.weight_unit}}
                        @canSelectUnit={{true}}
                        @onUnitChange={{fn (mut @resource.weight_unit)}}
                    />
                </InputGroup>
            </div>
        </div>
    </ContentPanel>

<CustomField::Yield @subject={{@resource}} @wrapperClass="bordered-top" />

<RegistryYield @registry="fleet-ops:component:entity:form" as |RegistryComponent|>
        <RegistryComponent @resource={{@resource}} @controller={{this.controller}} @permission={{get-write-permission @resource}} />
    </RegistryYield>
</div>