<swp-card>
    <swp-card-header>
        <swp-card-title localize="cash.period.title">Periodeoplysninger</swp-card-title>
    </swp-card-header>
    <swp-card-content>
        <swp-period-display>
            <swp-period-label localize="cash.period.dateRange">Periode</swp-period-label>
            <swp-period-value>
                <span class="from">28. dec 2025 kl. 18:00</span>
                <span class="arrow">→</span>
                <span class="to">29. dec 2025</span>
            </swp-period-value>
        </swp-period-display>

        <swp-form-grid style="margin-top: var(--spacing-10);">
            <swp-form-field>
                <swp-form-label localize="cash.period.register">Kassepunkt</swp-form-label>
                <swp-form-input>
                    <select id="register">
                        <option>Kasse 1 – Reception</option>
                        <option>Kasse 2 – Salon</option>
                    </select>
                </swp-form-input>
            </swp-form-field>

            <swp-form-field>
                <swp-form-label localize="cash.period.employee">Medarbejder</swp-form-label>
                <swp-form-input>
                    <select id="employee">
                        <option>Anna Jensen</option>
                        <option>Karina Knudsen</option>
                        <option>Martin Nielsen</option>
                    </select>
                </swp-form-input>
            </swp-form-field>
        </swp-form-grid>

        <swp-auto-id>Afstemnings-ID: <strong>KA-2025-12-29</strong> · Z-043</swp-auto-id>
    </swp-card-content>
</swp-card>
