@php
    $value = fn ($key) => old("lines.$i.$key", $line[$key] ?? null);
@endphp
<tbody class="je-line">
    <tr class="je-main">
        <td class="row-number je-number"></td>
        <td>
            <select name="lines[{{ $i }}][account_id]" class="je-account @error("lines.$i.account_id") is-invalid @enderror" aria-label="{{ __('Account') }}">
                <option value="">{{ __('Select an account') }}</option>
                @foreach($accounts as $account)
                    <option value="{{ $account->id }}"
                        data-party="{{ $account->is_user_associated ? 1 : 0 }}"
                        data-stock="{{ $account->is_stock_associated ? 1 : 0 }}"
                        @selected((string) $value('account_id') === (string) $account->id)>{{ $account->code }} — {{ $account->name }}</option>
                @endforeach
            </select>
        </td>
        <td><input type="text" name="lines[{{ $i }}][description]" value="{{ $value('description') }}" maxlength="255" aria-label="{{ __('Line description') }}"></td>
        <td><input type="number" step="0.01" min="0" name="lines[{{ $i }}][debit]" value="{{ $value('debit') }}" class="num je-debit @error("lines.$i.debit") is-invalid @enderror" aria-label="{{ __('Debit') }}"></td>
        <td><input type="number" step="0.01" min="0" name="lines[{{ $i }}][credit]" value="{{ $value('credit') }}" class="num je-credit" aria-label="{{ __('Credit') }}"></td>
        <td class="je-actions">
            <button type="button" class="btn btn-link je-toggle" title="{{ __('Project and cost center') }}" aria-label="{{ __('Project and cost center') }}"><i class="bi bi-diagram-3"></i></button>
            <button type="button" class="btn btn-link text-danger je-remove" title="{{ __('Remove line') }}" aria-label="{{ __('Remove line') }}"><i class="bi bi-x-lg"></i></button>
        </td>
    </tr>
    <tr class="je-detail" hidden>
        <td></td>
        <td colspan="5">
            <div class="je-group je-party" hidden>
                <div class="je-field">
                    <label>{{ __('Person') }}</label>
                    <select name="lines[{{ $i }}][person_id]" class="@error("lines.$i.person_id") is-invalid @enderror">
                        <option value="">{{ __('Select a person') }}</option>
                        @foreach($people as $personOption)
                            <option value="{{ $personOption->id }}" @selected((string) $value('person_id') === (string) $personOption->id)>{{ $personOption->last_name }}, {{ $personOption->first_name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="je-field">
                    <label>{{ __('Document number') }}</label>
                    <input type="text" name="lines[{{ $i }}][document_number]" value="{{ $value('document_number') }}" maxlength="50">
                </div>
                <div class="je-field">
                    <label>{{ __('Due date') }}</label>
                    <input type="date" name="lines[{{ $i }}][due_date]" value="{{ $value('due_date') }}">
                </div>
            </div>
            <div class="je-group je-stock" hidden>
                <div class="je-field">
                    <label>{{ __('Item ID') }}</label>
                    <input type="number" min="1" name="lines[{{ $i }}][item_id]" value="{{ $value('item_id') }}" class="@error("lines.$i.item_id") is-invalid @enderror">
                </div>
                <div class="je-field">
                    <label>{{ __('Warehouse ID') }}</label>
                    <input type="number" min="1" name="lines[{{ $i }}][warehouse_id]" value="{{ $value('warehouse_id') }}">
                </div>
                <div class="je-field">
                    <label>{{ __('Lot ID') }}</label>
                    <input type="number" min="1" name="lines[{{ $i }}][lot_id]" value="{{ $value('lot_id') }}">
                </div>
                <div class="je-field">
                    <label>{{ __('Quantity') }}</label>
                    <input type="number" step="0.0001" name="lines[{{ $i }}][quantity]" value="{{ $value('quantity') }}" class="num">
                </div>
                <div class="je-field">
                    <label>{{ __('Unit cost') }}</label>
                    <input type="number" step="0.0001" min="0" name="lines[{{ $i }}][unit_cost]" value="{{ $value('unit_cost') }}" class="num">
                </div>
            </div>
            <div class="je-group je-analysis" hidden>
                <div class="je-field">
                    <label>{{ __('Project') }}</label>
                    <select name="lines[{{ $i }}][project_id]">
                        <option value="">—</option>
                        @foreach($projects as $project)
                            <option value="{{ $project->id }}" @selected((string) $value('project_id') === (string) $project->id)>{{ $project->code }} — {{ $project->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="je-field">
                    <label>{{ __('Cost center') }}</label>
                    <select name="lines[{{ $i }}][cost_center_id]">
                        <option value="">—</option>
                        @foreach($costCenters as $costCenter)
                            <option value="{{ $costCenter->id }}" @selected((string) $value('cost_center_id') === (string) $costCenter->id)>{{ $costCenter->code }} — {{ $costCenter->name }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        </td>
    </tr>
</tbody>