<div class="modal fade" id="modalParametro" tabindex="-1">
    <div class="modal-dialog ">
        <div class="modal-content bg-white ">
            <div class="modal-header bg-secondary text-white">
                <h6 class="modal-title" id="modalParametroTitulo">
                    Nuevo parámetro
                </h6>
                <button class="btn-close" data-bs-dismiss="modal"></button>
            </div>

            <div class="modal-body">
                <label class="form-label">
                    Nombre <span class="text-danger">*</span>
                </label>
                <input type="text"
                       id="parametroNombre"
                       class="form-control"
                       autocomplete="off">

                <input type="hidden" id="parametroTipo">

                <div class="invalid-feedback d-block d-none" id="parametroError">
                    Este valor ya existe.
                </div>
            </div>

            <div class="modal-footer">
                <button class="btn btn-primary btn-sm" id="guardarParametro">
                    <span class="btn-text">Guardar</span>
                    <span class="spinner-border spinner-border-sm d-none"
                          id="spinnerParametro"></span>
                </button>
                <button class="btn btn-warning btn-sm"
                        data-bs-dismiss="modal">
                    Cancelar
                </button>
            </div>
        </div>
    </div>
</div>
