<!-- Action Bar -->
<swp-action-bar class="grid-top">
    <swp-selection-info>
        <span id="selectionCount" localize="cash.table.noneSelected">0 valgt</span>
    </swp-selection-info>
    <swp-btn class="primary" id="exportBtn" disabled>
        <i class="ph ph-download"></i>
        <span localize="cash.table.exportSaft">Eksporter SAF-T</span>
    </swp-btn>
</swp-action-bar>

<!-- Table -->
<swp-cash-table>
    <swp-cash-table-header>
        <swp-cash-th class="checkbox"><input type="checkbox" id="selectAll" /></swp-cash-th>
        <swp-cash-th localize="cash.table.date">Dato</swp-cash-th>
        <swp-cash-th localize="cash.table.id">ID</swp-cash-th>
        <swp-cash-th localize="cash.table.period">Periode</swp-cash-th>
        <swp-cash-th localize="cash.table.register">Kassepunkt</swp-cash-th>
        <swp-cash-th localize="cash.table.closedBy">Afsluttet af</swp-cash-th>
        <swp-cash-th class="right" localize="cash.table.revenue">Omsætning</swp-cash-th>
        <swp-cash-th class="right" localize="cash.table.difference">Difference</swp-cash-th>
        <swp-cash-th localize="common.status">Status</swp-cash-th>
        <swp-cash-th></swp-cash-th>
    </swp-cash-table-header>

    <swp-cash-table-body>
        <!-- Draft row (current day) -->
        <swp-cash-table-row data-id="draft" class="draft-row">
            <swp-cash-td class="checkbox"></swp-cash-td>
            <swp-cash-td class="muted">I dag</swp-cash-td>
            <swp-cash-td class="id muted">–</swp-cash-td>
            <swp-cash-td>
                <swp-period-cell>
                    <span class="dates">29. dec 17:45 → ...</span>
                </swp-period-cell>
            </swp-cash-td>
            <swp-cash-td>Kasse 1</swp-cash-td>
            <swp-cash-td class="muted">–</swp-cash-td>
            <swp-cash-td class="right mono muted">4.250 kr</swp-cash-td>
            <swp-cash-td class="right mono muted">–</swp-cash-td>
            <swp-cash-td><swp-status-badge class="draft" localize="cash.status.draft">Kladde</swp-status-badge></swp-cash-td>
            <swp-cash-td><swp-row-arrow><i class="ph ph-caret-right"></i></swp-row-arrow></swp-cash-td>
        </swp-cash-table-row>

        <swp-cash-table-row data-id="043">
            <swp-cash-td class="checkbox"><input type="checkbox" class="row-select" /></swp-cash-td>
            <swp-cash-td>29. dec</swp-cash-td>
            <swp-cash-td class="id">Z-043</swp-cash-td>
            <swp-cash-td>
                <swp-period-cell>
                    <span class="dates">28. dec 18:00 → 29. dec 17:45</span>
                </swp-period-cell>
            </swp-cash-td>
            <swp-cash-td>Kasse 1</swp-cash-td>
            <swp-cash-td>Anna Jensen</swp-cash-td>
            <swp-cash-td class="right mono">18.865 kr</swp-cash-td>
            <swp-cash-td class="right mono">0 kr</swp-cash-td>
            <swp-cash-td><swp-status-badge class="approved" localize="cash.status.approved">Godkendt</swp-status-badge></swp-cash-td>
            <swp-cash-td><swp-row-toggle><i class="ph ph-caret-right"></i></swp-row-toggle></swp-cash-td>
        </swp-cash-table-row>
        <swp-cash-row-detail data-for="043">
            <swp-row-detail-content>
                <swp-row-detail-actions>
                    <swp-btn class="secondary">
                        <i class="ph ph-file-csv"></i>
                        <span localize="cash.table.downloadCsv">Download CSV</span>
                    </swp-btn>
                    <swp-btn class="secondary">
                        <i class="ph ph-file-pdf"></i>
                        <span localize="cash.table.downloadPdf">Download PDF</span>
                    </swp-btn>
                    <swp-btn class="primary">
                        <i class="ph ph-list-bullets"></i>
                        <span localize="cash.table.viewTransactions">Se transaktioner</span>
                    </swp-btn>
                </swp-row-detail-actions>
            </swp-row-detail-content>
        </swp-cash-row-detail>

        <swp-cash-table-row data-id="042">
            <swp-cash-td class="checkbox"><input type="checkbox" class="row-select" /></swp-cash-td>
            <swp-cash-td>28. dec</swp-cash-td>
            <swp-cash-td class="id">Z-042</swp-cash-td>
            <swp-cash-td>
                <swp-period-cell>
                    <span class="dates">27. dec 18:30 → 28. dec 18:00</span>
                </swp-period-cell>
            </swp-cash-td>
            <swp-cash-td>Kasse 1</swp-cash-td>
            <swp-cash-td>Karina Knudsen</swp-cash-td>
            <swp-cash-td class="right mono">12.450 kr</swp-cash-td>
            <swp-cash-td class="right mono negative">-25 kr</swp-cash-td>
            <swp-cash-td><swp-status-badge class="approved" localize="cash.status.approved">Godkendt</swp-status-badge></swp-cash-td>
            <swp-cash-td><swp-row-toggle><i class="ph ph-caret-right"></i></swp-row-toggle></swp-cash-td>
        </swp-cash-table-row>
        <swp-cash-row-detail data-for="042">
            <swp-row-detail-content>
                <swp-row-detail-actions>
                    <swp-btn class="secondary">
                        <i class="ph ph-file-csv"></i>
                        <span localize="cash.table.downloadCsv">Download CSV</span>
                    </swp-btn>
                    <swp-btn class="secondary">
                        <i class="ph ph-file-pdf"></i>
                        <span localize="cash.table.downloadPdf">Download PDF</span>
                    </swp-btn>
                    <swp-btn class="primary">
                        <i class="ph ph-list-bullets"></i>
                        <span localize="cash.table.viewTransactions">Se transaktioner</span>
                    </swp-btn>
                </swp-row-detail-actions>
            </swp-row-detail-content>
        </swp-cash-row-detail>

        <swp-cash-table-row data-id="041">
            <swp-cash-td class="checkbox"><input type="checkbox" class="row-select" /></swp-cash-td>
            <swp-cash-td>27. dec</swp-cash-td>
            <swp-cash-td class="id">Z-041</swp-cash-td>
            <swp-cash-td>
                <swp-period-cell>
                    <span class="dates">26. dec 18:00 → 27. dec 18:30</span>
                </swp-period-cell>
            </swp-cash-td>
            <swp-cash-td>Kasse 1</swp-cash-td>
            <swp-cash-td>Martin Nielsen</swp-cash-td>
            <swp-cash-td class="right mono">21.340 kr</swp-cash-td>
            <swp-cash-td class="right mono">0 kr</swp-cash-td>
            <swp-cash-td><swp-status-badge class="approved" localize="cash.status.approved">Godkendt</swp-status-badge></swp-cash-td>
            <swp-cash-td><swp-row-toggle><i class="ph ph-caret-right"></i></swp-row-toggle></swp-cash-td>
        </swp-cash-table-row>
        <swp-cash-row-detail data-for="041">
            <swp-row-detail-content>
                <swp-row-detail-actions>
                    <swp-btn class="secondary">
                        <i class="ph ph-file-csv"></i>
                        <span localize="cash.table.downloadCsv">Download CSV</span>
                    </swp-btn>
                    <swp-btn class="secondary">
                        <i class="ph ph-file-pdf"></i>
                        <span localize="cash.table.downloadPdf">Download PDF</span>
                    </swp-btn>
                    <swp-btn class="primary">
                        <i class="ph ph-list-bullets"></i>
                        <span localize="cash.table.viewTransactions">Se transaktioner</span>
                    </swp-btn>
                </swp-row-detail-actions>
            </swp-row-detail-content>
        </swp-cash-row-detail>

        <swp-cash-table-row data-id="040">
            <swp-cash-td class="checkbox"><input type="checkbox" class="row-select" /></swp-cash-td>
            <swp-cash-td>23. dec</swp-cash-td>
            <swp-cash-td class="id">Z-040</swp-cash-td>
            <swp-cash-td>
                <swp-period-cell>
                    <span class="dates">22. dec 18:00 → 23. dec 17:30</span>
                </swp-period-cell>
            </swp-cash-td>
            <swp-cash-td>Kasse 1</swp-cash-td>
            <swp-cash-td>Anna Jensen</swp-cash-td>
            <swp-cash-td class="right mono">28.750 kr</swp-cash-td>
            <swp-cash-td class="right mono negative">-50 kr</swp-cash-td>
            <swp-cash-td><swp-status-badge class="approved" localize="cash.status.approved">Godkendt</swp-status-badge></swp-cash-td>
            <swp-cash-td><swp-row-toggle><i class="ph ph-caret-right"></i></swp-row-toggle></swp-cash-td>
        </swp-cash-table-row>
        <swp-cash-row-detail data-for="040">
            <swp-row-detail-content>
                <swp-row-detail-actions>
                    <swp-btn class="secondary">
                        <i class="ph ph-file-csv"></i>
                        <span localize="cash.table.downloadCsv">Download CSV</span>
                    </swp-btn>
                    <swp-btn class="secondary">
                        <i class="ph ph-file-pdf"></i>
                        <span localize="cash.table.downloadPdf">Download PDF</span>
                    </swp-btn>
                    <swp-btn class="primary">
                        <i class="ph ph-list-bullets"></i>
                        <span localize="cash.table.viewTransactions">Se transaktioner</span>
                    </swp-btn>
                </swp-row-detail-actions>
            </swp-row-detail-content>
        </swp-cash-row-detail>
    </swp-cash-table-body>

    <swp-cash-table-footer>
        <span>Viser 5 afstemninger</span>
        <span>Z-040 → Z-043</span>
    </swp-cash-table-footer>
</swp-cash-table>
