@php

    /** @var array|bool $transaction  */
    $transaction = $transaction ?? [];

    // if item exists, input prefix will be "items[{item->id}]"
    // if not, it will be null and will be added by javascript later
    $inputPrefix = 'items[' . ($transaction ? $id : 'new') . ']';

    $disabled = $disabled ?? false;

    if($disabled || !$transaction || array_get($transaction, 'stock_item_trashed')){
        $disabled = 'disabled';
    } else {
        $disabled = '';
    }

    $deletable = $deletable ?? true;

@endphp

<tr class="{{ !!$transaction ? '' : 'hidden' }} ws-nw">

    <td>
        @if(!$transaction || array_get($transaction, 'new'))
            <div class='input-group'>
                {!! Form::select("{$inputPrefix}[stock_item_id]", $items, array_get($transaction, 'stock_item_id'), ['class' => 'form-control item', $disabled]) !!}

                <span class="input-group-btn">
                    <span class="btn btn-default item-create-btn"><i class="fa fa-plus"></i> </span>
                </span>
            </div>
            <input type="hidden" name="{{ "{$inputPrefix}['new']" }}" value="1" {{ $disabled }}>
        @else
            <span> &nbsp; {{ array_get($transaction, 'stock_item_name') }}
                @if(array_get($transaction, 'stock_item_trashed'))
                    <b>[@transUc('models.generic.trashed')]</b>
                @endif
            </span>
            <input type="hidden" name="{{ $inputPrefix }}[stock_item_id]"
                   value="{{ array_get($transaction, 'stock_item_id') }}">
            <input type="hidden" name="{{ $inputPrefix }}[stock_item_name]"
                   value="{{ array_get($transaction, 'stock_item_name') }}">
        @endif
    </td>

    <td class="text-right">
        <div class='input-group'>
            {!! Form::number("{$inputPrefix}[change]", ($transaction ? array_get($transaction, 'change') : 1), ['class' => 'form-control change', 'step' => '0.001', $disabled]) !!}
            <span class="input-group-addon uom">
                <i class="fa fa-circle-o-notch fa-spin loading hidden"></i>
                <span class="text">{{ array_get($transaction, 'transUom') ?? '?' }}</span>
            </span>
        </div>
    </td>

    <td class="text-right">
        <div class='input-group'>
            {!! Form::number("{$inputPrefix}[base_price]",
            array_get($transaction, 'base_price'),
            ['class' => 'form-control base_price text-right', 'step' => '0.01', $disabled]) !!}
            <span class="input-group-addon">
                @currencySymbolLg
            </span>
        </div>
    </td>

    <td>
        <div class='input-group'>
            <span class="input-group-addon">
                <span class="fa fa-percent"></span>
            </span>
            {!! Form::number("{$inputPrefix}[discount_pct]",
                number_format(array_get($transaction, 'discount_pct', "0"), 0),
                ['class' => 'form-control discount-pct', $disabled, 'min' => 0, 'max' => 100, 'step' => '1']) !!}
        </div>
    </td>

    <td class="text-right">
        <div class='input-group'>
            {!! Form::number("{$inputPrefix}[total_discount]",
            array_get($transaction, 'total_discount', "0.00"),
            ['class' => 'form-control total_discount text-right', 'min' => 0, 'max' => 100, 'step' => '0.01', $disabled]) !!}
            <span class="input-group-addon">
                @currencySymbolLg
            </span>
        </div>
    </td>

    <td class="text-right">
        <span class="subtotal">{{ formatCurrency(array_get($transaction, 'base_price') * array_get($transaction, 'change')) }}</span>
        @currencySymbol
    </td>

    <td>
        <div class='input-group'>
            <span class="input-group-addon">
                <span class="fa fa-percent"></span>
            </span>
            {!! Form::text("{$inputPrefix}[vat_pct]",
                number_format(array_get($transaction, 'vat_pct', "0"), 0),
                ['class' => 'form-control vat', $disabled, 'min' => 0, 'max' => 100, 'step' => '1']) !!}
        </div>
    </td>

    <td>
        <span class="total-vat">{{ formatCurrency(array_get($transaction, 'total_vat')) }}</span>
        @currencySymbol
    </td>

    <td>
        <span class="total-price">{{ formatCurrency(array_get($transaction, 'total_price')) }}</span>
        @currencySymbol
    </td>

    @if($deletable)
        <td style="width: 33px; text-align: right;">
            <a class="btn btn-slim btn-danger btn-grey delete-btn">
                <i class="fa fa-times"></i>
            </a>
        </td>
    @endif

</tr>