    <div id='lp-alert' class="aui-core-notification-embeded-container"></div>
     <!--menu-->

   
    <div class="aui-core-notification-list-container"></div>

    <div class="aui-application-list-generic-header">
        <div class="aui-application-list-generic-header-button">
            
            <div style="display: flex;">
                <div tabindex="-1" data-href="Articulos-new" class="aui-kit-actionbutton aui-kit-actionbutton-only-icon aui-kit-actionbutton-template-action-bar aui-kit-actionbutton-version-V1">
                    <i class="zmdi zmdi-collection-plus zmdi-hc-2x" title="Nuevo"></i>
                   
                    <div class="aui-kit-actionbutton-text"></div>
                </div>
            </div>



           
            <div style="display: flex;">
                <div tabindex="-1"
                    class="aui-kit-actionbutton aui-kit-actionbutton-only-icon aui-kit-actionbutton-template-action-bar aui-kit-actionbutton-version-V1">
                    <i class="zmdi zmdi-print zmdi-hc-2x" title="Imprimir"></i>
                    <div class="aui-kit-actionbutton-text"></div>
                </div>
            </div>
         

        </div>

    </div>



    <div class="container-flat-form">

            <form id='oForm-Articulos' autocomplete="off" enctype="multipart/form-data" class="form-paddin AjaxForm"
                data-form="update" style="height: 100%;width:100%">

                <div class="container-fluid" style="padding-bottom: 20px;">

                    <div class="row">


                        <!-- data-block -->

                        <table id="dtArt" class="display nowrap responsive-table" cellspacing="0" width="100%"
                            style="font-size: 0.925em;">
                            <thead>
                                <tr>
                                    <th>No</th>
                                    <th>Id_articulo</th>
                                    <th>Descripcion</th>
                                    <th>Marca</th>
                                    <th>Modelo</th>
                                    <th>Ultima-vta</th>
                                    <th>Ex-aqui</th>
                                    <th>Ex-total</th>
                                    <th>P.lista</th>
                                    <th>Estado</th>
                                    <th>Mod.</th>
                                    <th>Elim.</th>
                                  
                                </tr>
                            </thead>
                            <tbody>

                                    <?php
                                        /* Desplegando listado de Articulos */
                                    $nRow = 1;  

                                    foreach($this->Articulos_Model->listar() as $p)
                                    {
                                        print '<tr>';
                                        print '<td>'.$nRow.'</td>';
                                        print '<td>'.$p->iditem.'</td>';
                                        print '<td>'.$p->itemnombre.'</td>';
                                        print '<td>'.$p->marca.'</td>';
                                        print '<td>'.$p->modelo.'</td>';
                                        print '<td>2025-01-01</td>';
                                        print '<td>'.$p->existenaqui.'</td>';
                                        print '<td>'.$p->existentotal.'</td>';
                                        print '<td>'.$p->preven1.'</td>';
                                        print '<td>1-ACT</td>';
                                        print '<td><i class="zmdi zmdi-open-in-new zmdi-hc-2x actionbutton-alter" data-href="Articulos-datos" title="Modificar" id ="'.$p->id.'"></i></td>';
                                        print '<td><i class="zmdi zmdi-delete zmdi-hc-2x actionbutton-trash" data-href="Articulos-invalidar" title="Eliminar" id ="'.$p->id.'"></i></td>';

                                   

                                        print '</tr>';

                                        $nRow = $nRow+1;
                                    }


                                    ?>


                            
                            </tbody>
                        </table>

                      

                    </div>  <!-- row -->

                </div> <!-- container-fluid -->


    </form> <!-- form -->

               

<script lang="javascript">


    $(document).ready(function () {
        $("#dtArt").DataTable({
            "lengthMenu": [[100, 500, 1000, -1], [100, 500, 1000, "Todos"]],
            "paging": false,
            "ordering": true,
            "info": true,
            "rowspan": true,
            "colspan": true,

        });
    });


</script>

 <script src="views/js/main.js"></script>