@extends('layouts.app')

@section('titulo', 'Nueva nota de credito')

@section('content')
    <h1 class="h4 mb-3">Nota de credito para factura {{ $factura->numero_documento }}</h1>

    <form method="POST" action="{{ route('ventas.notas-credito.store', $factura) }}" id="form-nota">
        @csrf
        <div class="card p-4 mb-3">
            <label class="form-label">Motivo</label>
            <textarea name="motivo" class="form-control" required placeholder="Ej: descuento por pronto pago, devolucion de mercancia, error en factura..."></textarea>
            <div class="form-check mt-2">
                <input type="checkbox" name="devolucion_mercancia" value="1" class="form-check-input" id="devolucion" checked>
                <label class="form-check-label" for="devolucion">Esta nota implica devolucion fisica de mercancia (repone inventario)</label>
            </div>
        </div>

        <div class="card p-4">
            <h2 class="h6">Selecciona las lineas a acreditar (puedes ajustar la cantidad)</h2>
            <table class="table">
                <thead><tr><th></th><th>Descripcion</th><th>Cantidad original</th><th>Cantidad a acreditar</th><th>Precio</th><th>% IVA</th></tr></thead>
                <tbody>
                    @foreach ($factura->items as $idx => $item)
                        <tr>
                            <td><input type="checkbox" class="form-check-input chk-item" data-idx="{{ $idx }}" checked></td>
                            <td>
                                {{ $item->descripcion }}
                                <input type="hidden" name="items[{{ $idx }}][product_id]" value="{{ $item->product_id }}">
                                <input type="hidden" name="items[{{ $idx }}][descripcion]" value="{{ $item->descripcion }}">
                                <input type="hidden" name="items[{{ $idx }}][costo_unitario]" value="{{ $item->costo_unitario_aplicado }}">
                            </td>
                            <td>{{ number_format($item->cantidad, 4) }}</td>
                            <td><input type="number" step="0.0001" name="items[{{ $idx }}][cantidad]" class="form-control form-control-sm" value="{{ $item->cantidad }}"></td>
                            <td><input type="number" step="0.0001" name="items[{{ $idx }}][precio_unitario]" class="form-control form-control-sm" value="{{ $item->precio_unitario }}"></td>
                            <td><input type="number" step="0.01" name="items[{{ $idx }}][porcentaje_iva]" class="form-control form-control-sm" value="{{ $item->porcentaje_iva }}"></td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
            <button type="submit" class="btn btn-primary">Emitir nota de credito</button>
        </div>
    </form>
@endsection

@section('scripts')
<script>
document.querySelectorAll('.chk-item').forEach(chk => {
    chk.addEventListener('change', function () {
        const fila = this.closest('tr');
        fila.querySelectorAll('input:not(.chk-item)').forEach(inp => {
            if (!this.checked) { inp.dataset.prevName = inp.name; inp.removeAttribute('name'); }
            else if (inp.dataset.prevName) { inp.name = inp.dataset.prevName; }
        });
    });
});
</script>
@endsection