/* eslint no-unused-vars: 0 */
import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";

const block0 = (context, tags, suffix) => html`<div class="container"><div class="jumbotron"><div class="row"><div class="col-md-6"><h1>UI5 Web Components keyed</h1></div><div class="col-md-6"><div class="row"><div class="col-sm-6 smallpad"><button type="button" class="btn btn-primary btn-block" id="run" @click=${context.run}>Create 1,000 rows</button></div><div class="col-sm-6 smallpad"><button type="button" class="btn btn-primary btn-block" id="runlots" @click=${context.runLots}>Create 10,000 rows</button></div><div class="col-sm-6 smallpad"><button type="button" class="btn btn-primary btn-block" id="add" @click=${context.add}>Append 1,000 rows</button></div><div class="col-sm-6 smallpad"><button type="button" class="btn btn-primary btn-block" id="update" @click=${context.update}>Update every 10th row</button></div><div class="col-sm-6 smallpad"><button type="button" class="btn btn-primary btn-block" id="clear" @click=${context.clear}>Clear</button></div><div class="col-sm-6 smallpad"><button type="button" class="btn btn-primary btn-block" id="swaprows" @click=${context.swapRows}>Swap Rows</button></div></div></div></div></div><table class="table table-hover table-striped test-data" @click=${context.handleClick}><tbody>${ repeat(context._rows, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }</tbody></table><span class="preloadicon glyphicon glyphicon-remove" aria-hidden="true"></span></div><link href="/css/currentStyle.css" rel="stylesheet"/>`;
const block1 = (item, index, context, tags, suffix) => html`<tr id=${ifDefined(item.id)} class=${ifDefined(item._class)}><td class="col-md-1">${ifDefined(item.id)}</td><td class="col-md-4"><a data-action="select" data-id=${ifDefined(item.id)}>${ifDefined(item.label)}</a></td><td class="col-md-1"><a><span class="glyphicon glyphicon-remove" aria-hidden="true" data-action="remove" data-id=${ifDefined(item.id)}></span></a></td><td class="col-md-6"></td></tr>`;


export default block0;