@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-header">Editar Inventario</div>
                    <div class="card-body">
                        <div class="alert alert-success" role="alert">
                            Si necesitas cambiar el producto o el proveedor, borra el stock y crealo de nuevo.
                        </div>
                        <form method="POST" action="{{ route('editStock') }}" id="editForm">
                            @csrf
                            <input type="hidden" name="id" value="{{ $stock->id }}">
                            <div class="mb-3">
                                <label class="form-label">Producto (No editable)</label>
                                <input type="text" class="form-control" value="{{ $stock->product->product_name }}" readonly>
                            </div>
                            <div class="mb-3">
                                <label class="form-label">Proveedor (No editable)</label>
                                <input type="text" class="form-control" value="{{ $stock->provider->provider_name }}" readonly>
                            </div>
                            <div class="mb-3">
                                <label class="form-label">Cantidad</label>
                                <input type="number" step=".01" class="form-control" name="current_quantity" id="quantityInput" value="{{ $stock->current_quantity }}" required>
                            </div>
                            <div class="mb-3">
                                <label class="form-label">Número de lote</label>
                                <input type="text" class="form-control" name="batch_number" value="{{ $stock->batch_number }}" required>
                            </div>
                            <div class="mb-3">
                                <label class="form-label">Fecha de vencimiento</label>
                                                                <input type="date" class="form-control" name="expiration_date" value="{{ $formattedExpirationDate }}" required>
                            </div>
                            <button type="submit" class="btn btn-primary">Guardar</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>
        document.getElementById("editForm").addEventListener("submit", function(event){
            var quantity = document.getElementById("quantityInput").value;
            if(quantity === 0) {
                event.preventDefault();
                alert("Si quieres dejar la cantidad a 0, borra el stock desde el boton rojo en el menu de stock");
            }
        });
    </script>

@endsection