<details>
  <summary>Shell with work beside the List</summary>
  <Kit.Phoenix.Layouts.Shell.shell print_identity={@print.identity} print_subject={@print.subject} print_standing={@print.standing} print_tenant={@print.tenant} product="Hallkeeper" navigation_label="Application" navigation="rail" density="desk">
    <:destination href="?destination=main#main" icon="house" bar>Work</:destination>
    <:destination href="?destination=invoices#main" current icon="receipt" bar>Invoices</:destination>
    <:rail_head href="?destination=main#main" />
    <:subject>Invoices</:subject>
    <:body id="main">
      <Kit.Phoenix.Layouts.List.list subject_state={Kit.Phoenix.State.none()}>
        <:rows rest={%{"aria-label": "Invoices"}}>
          <Kit.Phoenix.Table.rows_table>
            <:caption>Invoices awaiting payment</:caption>
            <:subject_heading label="Hirer" />
            <:column_headings label="Amount due" kind="amount">Amount due</:column_headings>
            <:row facts={[%Kit.Phoenix.Table.FactCell{content: Kit.Phoenix.Table.Fact.words([Kit.Phoenix.Words.amount(Kit.Phoenix.Amount.money(reader(), Money.new(:GBP, "84.00")))])}]}><a href="?invoice=oh-inv-003&amp;work=payment#role-side-panel-open" id="role-side-panel-work-oakmere">Oakmere Primary School</a></:row>
            <:row facts={[%Kit.Phoenix.Table.FactCell{content: Kit.Phoenix.Table.Fact.words([Kit.Phoenix.Words.amount(Kit.Phoenix.Amount.money(reader(), Money.new(:GBP, "126.00")))])}]}><a href="?invoice=oh-inv-004&amp;work=payment#role-side-panel-open">Oakmere Pilates</a></:row>
            <:row facts={[%Kit.Phoenix.Table.FactCell{content: Kit.Phoenix.Table.Fact.words([Kit.Phoenix.Words.amount(Kit.Phoenix.Amount.money(reader(), Money.new(:GBP, "42.00")))])}]}><a href="?invoice=oh-inv-005&amp;work=payment#role-side-panel-open">Bell-Whitmore party</a></:row>
          </Kit.Phoenix.Table.rows_table>
        </:rows>
      </Kit.Phoenix.Layouts.List.list>
    </:body>
    <:side_panel>
      <Kit.Phoenix.Roles.SidePanel.side_panel
        return_focus="role-side-panel-work-oakmere"
        page_href="../../../record/"
        close_href="?invoice=none#role-side-panel-open"
        width_event="side_panel_width"
      >
        <:heading>Oakmere Primary School</:heading>
        <:work>
          <form>
            <Kit.Phoenix.Roles.FormGroup.form_group id="role-side-panel-amount-form-group" kind={Kit.Phoenix.Roles.FormGroup.Kind.text(:short)} control_rest={%{id: "role-side-panel-amount", name: "amount", inputmode: "decimal", value: "84.00"}}>
              <:printed_value>£84.00</:printed_value>
              <:label rest={%{for: "role-side-panel-amount"}}>Amount received</:label>
            </Kit.Phoenix.Roles.FormGroup.form_group>
            <Kit.Phoenix.Roles.ActionGroup.action_group><:lead><Kit.Phoenix.Roles.PrimaryAction.primary_action type="submit">Record payment</Kit.Phoenix.Roles.PrimaryAction.primary_action></:lead></Kit.Phoenix.Roles.ActionGroup.action_group>
          </form>
        </:work>
      </Kit.Phoenix.Roles.SidePanel.side_panel>
    </:side_panel>
  </Kit.Phoenix.Layouts.Shell.shell>
</details>