<?php include "views/templates/header.php";?>

<div class="container-fluid">
        <!-- Encabezado -->
        <ol class="breadcrumb mb-4">
            <li class="breadcrumb-item active">Clasificación de Productos</li>
        </ol>
        <!-- Botón para agregar nuevo elemento -->
        <button class="btn btn-dark mb-2" type="button" onclick="frmMedidas();">Agregar <i class="fas fa-plus"></i></button>
        <!-- Tabla de Medidas -->
        <div class="table-responsive">
            <table class="table table-light table-striped" id="tblMedidas">
                <thead class="thead-dark">
                    <tr>
                        <th>id</th>
                        <th>nombre</th>
                        <th>abreviativo</th>
                        <th>estado</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    <!-- Aquí se agregarán las filas de la tabla mediante JavaScript -->
                </tbody>
            </table>
        </div>
    </div>

<div id="nuevo_Medidas" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="my-modal-title" aria-hidden="true">

    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header bg-primary" >
                <h5 class="modal-title text-white" title="title" id="title">NUEVO</h5>

                <button class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div> 
            <div class="modal-body">
                <form method="post" id="frmMedidas">
                    <div class="form-group">
                        <input type="hidden" id="id" name="id">
                        <label for="nombre">NOMBRE</label>
                        <input id="nombre" class="form-control" type="text" name="nombre" placeholder="nombre">
                    </div>
                    <div class="form-group">
                        <label for="nombre_corto">NOMBE CORTO</label>
                        <input id="nombre_corto" class="form-control" type="text" name="nombre_corto" placeholder="nombre_corto">
                    </div>
                   
                       
                    </div>
                      <button class="btn btn-primary" type="button" id="btnaccion" onclick="registrarMedidas(event);">CONFIRMAR</button>
                        <button class="btn btn-danger" type="button" data-dismiss="modal">CANCELAR</button>
                    
                </form>
            </div>
        </div>
    </div>


<?php include "views/templates/footer.php"; ?>





