@php
    $estado = $estado ?? 'pendiente';
    $metodo = $metodo ?? 'efectivo';
    $fecha = $fecha ?? now()->format('Y-m-d');
@endphp
<tr class="abono-row">
    <td>
        <div class="field-currency" data-currency>
            <span class="field-currency-prefix">$</span>
            <input type="text" inputmode="numeric" class="field-input" autocomplete="off" data-currency-display>
            <input type="hidden" name="abonos_monto[]" value="{{ $monto ?? '' }}" data-currency-value>
        </div>
    </td>
    <td>
        <input type="date" name="abonos_fecha[]" value="{{ $fecha }}" class="field-input">
    </td>
    <td>
        <select name="abonos_estado[]" class="field-select">
            <option value="pendiente" {{ $estado === 'pendiente' ? 'selected' : '' }}>Pendiente</option>
            <option value="pagado" {{ $estado === 'pagado' ? 'selected' : '' }}>Pagado</option>
        </select>
    </td>
    <td>
        <select name="abonos_metodo[]" class="field-select">
            <option value="efectivo" {{ $metodo === 'efectivo' ? 'selected' : '' }}>Efectivo</option>
            <option value="transferencia" {{ $metodo === 'transferencia' ? 'selected' : '' }}>Transferencia</option>
        </select>
    </td>
    <td class="costos-col-accion">
        <button type="button" class="btn-icon-danger" data-abono-remove aria-label="Eliminar abono">
            <x-icon name="trash" />
        </button>
    </td>
</tr>