{{/* The demo application's list: demo-requests.html. Rastrillo's demo,
written in the markup of the Fiesta examples that document each piece:
page-header, seg-tabs, list-bar, the card rows, status-pill, row-menu
and pagination. */}}
<section class="app-view" id="view-requests">
<header rst-page-header>
  <div rst-page-header-titles>
    <h1>Requests</h1>
    <p rst-page-header-sub>Every request in the queue, newest first.</p>
  </div>
  <a rst-btn="primary" data-gallery-nav href="{{.Requests}}"><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"/><path d="M12 5v14"/></svg>New request</a>
</header>
<nav rst-seg-tabs aria-label="Requests"><a data-gallery-nav href="{{.Requests}}" aria-current="page">All</a><a data-gallery-nav href="{{.Requests}}">Open</a><a data-gallery-nav href="{{.Requests}}">Resolved</a></nav>
<div rst-card style="--rst-cols: minmax(0, 1fr) 120px 120px var(--rst-col-menu)">
<div rst-lbar>
  <search><form rst-search method="get" data-gallery-nav action="{{.Requests}}">
  <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
  <input type="search" name="q" placeholder="Search requests" aria-label="Search requests">
  <button class="rst-sr-only" type="submit">Search</button>
</form></search>
</div>
<div rst-lrow="head"><span>Subject</span><span class="rst-m-hide">Status</span><span class="rst-m-hide">Updated</span><span></span></div>
<div rst-lrow><a class="rst-nm" data-gallery-nav href="{{.Request}}">Invoice #4471 never arrived<small><bdi>Fiona Reid</bdi> · Billing</small></a><span class="rst-m-hide"><span rst-status rst-tone="warning">Waiting</span></span><span class="rst-cell-mut rst-m-hide">09:12</span><details rst-row-menu name="rst-menus">
  <summary aria-label="Actions for Invoice #4471 never arrived"><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg></summary>
  <div rst-row-menu-panel>
    <a data-gallery-nav href="{{.Request}}">Reply</a>
    <hr>
    <a class="rst-danger" data-gallery-nav href="{{.Request}}">Close request…</a>
  </div>
</details></div>
<div rst-lrow><a class="rst-nm" data-gallery-nav href="{{.Request}}">Card declined on renewal<small><bdi>Otto Neurath</bdi> · Billing</small></a><span class="rst-m-hide"><span rst-status rst-tone="neutral">Open</span></span><span class="rst-cell-mut rst-m-hide">08:40</span><details rst-row-menu name="rst-menus">
  <summary aria-label="Actions for Card declined on renewal"><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg></summary>
  <div rst-row-menu-panel>
    <a data-gallery-nav href="{{.Request}}">Reply</a>
    <hr>
    <a class="rst-danger" data-gallery-nav href="{{.Request}}">Close request…</a>
  </div>
</details></div>
<div rst-lrow><a class="rst-nm" data-gallery-nav href="{{.Request}}">Export takes twenty minutes<small><bdi>Mary Sherman</bdi> · Data</small></a><span class="rst-m-hide"><span rst-status rst-tone="neutral">Open</span></span><span class="rst-cell-mut rst-m-hide">12 August</span><details rst-row-menu name="rst-menus">
  <summary aria-label="Actions for Export takes twenty minutes"><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg></summary>
  <div rst-row-menu-panel>
    <a data-gallery-nav href="{{.Request}}">Reply</a>
    <hr>
    <a class="rst-danger" data-gallery-nav href="{{.Request}}">Close request…</a>
  </div>
</details></div>
<div rst-lrow><a class="rst-nm" data-gallery-nav href="{{.Request}}">Seat count is wrong on the invoice<small><bdi>Hedy Lamarr</bdi> · Billing</small></a><span class="rst-m-hide"><span rst-status rst-tone="positive">Resolved</span></span><span class="rst-cell-mut rst-m-hide">11 August</span><details rst-row-menu name="rst-menus">
  <summary aria-label="Actions for Seat count is wrong on the invoice"><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg></summary>
  <div rst-row-menu-panel>
    <a data-gallery-nav href="{{.Request}}">Reply</a>
    <hr>
    <a class="rst-danger" data-gallery-nav href="{{.Request}}">Close request…</a>
  </div>
</details></div>
</div>
<p rst-count-line>1–4 of 24 requests</p>
<nav rst-pagination aria-label="Pagination"><span aria-current="page">1</span><a data-gallery-nav href="{{.Requests}}">2</a><a data-gallery-nav href="{{.Requests}}">3</a></nav>
<p><a rst-btn data-gallery-nav href="{{.Overview}}">{{.Back}}</a></p>
</section>