<swp-two-column-grid>
    <!-- Column 1: Betalingsmetoder i butik -->
    <swp-card>
        <swp-card-header>
            <swp-card-title>
                <i class="ph ph-wallet"></i>
                Betalingsmetoder i butik
            </swp-card-title>
        </swp-card-header>
        <swp-card-content>
            <swp-section-intro>Vælg hvilke betalingsmetoder dine kunder kan bruge ved checkout i butikken.</swp-section-intro>
            <swp-toggle-row>
                <swp-toggle-info>
                    <swp-toggle-label>Kontant</swp-toggle-label>
                    <swp-toggle-desc>Modtag kontant betaling</swp-toggle-desc>
                </swp-toggle-info>
                <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-info>
                    <swp-toggle-label>Dankort / Visa / Mastercard</swp-toggle-label>
                    <swp-toggle-desc>Betalingskort via terminal</swp-toggle-desc>
                </swp-toggle-info>
                <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-info>
                    <swp-toggle-label>MobilePay</swp-toggle-label>
                    <swp-toggle-desc>Betaling via MobilePay</swp-toggle-desc>
                </swp-toggle-info>
                <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-info>
                    <swp-toggle-label>Gavekort</swp-toggle-label>
                    <swp-toggle-desc>Indløs gavekort som betaling</swp-toggle-desc>
                </swp-toggle-info>
                <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-info>
                    <swp-toggle-label>Faktura</swp-toggle-label>
                    <swp-toggle-desc>Send faktura til kunden</swp-toggle-desc>
                </swp-toggle-info>
                <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>

    <!-- Column 2: Online betaling + Gebyr -->
    <swp-card-column>
        <!-- Online betaling -->
        <swp-card>
            <swp-card-header>
                <swp-card-title>
                    <i class="ph ph-globe"></i>
                    Online betaling
                </swp-card-title>
            </swp-card-header>
            <swp-card-content>
                <swp-toggle-row>
                    <swp-toggle-info>
                        <swp-toggle-label>Modtag betaling ved online booking</swp-toggle-label>
                        <swp-toggle-desc>Kunder betaler når de booker online</swp-toggle-desc>
                    </swp-toggle-info>
                    <swp-toggle-slider data-value="no" id="onlinePaymentToggle">
                        <swp-toggle-option>Ja</swp-toggle-option>
                        <swp-toggle-option>Nej</swp-toggle-option>
                    </swp-toggle-slider>
                </swp-toggle-row>

                <div id="onlinePaymentSettings" style="display: none;">
                    <swp-section-divider></swp-section-divider>

                    <swp-info-box>
                        <i class="ph ph-info"></i>
                        <p>Online betalinger håndteres via Stripe. Beløbet overføres automatisk til din bankkonto efter den valgte periode.</p>
                    </swp-info-box>

                    <swp-edit-section>
                        <swp-edit-row class="wide-label">
                            <swp-edit-label>Registreringsnummer</swp-edit-label>
                            <swp-edit-value contenteditable="true" class="mono">1234</swp-edit-value>
                        </swp-edit-row>
                        <swp-edit-row class="wide-label">
                            <swp-edit-label>Kontonummer</swp-edit-label>
                            <swp-edit-value contenteditable="true" class="mono">12345678</swp-edit-value>
                        </swp-edit-row>
                        <swp-edit-row class="wide-label">
                            <swp-edit-label>Udbetaling</swp-edit-label>
                            <swp-edit-select>
                                <select>
                                    <option value="7" selected>Hver uge</option>
                                    <option value="14">Hver 2. uge</option>
                                    <option value="28">Hver 4. uge</option>
                                </select>
                            </swp-edit-select>
                        </swp-edit-row>
                    </swp-edit-section>
                </div>
            </swp-card-content>
        </swp-card>

        <!-- Gebyr & tillæg -->
        <swp-card>
            <swp-card-header>
                <swp-card-title>
                    <i class="ph ph-percent"></i>
                    Gebyr & tillæg
                </swp-card-title>
            </swp-card-header>
            <swp-card-content>
                <swp-toggle-row>
                    <swp-toggle-info>
                        <swp-toggle-label>Vis kortgebyr til kunden</swp-toggle-label>
                        <swp-toggle-desc>Vis kortgebyr som separat linje på kvittering</swp-toggle-desc>
                    </swp-toggle-info>
                    <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-card-content>
        </swp-card>
    </swp-card-column>
</swp-two-column-grid>
