<swp-two-column-grid>
    <!-- Grundlæggende oplysninger -->
    <swp-card>
    <swp-card-header>
        <swp-card-title>
            <i class="ph ph-identification-card"></i>
            Grundlæggende oplysninger
        </swp-card-title>
    </swp-card-header>
    <swp-card-content>
        <swp-edit-section>
            <swp-edit-row>
                <swp-edit-label>Virksomhedsnavn</swp-edit-label>
                <swp-edit-value contenteditable="true">KARINA KNUDSEN®</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">Hovedgaden 123</swp-edit-value>
            </swp-edit-row>
            <swp-edit-row>
                <swp-edit-label>Postnummer</swp-edit-label>
                <swp-edit-value contenteditable="true" class="mono">2100</swp-edit-value>
            </swp-edit-row>
            <swp-edit-row>
                <swp-edit-label>By</swp-edit-label>
                <swp-edit-value contenteditable="true">København Ø</swp-edit-value>
            </swp-edit-row>
            <swp-edit-row>
                <swp-edit-label>Telefon</swp-edit-label>
                <swp-edit-value contenteditable="true" class="mono">70 20 30 40</swp-edit-value>
            </swp-edit-row>
            <swp-edit-row>
                <swp-edit-label>Email</swp-edit-label>
                <swp-edit-value contenteditable="true">info@salonbeauty.dk</swp-edit-value>
            </swp-edit-row>
            <swp-edit-row>
                <swp-edit-label>Website <span class="optional">(valgfri)</span></swp-edit-label>
                <swp-edit-value contenteditable="true">https://salonbeauty.dk</swp-edit-value>
            </swp-edit-row>
        </swp-edit-section>
    </swp-card-content>
</swp-card>

<!-- Åbningstider -->
<swp-card>
    <swp-card-header>
        <swp-card-title>
            <i class="ph ph-clock"></i>
            Åbningstider
        </swp-card-title>
    </swp-card-header>
    <swp-card-content>
        <swp-hours-table>
            <swp-hours-row>
                <swp-hours-day>Mandag</swp-hours-day>
                <swp-toggle-slider data-value="yes">
                    <swp-toggle-option>Ja</swp-toggle-option>
                    <swp-toggle-option>Nej</swp-toggle-option>
                </swp-toggle-slider>
                <swp-hours-time>
                    <input type="time" value="09:00">
                    <span>til</span>
                    <input type="time" value="18:00">
                </swp-hours-time>
            </swp-hours-row>
            <swp-hours-row>
                <swp-hours-day>Tirsdag</swp-hours-day>
                <swp-toggle-slider data-value="yes">
                    <swp-toggle-option>Ja</swp-toggle-option>
                    <swp-toggle-option>Nej</swp-toggle-option>
                </swp-toggle-slider>
                <swp-hours-time>
                    <input type="time" value="09:00">
                    <span>til</span>
                    <input type="time" value="18:00">
                </swp-hours-time>
            </swp-hours-row>
            <swp-hours-row>
                <swp-hours-day>Onsdag</swp-hours-day>
                <swp-toggle-slider data-value="yes">
                    <swp-toggle-option>Ja</swp-toggle-option>
                    <swp-toggle-option>Nej</swp-toggle-option>
                </swp-toggle-slider>
                <swp-hours-time>
                    <input type="time" value="09:00">
                    <span>til</span>
                    <input type="time" value="18:00">
                </swp-hours-time>
            </swp-hours-row>
            <swp-hours-row>
                <swp-hours-day>Torsdag</swp-hours-day>
                <swp-toggle-slider data-value="yes">
                    <swp-toggle-option>Ja</swp-toggle-option>
                    <swp-toggle-option>Nej</swp-toggle-option>
                </swp-toggle-slider>
                <swp-hours-time>
                    <input type="time" value="09:00">
                    <span>til</span>
                    <input type="time" value="20:00">
                </swp-hours-time>
            </swp-hours-row>
            <swp-hours-row>
                <swp-hours-day>Fredag</swp-hours-day>
                <swp-toggle-slider data-value="yes">
                    <swp-toggle-option>Ja</swp-toggle-option>
                    <swp-toggle-option>Nej</swp-toggle-option>
                </swp-toggle-slider>
                <swp-hours-time>
                    <input type="time" value="09:00">
                    <span>til</span>
                    <input type="time" value="17:00">
                </swp-hours-time>
            </swp-hours-row>
            <swp-hours-row>
                <swp-hours-day>Lørdag</swp-hours-day>
                <swp-toggle-slider data-value="yes">
                    <swp-toggle-option>Ja</swp-toggle-option>
                    <swp-toggle-option>Nej</swp-toggle-option>
                </swp-toggle-slider>
                <swp-hours-time>
                    <input type="time" value="10:00">
                    <span>til</span>
                    <input type="time" value="14:00">
                </swp-hours-time>
            </swp-hours-row>
            <swp-hours-row>
                <swp-hours-day>Søndag</swp-hours-day>
                <swp-toggle-slider data-value="no">
                    <swp-toggle-option>Ja</swp-toggle-option>
                    <swp-toggle-option>Nej</swp-toggle-option>
                </swp-toggle-slider>
                <swp-hours-closed>Lukket</swp-hours-closed>
            </swp-hours-row>
        </swp-hours-table>
    </swp-card-content>
    </swp-card>
</swp-two-column-grid>
