33c338345e
Introduces a new Settings page with configurable modules: - General company information - Calendar and booking settings - Billing and payment configurations - Tracking and analytics integrations Implements modular ViewComponents for each settings section Enhances user experience with toggle switches and detailed configuration options
141 lines
6.4 KiB
Text
141 lines
6.4 KiB
Text
<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 -->
|
|
<div class="stacked-cards">
|
|
<!-- 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>
|
|
</div>
|
|
</swp-two-column-grid>
|