var info = JSON.parse(localStorage.getItem("RENGLONES"));

var list = document.getElementById("list");

  for (var i = 0; i < info.length; i++) {
          var renglonLower = info[i].Renglones.toLowerCase()
          var renglonCap = renglonLower.charAt(0).toUpperCase() + renglonLower.slice(1)

          if (renglonCap == "Metal") {
                  renglonCap = "Joyería y orfebrería"
          }



          var item = ons.createElement(`<ons-list-item expandable onclick="hideAll()">
                      <div class="center">${renglonCap}</div>
                      <div class="right"><img class="list-item__thumbnail" src="img/${info[i].Renglones}.jpg"></div>
                      <div class="expandable-content">
                      <ons-list>
                      <ons-list-item onclick="fn.pushPage({'id':'artesanos.html','title':'${info[i].Renglones}','esp': '${info[i].Especificaciones}'})">Artesanos</ons-list-item>
                      <ons-list-item onclick="fn.pushPage({'id':'artesanias.html','title':'${info[i].Renglones}','esp': '${info[i].Especificaciones}'})">Productos</ons-list-item>
                      </ons-list></div>
                  </ons-list-item>`);
          list.appendChild(item);
          }


  /*`<ons-card onclick="fn.pushPage({'id':'artesanias.html','title':'${info[i].Renglones}','esp': '${info[i].Especificaciones}'})">
                        <div class="title">${info[i].Renglones}</div>
                        <div class="content"><img class="list-item__thumbnail" src="img/${info[i].Renglones}.png"></div>
                    </ons-card>`*/