<div class="modal fade" id="modalPlanes" role="dialog">
      <div class="modal-dialog modal-xl"> 
      <div class="modal-content">
         <div class="modal-header">
             <div class="modal-body">
                            <div class="container">
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="card shadow-lg p-3 mb-5 bg-white ">
                                            <div class="card-header">
                                                <h2>Catalogo de Materia Prima</h2>
                                            </div>
                                            <div class="card-body">
                                                <!-- COMIENZO DEL FORMULARIO -->
                                                <div class="container-fluid">
                            
                                                    <div>
                                                        <table id="tablaproductos" class="display" style="width:100%">
                                                            <thead>
                                                              <tr>
                                                                    <th>ID</th>
                                                                    <th>Codigo</th>
                                                                    <th>Descripcion</th>
                                                                    <th>Unidad</th>                                                                 
                                                                    <th class="text-center">Acciones </th>
                                                                </tr>
                                                            </thead>
                                                            <tfoot>
                                                                <tr>
                                                                    <th>ID</th>
                                                                    <th>Codigo</th>
                                                                    <th>Descripcion</th>
                                                                    <th>Unidad</th>
                                                                    <th class="text-center">Acciones </th>                                                                   
                                                                </tr>
                                                            </tfoot>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                            
                                </div>

                                <script>
                                    

                                    $(document).on("click", ".btnAceptarP", function () {
                                        var fila = $(this).closest("tr");
                                        var data = $('#tablaproductos').DataTable().row(fila).data();
                                        var id_mp = parseInt(fila.find('td:eq(0)').text());
                                        var des_materiaprima = data['descripcion'];
                                        var unidad = data['unidad'];
                                        

                                        document.getElementsByName('idmateriaprima')[0].value = id_mp;
                                        document.getElementsByName('des-materiaprima')[0].value = des_materiaprima;
                                        document.getElementsByName('unidad')[0].value = unidad;
                                        
                                        $("#modalPlanes").modal("hide");
                                    })


                                </script>
                            </div>
             </div>
         </div>    
       </div>     
    </div>
</div>  