<swp-info-box>
    <i class="ph ph-info"></i>
    <p><strong>Kvittering</strong> printes efter betaling i butikken. <strong>Faktura</strong> sendes til kunder der betaler senere.</p>
</swp-info-box>

<swp-two-column-grid>
    <!-- Virksomhedsoplysninger -->
    <swp-card>
        <swp-card-header>
            <swp-card-title>
                <i class="ph ph-identification-badge"></i>
                Virksomhedsoplysninger
            </swp-card-title>
        </swp-card-header>
        <swp-card-content>
            <swp-edit-section>
                <swp-edit-row>
                    <swp-edit-label>Firmanavn (juridisk)</swp-edit-label>
                    <swp-edit-value contenteditable="true">KARINA KNUDSEN® ApS</swp-edit-value>
                </swp-edit-row>
                <swp-edit-row>
                    <swp-edit-label>CVR-nummer</swp-edit-label>
                    <swp-edit-value contenteditable="true" class="mono">12345678</swp-edit-value>
                </swp-edit-row>
                <swp-edit-row>
                    <swp-edit-label>Adresse</swp-edit-label>
                    <swp-edit-value contenteditable="true">Amager Strandvej 22f, 2300 København S</swp-edit-value>
                </swp-edit-row>
            </swp-edit-section>
        </swp-card-content>
    </swp-card>

    <!-- Bankoplysninger -->
    <swp-card>
        <swp-card-header>
            <swp-card-title>
                <i class="ph ph-bank"></i>
                Bankoplysninger (kun faktura)
            </swp-card-title>
        </swp-card-header>
        <swp-card-content>
            <swp-edit-section>
                <swp-edit-row>
                    <swp-edit-label>Registreringsnr.</swp-edit-label>
                    <swp-edit-value contenteditable="true" class="mono">1234</swp-edit-value>
                </swp-edit-row>
                <swp-edit-row>
                    <swp-edit-label>Kontonummer</swp-edit-label>
                    <swp-edit-value contenteditable="true" class="mono">12345678</swp-edit-value>
                </swp-edit-row>
                <swp-edit-row>
                    <swp-edit-label>IBAN <span class="optional">(valgfri)</span></swp-edit-label>
                    <swp-edit-value contenteditable="true" class="mono placeholder">DK00 0000 0000 0000 00</swp-edit-value>
                </swp-edit-row>
                <swp-edit-row>
                    <swp-edit-label>MobilePay <span class="optional">(valgfri)</span></swp-edit-label>
                    <swp-edit-value contenteditable="true" class="mono">12345678</swp-edit-value>
                </swp-edit-row>
                <swp-edit-row>
                    <swp-edit-label>Betalingsbetingelser</swp-edit-label>
                    <swp-edit-select>
                        <select>
                            <option value="0">Kontant</option>
                            <option value="8" selected>Netto 8 dage</option>
                            <option value="14">Netto 14 dage</option>
                            <option value="30">Netto 30 dage</option>
                        </select>
                    </swp-edit-select>
                </swp-edit-row>
            </swp-edit-section>
        </swp-card-content>
    </swp-card>

    <!-- Vis på print -->
    <swp-card>
        <swp-card-header>
            <swp-card-title>
                <i class="ph ph-eye"></i>
                Vis på print
            </swp-card-title>
        </swp-card-header>
        <swp-card-content>
            <swp-toggle-row>
                <swp-toggle-label>Vis CVR-nummer</swp-toggle-label>
                <swp-toggle-slider data-value="yes">
                    <swp-toggle-option>Ja</swp-toggle-option>
                    <swp-toggle-option>Nej</swp-toggle-option>
                </swp-toggle-slider>
            </swp-toggle-row>
            <swp-toggle-row>
                <swp-toggle-label>Vis telefonnummer</swp-toggle-label>
                <swp-toggle-slider data-value="yes">
                    <swp-toggle-option>Ja</swp-toggle-option>
                    <swp-toggle-option>Nej</swp-toggle-option>
                </swp-toggle-slider>
            </swp-toggle-row>
            <swp-toggle-row>
                <swp-toggle-label>Vis website</swp-toggle-label>
                <swp-toggle-slider data-value="no">
                    <swp-toggle-option>Ja</swp-toggle-option>
                    <swp-toggle-option>Nej</swp-toggle-option>
                </swp-toggle-slider>
            </swp-toggle-row>
            <swp-toggle-row>
                <swp-toggle-label>Vis logo</swp-toggle-label>
                <swp-toggle-slider data-value="yes">
                    <swp-toggle-option>Ja</swp-toggle-option>
                    <swp-toggle-option>Nej</swp-toggle-option>
                </swp-toggle-slider>
            </swp-toggle-row>
        </swp-card-content>
    </swp-card>

    <!-- Tekster -->
    <swp-card>
        <swp-card-header>
            <swp-card-title>
                <i class="ph ph-text-align-left"></i>
                Tekster
            </swp-card-title>
        </swp-card-header>
        <swp-card-content>
            <swp-edit-section>
                <swp-edit-row>
                    <swp-edit-label>Header-tekst</swp-edit-label>
                    <swp-edit-value contenteditable="true">Tak for dit besøg!</swp-edit-value>
                </swp-edit-row>
            </swp-edit-section>
            <div style="margin-top: 16px;">
                <swp-edit-label style="display: block; margin-bottom: 8px;">Footer-tekst</swp-edit-label>
                <textarea class="edit-textarea">Åbningstider: Man-Fre 9-18, Lør 10-14
Vi glæder os til at se dig igen!</textarea>
            </div>
            <div style="margin-top: 16px;">
                <swp-edit-label style="display: block; margin-bottom: 8px;">Faktura-tekst</swp-edit-label>
                <textarea class="edit-textarea">Ved betaling bedes fakturanummer angivet.
Tak for din handel!</textarea>
            </div>
        </swp-card-content>
    </swp-card>
</swp-two-column-grid>
