<% products.forEach(p => { %>
<div class="modal" id="modalEditProduct<%= p.id %>">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5>Editar Producto</h5>
            </div>
            <div class="modal-body">
                <form action="/productos/stock/editProduct/<%= p.id %>" method="POST">
                    <div class="row">
                        <div class="col-md-12">
                            <input type="text" id="nombreProducto" name="nombre" class="form-control" placeholder="Nombre del Producto" value="<%= p.nombre %>" maxlength="100" required>  
                            <span class="spanModal" id="spanNombreProducto"><%= (p.nombre).length %>/100</span>
                        </div>
                        
                    </div>
                    <br>
                    <div class="row">
                        <div class="col-md-4">
                            <label>Precio de compra</label>
                            <input type="number" id="precioCompra" name="precioCompra" class="form-control" value="<%= p.precioCompra %>" step="0.01" min="0.00">
                        </div>
                        <div class="col-md-4">
                            <label>Precio de venta</label>
                            <input type="number" id="precioVenta" name="precioVenta" class="form-control" value="<%= p.precioVenta %>" step="0.01" min="0.00" required>
                        </div>
                        <div class="col-md-4">
                            <label>Tipo de IVA</label>
                            <select class="form-select" name="tipoIVA">
                                <% ivablock.forEach(i => {%>
                                    <option value="<%= i.id %>" <% if(p.tipoIVA == i.id ){%> selected <% } %> ><%= i.nombre %> - <%= i.valor %>% </option>
                                <% }) %>
                                <% ivauser.forEach(i => {%>
                                    <option value="<%= i.id %>" <% if(p.tipoIVA == i.id ){%> selected <% } %> ><%= i.nombre %> - <%= i.valor %>% </option>
                                <% }) %>

                            </select>    
                        </div>
                    </div>
                    <br>
                    <div class="row">
                        <div class="col-md-6">
                            <select class="form-select" name="tipo" required>
                                <option value="0" selected disabled>Tipo Producto</option>
                                <% tipoblock.forEach(tb => {%> 
                                <option value="<%= tb.id %>" <% if(p.tipo == tb.id ){%> selected <% } %> ><%= tb.valor %></option>
                                <% }) %>
                                <% tipouser.forEach(tu => {%> 
                                    <option value="<%= tu.id %>" <% if(p.tipo == tu.id ){%> selected <% } %> ><%= tu.valor %></option>
                                <% }) %>
                            </select>
                        </div>
                        <div class="col-md-6">
                            <input type="text" id="referenciaProducto" name="referencia" class="form-control" placeholder="Referencia" value="<%= p.referencia %>" maxlength="30">
                            <span class="spanModal" id="spanReferenciaProducto"><%= (p.referencia).length %>/30</span>
                        </div>
                    </div>
                    <br>
                    <div class="row">
                        <div class="col-md-6">
                            <label>Cantidad</label>
                            <input type="number" id="cantidad" name="cantidad" class="form-control" placeholder="Cantidad" min="0" value="<%= p.cantidad %>" required>
                        </div>
                        <div class="col-md-6 ">
                            <label>Cantidad mínima</label>
                            <input type="number" id="cantidadminima" name="cantidadminima" class="form-control" placeholder="Cantidad Mínima" min="0" value="<%= p.cantidadminima %>" required>
                            <span class="spanModal">0 unidades no se considerará stock crítico</span>
                        </div>
                    </div>
                    <br>
                    <div class="row">
                        <div class="col">
                            <textarea class="form-control" id="descripcionProducto" rows="2" placeholder="Descripción del producto" name="descripcion" maxlength="500"><%= p.descripcion %></textarea>
                            <span class="spanModal" id="spanDescripcionProducto"><%= (p.descripcion).length %>/500</span>
                        </div>
                    </div>
                    <br>
                    <div class="row">
                        <div class="col-md-6">
                            <label>Marca</label>
                            <select class="form-select" name="marca" required>
                                <option value="0" selected>Sin Marca</option>
                                <% marcas.forEach(m => {%> 
                                <option value="<%= m.id %>" <% if(p.marca == m.id ){%> selected <% } %>><%= m.company %></option>
                                <% }) %>
                            </select>
                            
                        </div>
                        <div class="col-md-6">
                            <label>Proveedor</label>
                            <select class="form-select" name="proveedor" required>
                                <option value="0" selected disabled>Seleccione proveedor</option>
                                <% proveedores.forEach(pr => {%> 
                                <option value="<%= pr.id %>" <% if(p.proveedor == pr.id ){%> selected <% } %>><%= pr.company %></option>
                                <% }) %>
                            </select>
                        </div>
                    </div>
                    <br>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-check form-switch form-check-inline">
                                <input class="form-check-input form-control" type="checkbox" id="reparable" name="reparable" <% if (p.reparable == 1) { %>checked <% } %>>
                                <label class="form-check-label" for="reparable">Reparable</label>
                            </div>
                            <div class="form-check form-switch form-check-inline">
                                <input class="form-check-input form-control" type="checkbox" id="ns" name="ns" <% if (p.ns == 1) { %>checked <% } %>>
                                <label class="form-check-label" for="ns">Producto con número de serie</label>
                            </div>
                            <div class="form-check form-switch form-check-inline">
                                <input class="form-check-input form-control" type="checkbox" id="recurrente" name="recurrente" <% if (p.recurrente == 1) { %>checked <% } %>>
                                <label class="form-check-label" for="recurrente">Añadir como producto recurrente</label>
                                <div class="tooltip"><i class="fa fa-circle-info"></i><span class="tooltiptext">Cuando la cantidad de producto se encuentre por debajo de la cantidad mínima, se preparará automáticamente pedido, a falta de ser confirmado.</span></div>
                                
                            </div>
                            
                        </div>
                        
                    </div>
                    <br>
                    <div class="modal-footer">
                        <div id="botonesmodal from-group">
                            <button type="submit" class="btn btn-success btn-md">Guardar</button>
                            <button type="button" class="btn btn-danger btn-md" data-bs-dismiss="modal">Cancelar</button>
                        </div>
                    </div>
                </form>     
            </div>
            
        </div>
    </div>    
</div>
<% }) %>