@use('App\Models\Discount')
@props([
    'index' => ':index',
    'conversion' => [],
    'template' => empty($conversion) ? 'data-template-' : '',
    'isFormCreate' => false,
])
<div id="{{ !empty($conversion) ? 'block-conversion' . $index : 'template-block-conversion' }}" data-index="{{ $index }}">
    <div class="row mb-2">
        @if(!empty($conversion) && isset($conversion['id']))
            <input type="hidden" id="input-conversions-id{{ $index }}" name="conversions[{{ $index }}][id]" value="{{ $conversion['id'] }}" />
            <input type="hidden" id="input-conversions-is-removed{{ $index }}" name="conversions[{{ $index }}][is_removed]" value="0" />
        @endif
        @if($index === 0)
            {{-- set for base unit conversion --}}
            <div class="col-12 col-sm-6">
                <x-details.input-text-relation :label="__('validation.attributes.base_unit')" class="input-autocomplete-unit" relation="conversions" :index="$index" name="base_unit" :value="$conversion['base_unit'] ?? ''" :required="true" />
            </div>
            <div class="col-12 col-sm-6">
                <x-details.input-group-text-relation class="inputmask-decimal" :label="__('validation.attributes.weight')" append="gram" relation="conversions" :index="$index" name="weight" :value="$conversion['weight'] ?? 0" />
            </div>
            <div class="col-12 col-sm-6">
                <x-details.input-group-text-relation class="inputmask-numeric" :label="__('validation.attributes.buy_price')" :append="__('general.rupiah')" relation="conversions" :index="$index" name="buy_price" :value="$conversion['buy_price'] ?? 0" />
            </div>
            <div class="col-12 col-sm-6">
                <x-details.input-group-text-relation class="inputmask-numeric" :label="__('validation.attributes.sell_price')" :append="__('general.rupiah')" relation="conversions" :index="$index" name="sell_price" :value="$conversion['sell_price'] ?? 0" :readonly="!$isFormCreate && !auth()->user()->can('update', Discount::class)" />
            </div>
            @if(!$isFormCreate)
                <div class="col-12 py-0 mb-2 text-end">
                    <span class="text-muted text-warning-emphasis small"><i>{{ __('messages.hint.changing-price') }}</i></span>
                </div>
            @endif
            <div class="col-12 d-flex flex-row mb-2">
                <div class="flex-fill">
                    <hr />
                </div>
                <button id="btn-add-conversion" type="button" class="btn btn-sm btn-alt-success ms-2">
                    <i class="fa fa-plus"></i>
                </button>
            </div>
        @else
            <div class="col-12 col-sm-6">
                <x-details.input-group-conversion :conversion="$conversion" :template="$template" :index="$index" />
            </div>
            <div class="col-12 col-sm-6">
                <x-details.input-group-text-relation class="inputmask-decimal" :label="__('validation.attributes.weight')" append="gram" relation="conversions" :index="$index" name="weight" :value="$conversion['weight'] ?? 0" :template="$template" />
            </div>
            <div class="col-12 col-sm-6">
                <x-details.input-group-text-relation class="inputmask-numeric" :label="__('validation.attributes.buy_price')" :append="__('general.rupiah')" relation="conversions" :index="$index" name="buy_price" :value="$conversion['buy_price'] ?? 0" :template="$template" />
            </div>
            <div class="col-12 col-sm-6">
                <x-details.input-group-text-relation class="inputmask-numeric" :label="__('validation.attributes.sell_price')" :append="__('general.rupiah')" relation="conversions" :index="$index" name="sell_price" :value="$conversion['sell_price'] ?? 0" :template="$template" :readonly="!$isFormCreate && !auth()->user()->can('update', Discount::class)" />
            </div>
            <div class="col-12 d-flex flex-row mb-2">
                <div class="flex-fill">
                    <hr />
                </div>
                <button type="button" class="btn btn-alt-danger ms-2" {{ $template }}id="btn-remove-conversion{{ $index }}" data-index="{{ $index }}">
                    <i class="fa fa-trash-can"></i>
                </button>
            </div>
        @endif
    </div>
</div>