@extends('layouts.app')

@section('content')
    <div class="row w-100 h-100 m-0">
        @include('dashboard.stock.navigation')

        <div class="col-11 m-0">
            <div class="row border-bottom p-3 justify-content-start ">
                <a href="{{ route('stock.index') }}" class="col-auto btn-primary pt-2 fs-3"><i
                        class="bi bi-arrow-left m-3"></i></a>
                <h1 class="col-auto fs-2 fw-bold m-0">Movimiento de almacen: Entrada. </h1>
            </div>
            <div class="container-fluid p-5">
                @include('stock.create.inputs.form')
            </div>
        </div>

    </div>
@endsection

<script>
    function refreshLots() {
        let product = document.getElementById('product').value;
        let lots = @json($lots);
        console.log(lots);
        let select = document.getElementById('lot');
        select.innerHTML = '';
        lots.forEach(lot => {
            if (lot.product_id == product) {
                let option = document.createElement('option');
                option.value = lot.id;
                option.text = lot.registration_number;
                select.appendChild(option);
            }
        });
    }
</script>