<!DOCTYPE HTML5>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  layout:decorate="~{layout.htm}">

<head>
  <title>Jobs</title>
</head>

<body>
  <div layout:fragment="content" class="container-fluid">
    <div  class="d-flex ">
    <sl-breadcrumb class="flex-grow-1" >
      <sl-breadcrumb-item href="/app/jobs">Jobs home</sl-breadcrumb-item>
      <sl-breadcrumb-item>jobs <span class="badge bg-secondary">4</span></sl-breadcrumb-item>
    </sl-breadcrumb>
    <sl-switch id="job-refresh" checked="checked" >Refresh</sl-switch>
  </div>

    <h2>Jobs</h2>
    <hr />
    <div hx-get="/app/jobs/table" hx-trigger="every 1s [htmx.find('#job-refresh').checked]" >
      Nothing Yet!
    </div>
     
  </div>
</body>

</html>